.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin select {
    border: 1px solid #ccc !important;
    margin-bottom: 15px !important;
}

.form-signin input[type="number"] {
    border: 1px solid #7ea7ac;
    margin-bottom: 15px;
}

.form-signin input[type="text"] {
    margin-bottom: 15px;
}

.form-signin input[type="email"] {
    border: 1px solid #ccc !important;
    margin-bottom: 15px;
}

.form-signin input[type="password"] {
    margin-bottom: 15px;
}

.form-signin input[type="email"] {
    margin-bottom: 10px;
}

.price-tag {
    border-radius: 6px !important;
    left: 0.2%;
    position: fixed !important;
    text-align: center;
    top: 7.5%;
}

.weekend-day {
    background-color: #efefef !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    color: #cccccc !important;
    font-family: Tahoma !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    margin-bottom: 5px !important;
    padding: 5px !important;
    width: 12.8% !important;
}

    .weekend-day:hover {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #efefef !important;
        border-color: #cccccc !important;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #cccccc !important;
    }

.disabled-day {
    background-color: #efefef !important;
    border: 1px solid #efefef !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-family: Tahoma !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    margin-bottom: 5px !important;
    padding: 5px !important;
    width: 12.8% !important;
}

    .disabled-day:hover {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #ddd !important;
        border-color: #d9534f !important;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #fff !important;
    }


.bs-wizard {
    margin-top: 40px;
}

.bs-wizard {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 10px;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #000;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            background: #73afb7 none repeat scroll 0 0;
            border-radius: 50%;
            display: block;
            height: 30px;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            position: absolute;
            top: 45px;
            width: 30px;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot::after {
                background: #005953 none repeat scroll 0 0;
                border-radius: 50px;
                content: " ";
                height: 14px;
                left: 8px;
                position: absolute;
                top: 8px;
                width: 14px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            border-radius: 0;
            box-shadow: none;
            height: 8px;
            margin: 20px 0;
            position: relative;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                background: #73afb7 none repeat scroll 0 0;
                box-shadow: none;
                width: 0;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.active:first-child > .progress > .progress-bar {
            width: 0;
        }

        .bs-wizard > .bs-wizard-step.active:last-child > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot::after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            right: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

.p-b-5 {
    padding-bottom: 5px;
}

.highlight pre {
    background-color: transparent;
    border: 0 none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    white-space: nowrap;
}

pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    overflow-wrap: break-word;
    padding: 9.5px;
    word-break: break-all;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

hr {
    border: 1px dashed #ccc !important;
}

input[type="text"] {
    border: 1px solid #ccc !important;
}

input:focus {
    border: 1px solid #999 !important;
    box-shadow: 0 2px 5px 0 rgba(204, 204, 204, 0.8);
}


.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

table, td, th, tr {
    border-radius: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 10px;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
    padding-top: 50px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-control {
    box-sizing: border-box;
    font-size: 20px;
    height: auto;
    position: relative;
}

.mci-container {
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 5%;
    padding-bottom: 1.5%;
    padding-top: 1.5%;
}

body, html {
    font-family: "Droid Arabic Kufi" !important;
    font-size: 18px;
    margin-bottom: 35px;
    text-align: right;
    background-image: url('../images/bg_cractivity.png');
}

.navbar-brand {
    height: auto !important;
    padding: 8px 0 !important;
}

#footer {
    background: #fff url("../img/footer-bg.jpg") no-repeat scroll right center;
    border-top: 1px solid #bdbdbd;
    bottom: 0;
    height: 10px;
    padding-top: 0 !important;
    position: fixed;
    width: 100%;
}

.copy-rt {
    line-height: 70px;
}

.follow-icon {
    color: #075754;
    float: left;
    font-size: 30px;
    margin: 17px 3px 0 0;
}

    .follow-icon a:hover {
        color: #333;
    }

.main-menu {
    font-family: DroidKufi-Regular !important;
    font-weight: normal;
    padding: 0;
}

    .main-menu .badge {
        background-color: #34495e;
        border-radius: 3px;
        color: #fff;
        font-family: Tahoma,Geneva,sans-serif;
        font-size: 10px;
        left: 10px;
        padding: 3px 5px;
        position: absolute;
        text-shadow: none;
    }

    .main-menu li {
        list-style: outside none none;
        margin: 0;
        text-align: right;
    }

        .main-menu li .expand-sign {
            color: inherit;
            display: inline-block;
            float: left;
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 12px;
            font-weight: inherit;
            vertical-align: bottom;
        }

        .main-menu li.expanded > a .expand-sign, .main-menu li.expanding > a .expand-sign {
            background: #fff none repeat scroll 0 0;
            color: #34495e;
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 12px;
            font-weight: 300;
            height: 1px;
            margin-top: 6px !important;
            width: 6px;
        }

.mci-panel-heading {
    font-family: "Droid Arabic Kufi" !important;
    height: 50px !important;
}

.panel-default > .panel-heading {
    background-color: #eee;
    border-bottom: 1px solid #ddd !important;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top-color: #ddd;
    color: #075654;
}

/**
{
    direction: rtl;
}*/

.main-menu li.expanded > a {
    color: #333;
}

.main-menu li.expanded > ul {
    display: block;
}

.main-menu li.active > a {
    color: #ffffff;
}

.main-menu > li > a {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px 0 0 5px;
    color: #34495e;
    display: block;
    font-size: 16px;
    line-height: 13px;
    padding: 12px 40px 12px 20px;
    position: relative;
    text-decoration: none;
}

    .main-menu > li > a.active {
        background-color: #0f514d;
        color: #ffffff;
    }

        .main-menu > li > a.active .glyphicon:first-child {
            color: #ffffff;
        }

    .main-menu > li > a .glyphicon:first-child {
        color: #0f514d;
        float: right;
        font-size: 14px;
        margin-right: -27px;
    }

.main-menu > li:hover > a, .main-menu > li:focus > a {
    background-color: #0f514d;
    color: #ffffff;
}

.main-menu > li.active > a {
    background-color: #0f514d;
    color: #ffffff;
}

.main-menu > li > ul > li {
    padding-left: 20px;
}

.main-menu > li ul {
    display: none;
    padding: 0;
    position: relative;
}

    .main-menu > li ul > li > a {
        -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-top-colors: none !important;
        background: #fff none repeat scroll 0 0 !important;
        border-color: currentcolor currentcolor #e6e6e6 #e6e6e6 !important;
        border-image: none !important;
        border-radius: 5px 0 0 5px !important;
        border-style: none none solid solid !important;
        border-width: medium medium 1px 1px !important;
        color: #0f514d !important;
    }

        .main-menu > li ul > li > a:hover {
            background: #10776d none repeat scroll 0 0 !important;
            color: #ffffff !important;
        }

.main-menu li.expanded a {
    background: #0f514d none repeat scroll 0 0;
    color: #fff;
}

    .main-menu li.expanded a i.glyphicon {
        color: #fff !important;
    }

.main-menu li a:hover i.glyphicon {
    color: #fff !important;
}

.main-menu > li ul > li > a {
    background-color: #515557;
    border-radius: 0;
    color: #b8bbbd;
    display: block;
    font-size: 16px;
    line-height: 13px;
    padding: 12px 40px 12px 17px;
    position: relative;
    text-decoration: none;
}

@media (min-width: 50px) and (max-width: 990px) {
    .validation-star {
        display: none !important;
    }

    html {
        overflow-x: hidden;
    }

    .main-menu {
        position: absolute;
        right: 0;
        width: 60px;
    }

    body:not(.sidebar-expanded) .sidebar-search > a {
        background-color: #181d20;
        color: #848788;
        display: block;
        margin-bottom: 10px;
        padding: 7px 20px;
    }

        body:not(.sidebar-expanded) .sidebar-search > a .close-icon {
            display: none;
        }

    body:not(.sidebar-expanded) .sidebar-search > .form-group {
        display: none;
    }

    body:not(.sidebar-expanded) .sidebar-search.open > a {
        background-color: #0f514d;
    }

        body:not(.sidebar-expanded) .sidebar-search.open > a .search-icon {
            display: none;
        }

        body:not(.sidebar-expanded) .sidebar-search.open > a .close-icon {
            display: inline-block;
        }

    body:not(.sidebar-expanded) .sidebar-search.open > .form-group {
        display: block;
        position: absolute;
        right: 60px;
        top: 0;
        width: 270px;
        z-index: 10;
    }

    body:not(.sidebar-expanded) .main-menu > li {
        position: relative;
        z-index: 2147483647;
    }

        body:not(.sidebar-expanded) .main-menu > li .badge {
            display: none;
        }

        body:not(.sidebar-expanded) .main-menu > li.expanded > a {
            background-color: #0f514d;
        }

            body:not(.sidebar-expanded) .main-menu > li.expanded > a .title {
                background-color: #515557;
                color: #ffffff;
                display: block;
                font-size: 16px;
                font-weight: 400;
                height: 35px;
                min-width: 270px;
                padding: 12px 12px 12px 25px;
                position: absolute;
                right: 60px;
                text-transform: initial;
                top: -35px;
                white-space: nowrap;
            }

        body:not(.sidebar-expanded) .main-menu > li.active > a {
            background-color: #44535a;
            color: #ffffff;
        }

        body:not(.sidebar-expanded) .main-menu > li > a {
            transition: padding 0.15s ease-in 0s;
        }

            body:not(.sidebar-expanded) .main-menu > li > a::before, body:not(.sidebar-expanded) .main-menu > li > a::after {
                content: " ";
                display: table;
            }

            body:not(.sidebar-expanded) .main-menu > li > a::after {
                clear: both;
            }

            body:not(.sidebar-expanded) .main-menu > li > a .title {
                display: none;
            }

            body:not(.sidebar-expanded) .main-menu > li > a:hover {
                background-color: #393b3d;
            }

            body:not(.sidebar-expanded) .main-menu > li > a .glyphicon *:first-child {
                color: inherit;
                margin-right: 0;
            }

    main-menu > li > a .glyphicon:first-child {
        margin-right: 0 !important;
    }

    body:not(.sidebar-expanded) .main-menu > li > ul {
        position: absolute;
        right: 60px;
        top: 0;
        transition: right 0.15s ease-in 0s;
    }

        body:not(.sidebar-expanded) .main-menu > li > ul::before {
            display: none;
        }

        body:not(.sidebar-expanded) .main-menu > li > ul::after {
            display: none;
        }

        body:not(.sidebar-expanded) .main-menu > li > ul li {
            min-width: 270px;
            padding: 0;
        }

    .main-menu li .expand-sign {
        float: none;
    }
}

.realperson-text {
    direction: ltr;
    float: right;
    font-family: "Courier New",monospace;
    font-size: 6px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.required-star {
    color: red;
    font-family: Tahoma;
    font-size: 12px;
}

.validation-star {
    color: red;
    font-size: 35px;
    font-weight: bold;
    margin-right: -25px;
    position: absolute;
}

.validation-star-2 {
    color: red;
    font-size: 35px;
    font-weight: bold;
    margin-right: -10px;
    position: absolute;
}

.steps-badge {
    background-color: #075654 !important;
    color: #ffffff !important;
    float: right !important;
    font-family: Tahoma !important;
    font-size: 12px !important;
    margin-left: 6px !important;
    margin-top: 0 !important;
}

.active-steps-badge {
    background-color: #fff !important;
    color: #075654 !important;
    float: right !important;
    font-family: Tahoma !important;
    font-size: 12px !important;
    margin-left: 6px !important;
    margin-top: 0 !important;
}

.wizard {
    font-family: Tahoma;
    font-size: 10px;
}

    .wizard a {
        background: #efefef none repeat scroll 0 0;
        color: #075654;
        display: inline-block;
        margin-left: 5px;
        padding: 12px 12px 10px;
        position: relative;
    }

        .wizard a:hover {
            text-decoration: none;
        }

        .wizard a::after {
            border-bottom: 20px inset transparent;
            border-right: 20px solid #fff;
            border-top: 20px inset transparent;
            content: "";
            height: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
        }

        .wizard a::before {
            border-bottom: 20px inset transparent;
            border-right: 20px solid #efefef;
            border-top: 20px inset transparent;
            content: "";
            height: 0;
            left: -20px;
            position: absolute;
            top: 0;
            width: 0;
            z-index: 2;
        }

        .wizard a:first-child::after, .wizard a:last-child::before {
            border: medium none;
        }

        .wizard a:last-child {
            border-radius: 4px 0 0 4px;
        }

        .wizard a:first-child {
            border-radius: 0 4px 4px 0;
        }

    .wizard .badge {
        margin: 0 18px 0 5px;
        position: relative;
        top: -1px;
    }

    .wizard a:first-child .badge {
        margin-right: 0;
    }

    .wizard .current {
        background: #075654 none repeat scroll 0 0;
        color: #fff;
    }

        .wizard .current::before {
            border-right-color: #075654;
        }

.mywizard li {
    background: #f5f5f5 none repeat scroll 0 0;
    padding-left: 30px;
    padding-right: 5px;
    position: relative;
}

    .mywizard li a::after, .mywizard li a::before {
        border: medium solid transparent;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 100%;
        width: 0;
    }

    .mywizard li a::after {
        border-color: rgba(245, 245, 245, 0) #f5f5f5 rgba(245, 245, 245, 0) rgba(245, 245, 245, 0);
        border-width: 20px;
        margin-right: -30px;
        margin-top: -20px;
        top: 50%;
    }

    .mywizard li a::before {
        border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        border-width: 30px;
        margin-right: -30px;
        margin-top: -30px;
        top: 50%;
    }

    .mywizard li .badge {
        padding-top: 3px;
        vertical-align: text-bottom;
    }

.navbar-content {
    padding: 15px 15px 0;
    width: 290px;
}

    .navbar-content::before, .navbar-content::after {
        content: "";
        display: table;
        line-height: 0;
    }

.navbar-nav.navbar-right:last-child {
    margin-right: 15px !important;
}

.navbar-footer-content {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #ccc;
    margin-bottom: -4px !important;
    padding: 10px 15px;
}

.navbar-nav > li > a {
    color: #fff !important;
    font-size: 16px;
    padding-bottom: 13px !important;
    padding-top: 13px !important;
    width: auto;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #10776d;
    color: #fff;
}

.error {
    color: red;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #10776d;
}

@media (max-width: 768px) {
    .validation-star {
        display: none !important;
    }

    .nav > li > a {
        border-bottom: 1px solid #094341;
    }

    .message i {
        float: right !important;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border-color: transparent !important;
    }

    .dropdown-header {
        color: #fff;
    }
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #094341;
    color: #fff;
}

.message {
    height: 60px !important;
    text-align: left;
}

.e-serv-link {
    font-size: 18px !important;
    height: 60px;
    line-height: 34px !important;
}

.message i {
    font-size: 22px;
    margin-left: 5px;
    margin-top: 7px;
}

.badge-support2 {
    background-color: #f8576c;
    color: #ffffff;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 9px;
    position: absolute;
    right: 25px;
    top: 13px;
    z-index: 1;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    top: 59px;
}

.mega-dropdown {
    height: 60px;
    position: static !important;
    width: auto;
}

.mega-dropdown-menu {
    background: #064745 none repeat scroll 0 0;
    padding: 20px 0;
    width: 100% !important;
}

    .mega-dropdown-menu > li > ul {
        margin: 0;
        padding: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: outside none none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                clear: both;
                color: #fff;
                display: block;
                font-size: 18px;
                font-weight: normal;
                line-height: 18px;
                padding: 3px 20px;
                white-space: normal;
            }

    .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
        background-color: #f5f5f5;
        color: #444;
        text-decoration: none;
    }

@media (max-width: 768px) {
    .mega-dropdown-menu > li > ul > li > a {
        color: #333;
    }

    .navbar-nav .open .dropdown-menu {
        color: #fff;
    }

    .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
        z-index: 2147483647 !important;
    }

    .yamm .nav, .yamm .dropup, .yamm .dropdown {
        background: #34495e none repeat scroll 0 0;
        display: initial;
        position: relative;
        width: 90%;
        z-index: 2147483647;
    }

    .navbar-nav {
        margin: 0 -15px !important;
    }

    .navbar-collapse {
        max-height: 100% !important;
    }

    a.alert-dismissable {
        color: #fff !important;
    }

    ul.dropdown-menu li a {
        color: #fff !important;
    }

        ul.dropdown-menu li a.btn {
            color: #34495e !important;
        }
}

.mega-dropdown-menu .dropdown-header {
    border-bottom: 1px solid #72aeb6;
    color: #72aeb6;
    font-family: "Droid Arabic Kufi" !important;
    font-size: 18px;
}

.yamm .container {
    position: relative;
}

.yamm .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}

.yamm .yamm-content {
    padding: 0 30px 20px !important;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.unstyled li {
    font-size: 18px;
    line-height: 24px;
    list-style: outside none none;
    text-align: right;
}

.yamm .dropdown.yamm-fw .dropdown-menu h3 {
    margin-right: 15px;
}

    .yamm .dropdown.yamm-fw .dropdown-menu h3 small {
        float: left;
        margin-top: 15px;
        text-decoration: underline;
    }

hr {
    border: 1px dashed #10776d;
    margin-top: 2px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-top: -1px;
}

    .yamm .dropdown.yamm-fw .dropdown-menu h3 {
        margin-right: 15px;
    }

        .yamm .dropdown.yamm-fw .dropdown-menu h3 small {
            float: left;
            margin-top: 15px;
            text-decoration: underline;
        }

            .yamm .dropdown.yamm-fw .dropdown-menu h3 small a {
                color: #075654;
            }

.fa-circle-o-notch {
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.mci-color {
    background: #075654 none repeat scroll 0 0 !important;
    border: 1px solid #10776d !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: #ffffff;
}

    .mci-color a {
        color: #ffffff !important;
    }

h3 small {
    float: left;
    margin-top: 5px;
}

.panel-heading {
    background: #3f7138 none repeat scroll 0 0 !important;
}

    .panel-heading h2 {
        color: #b7a14a !important;
        font-family: "Droid Arabic Kufi" !important;
        font-size: 20px;
        margin: 0 !important;
    }

.loginbox {
    background: #fff url("../img/login-bg.jpg") no-repeat scroll right bottom !important;
    border: 1px solid #34495e !important;
    box-shadow: 15px 28px 122px 0 rgba(204, 204, 204, 0.43);
    margin-top: 70px !important;
}

.input-group {
    background: #f7f7f7 none repeat scroll 0 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.form-control {
    background: #f7f7f7 none repeat scroll 0 0 !important;
    border: 1px solid #ccc !important;
    font-size: 18px !important;
    height: auto !important;
    text-align: right !important;
}

.input-group-addon {
}

.login-links {
    float: right;
    text-align: right;
    width: 100%;
}

.login-btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #eee none repeat scroll 0 0 !important;
    border-bottom: 1px solid #f2efef;
    border-image: none;
    border-left: 2px solid #ddd !important;
    border-right: 1px solid #f2efef;
    border-top: 2px solid #ddd !important;
    color: #333 !important;
    font-family: "Droid Arabic Kufi" !important;
    font-size: 18px !important;
    padding: 6px 25px !important;
}

.alert-dismissable {
    color: #1b4c48;
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.navbar-nav {
    float: right !important;
}

.dropdown-menu {
    left: auto !important;
    right: 0;
}

.breadcrumb {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: currentcolor #ccc #ccc;
    border-image: none;
    border-radius: 0 0 4px 4px !important;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}
/*a {
    color: #09504c !important;
}*/
.main-menu > li > a.active {
    color: #fff !important;
}

.main-menu li.expanded a span.title {
    color: #fff !important;
}

.main-menu > li ul > li > a {
    color: #09504c !important;
}

.main-menu > li > a:hover {
    color: #fff !important;
}

.sidebar-back {
    padding-top: 23.5%;
}

.list-group {
    height: 124px !important;
    min-height: 124px !important;
}

.list-group-item {
    min-height: 42px;
}

.nav-pills {
    margin-bottom: -4px !important;
    margin-top: -7px !important;
}

.toggle-menu {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 0 10px;
}

.fa-exchange {
    padding-top: 10px;
}

textarea {
    border: 1 solid #efefef;
    font-family: 'Simplified Arabic';
    font-size: 16px;
    margin: 0;
    outline: medium none;
    padding: 0;
    resize: none;
    width: 100%;
}

    textarea:focus {
        border: 1px solid #999 !important;
        box-shadow: 0 2px 5px 0 rgba(204, 204, 204, 0.8);
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #075654 !important;
}

.nav-pills > li > a {
    color: #cccccc !important;
}

    .nav-pills > li > a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }

.mk-shadow {
    box-shadow: 0 2px 3px 0 rgba(204, 204, 204, 0.4);
}

.mk-menu-glyph-size {
    font-size: 20px;
    margin-bottom: -50px !important;
    padding-top: 5px;
}

.breadcrumb {
}

.panel-group .panel {
    margin-bottom: -5px;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-right: 0 none;
    border-top: 0 solid #ddd;
    padding: 0;
    width: 85%;
}

.mk-list-item {
    border-radius: 0 !important;
    border-right: 0 none;
}

.list-group-item:first-child {
    border-top: 0 solid;
}

.panel-group .panel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
}

.panel-default > .panel-heading {
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    border-color: #ddd;
    color: #075654;
    font-family: "Droid Arabic Kufi","Midan";
    font-weight: bold;
}

.mk-overflow-hidden {
    overflow: hidden;
}

.mk-heading {
    height: 50px !important;
}

.panel-title {
    font-family: "Droid Arabic Kufi" !important;
}

.nav-pills {
    line-height: 23px;
}

.panel-title > a {
    font-size: 24px;
}

.glyphicon-plus {
    color: #ccc;
    font-size: 12px;
}

.list-group-item-fix {
    padding: 10px 0;
}

.line-height-fix {
    line-height: 28px;
}

.text-muted {
    color: #075654;
    font-size: 16px;
}

.breadcrumb a {
    color: #075654;
}

.social-buttons {
    margin-top: -8px;
}

.progress {
    height: 7px;
}

.progress-bar {
    background: #075654 none repeat scroll 0 0;
    height: 7px;
}

.mk-margin-top {
    margin-top: 5px;
}

.fa-thumbs-up, .fa-thumbs-down {
    color: #cccccc;
}

.fa-active {
    color: #075654;
}

.unstyled li {
    font-size: 18px;
    line-height: 24px;
    list-style: outside none none;
    margin-right: -25px;
}

hr {
    border: 1px dashed #10776d;
    margin-top: 2px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-top: -1px;
}

    .yamm .dropdown.yamm-fw .dropdown-menu h3 {
        margin-right: 15px;
    }

        .yamm .dropdown.yamm-fw .dropdown-menu h3 small {
            float: left;
            margin-top: 15px;
            text-decoration: underline;
        }

            .yamm .dropdown.yamm-fw .dropdown-menu h3 small a {
                color: #075654;
            }

.fa-circle-o-notch {
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.mci-container div h2 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    color: #03524c !important;
    margin-top: 0 !important;
    padding: 10px;
    width: 100%;
}

.mci-container div h1 {
    background: #73afb7 none repeat scroll 0 0;
    border-bottom: 1px solid #2c9d95;
    border-top: 1px solid #2c9d95;
    color: #fff !important;
    margin-top: 0 !important;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.profile-btn {
    font-size: 18px !important;
    padding: 0 5px !important;
}

.profile-btn1 {
    font-size: 18px !important;
    text-align: center !important;
    width: 100px !important;
}

.profile-btn2 {
    font-size: 18px !important;
    padding: 4px 10px !important;
}

.colored-tbl th {
    background: #f1f5f2 none repeat scroll 0 0 !important;
    border-bottom: 2px solid #ccc !important;
}

.colored-tbl td {
    text-align: right !important;
}

@media only screen and (max-width: 800px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
    }

        #no-more-tables thead tr {
            left: -9999px;
            position: absolute;
            top: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: currentcolor currentcolor #eee;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        padding-left: 50%;
        position: relative;
        text-align: left;
        white-space: normal;
    }

        #no-more-tables td::before {
            font-weight: bold;
            left: 6px;
            padding-right: 10px;
            position: absolute;
            text-align: left;
            top: 6px;
            white-space: nowrap;
            width: 45%;
        }

        #no-more-tables td::before {
            content: attr(data-title);
        }
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    line-height: 22px;
    margin-bottom: 10px;
    max-width: 100%;
    padding: 4px 6px;
    vertical-align: middle;
}

    .bootstrap-tagsinput input {
        background-color: transparent;
        border: medium none;
        box-shadow: none;
        margin: 0;
        max-width: inherit;
        outline: medium none;
        padding: 0;
        width: auto !important;
    }

        .bootstrap-tagsinput input:focus {
            border: medium none !important;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        color: white;
        margin-bottom: 5px !important;
        margin-right: 2px;
        margin-top: 5px !important;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            cursor: pointer;
            margin-left: 8px;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]::after {
                content: "x";
                padding: 0 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                }

.bootstrap-tagsinput {
    width: 100%;
}

    .bootstrap-tagsinput span {
        margin-bottom: 5px !important;
    }

.red-color {
    color: red !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.pagination {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.bootstrap-tagsinput input {
    border: medium none !important;
}

    .bootstrap-tagsinput input:active {
        border: medium none !important;
    }

    .bootstrap-tagsinput input:hover {
        border: medium none !important;
    }

.label-primary {
    background: #075654 none repeat scroll 0 0 !important;
}

.table-head {
    background: #fff none repeat scroll 0 0;
    color: #03524c !important;
    font-size: 22px !important;
    font-weight: bold;
    margin-top: 0 !important;
    padding: 10px;
    text-align: right;
    width: 100%;
}

.pagination > .active > a {
    background-color: #075754 !important;
    border-color: #075754 !important;
    color: #fff !important;
}

.pagination > li > a, .pagination > li > span {
    padding: 2px 12px !important;
}

.upload-link {
    color: #000 !important;
    left: 30px;
    line-height: 30px;
    position: absolute;
    top: 15px;
}

.modal-header {
    background: #f1f5f2 none repeat scroll 0 0 !important;
}

.check-btn-row {
    float: right;
    margin: 0 0 10px 10px;
}

.button-checkbox {
    background: #fff none repeat scroll 0 0 !important;
    border-bottom-right-radius: 0;
    border-right: medium none !important;
    border-top-right-radius: 0;
    float: left !important;
}

.input-group-addon {
    background: #eee none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #7ba8ae;
    float: right !important;
    margin-top: 6px !important;
    padding: 2px 10px !important;
}

.table-bordered {
    border: 0 solid transparent !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        background: #10776d none repeat scroll 0 0 !important;
        border: 2px solid #ffffff !important;
        border-radius: 8px !important;
        color: #ffffff;
        padding: 5px !important;
        text-align: center !important;
    }

    .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        background: #f7f7f7 none repeat scroll 0 0 !important;
        border: 3px solid #ffffff !important;
        border-radius: 8px !important;
    }

.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}


.title-h2 {
    color: #10776d !important;
    font-family: "Droid Arabic Kufi" !important;
    font-size: 26px;
}

.bold-sm {
    font-family: "Droid Arabic Kufi" !important;
    font-size: 16px !important;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-height: 16.4286px;
    padding: 15px;
}

.title-h2 {
    color: #10776d !important;
    font-family: "Droid Arabic Kufi" !important;
    font-size: 26px;
}

.rrssb-buttons.large-format li a, .rrssb-buttons.large-format li a .text {
    backface-visibility: hidden;
}

.rrssb-buttons, .rrssb-buttons li, .rrssb-buttons li a {
    box-sizing: border-box;
}

.clearfix {
}

    .clearfix::after {
        clear: both;
    }

    .clearfix::before, .clearfix::after {
        content: " ";
        display: table;
    }

.rrssb-buttons {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .rrssb-buttons li {
        float: left;
        height: 100%;
        list-style: outside none none;
        margin: 0;
        padding: 0 2.5px;
    }

        .rrssb-buttons li.email a {
            background-color: #0a88ff;
        }

            .rrssb-buttons li.email a:hover {
                background-color: #006ed6;
            }

        .rrssb-buttons li.facebook a {
            background-color: #306199;
        }

            .rrssb-buttons li.facebook a:hover {
                background-color: #244872;
            }

        .rrssb-buttons li.tumblr a {
            background-color: #32506d;
        }

            .rrssb-buttons li.tumblr a:hover {
                background-color: #22364a;
            }

        .rrssb-buttons li.linkedin a {
            background-color: #007bb6;
        }

            .rrssb-buttons li.linkedin a:hover {
                background-color: #005983;
            }

        .rrssb-buttons li.twitter a {
            background-color: #26c4f1;
        }

            .rrssb-buttons li.twitter a:hover {
                background-color: #0eaad6;
            }

        .rrssb-buttons li.googleplus a {
            background-color: #e93f2e;
        }

            .rrssb-buttons li.googleplus a:hover {
                background-color: #ce2616;
            }

        .rrssb-buttons li.youtube a {
            background-color: #df1c31;
        }

            .rrssb-buttons li.youtube a:hover {
                background-color: #b21627;
            }

        .rrssb-buttons li.reddit a {
            background-color: #8bbbe3;
        }

            .rrssb-buttons li.reddit a:hover {
                background-color: #62a3d9;
            }

        .rrssb-buttons li.pinterest a {
            background-color: #b81621;
        }

            .rrssb-buttons li.pinterest a:hover {
                background-color: #8a1119;
            }

        .rrssb-buttons li.github a {
            background-color: #444;
        }

            .rrssb-buttons li.github a:hover {
                background-color: #2b2b2b;
            }

        .rrssb-buttons li a {
            background-color: #ccc;
            border-radius: 2px;
            display: block;
            font-size: 11px;
            font-weight: bold;
            height: 100%;
            padding: 11px 7px 12px 27px;
            position: relative;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            transition: background-color 0.2s ease-in-out 0s;
            width: 100%;
        }

            .rrssb-buttons li a .icon {
                display: block;
                height: 100%;
                left: 10px;
                padding-top: 9px;
                position: absolute;
                top: 0;
                width: 10%;
            }

                .rrssb-buttons li a .icon svg {
                    height: 17px;
                    width: 17px;
                }

                    .rrssb-buttons li a .icon svg path, .rrssb-buttons li a .icon svg polygon {
                        fill: #fff;
                    }

            .rrssb-buttons li a .text {
                color: #fff;
            }

            .rrssb-buttons li a:active {
                box-shadow: 1px 3px 15px 0 rgba(22, 0, 0, 0.25) inset;
            }

        .rrssb-buttons li.small a {
            padding: 0;
        }

            .rrssb-buttons li.small a .icon {
                height: 100%;
                left: auto;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                top: auto;
                width: 100%;
            }

            .rrssb-buttons li.small a .text {
                visibility: hidden;
            }

    .rrssb-buttons.large-format {
        height: auto;
    }

        .rrssb-buttons.large-format li {
            height: auto;
        }

            .rrssb-buttons.large-format li a {
                border-radius: 0.2em;
                font-size: 1vw;
                padding: 7% 0 7% 12%;
            }

                .rrssb-buttons.large-format li a .icon {
                    left: 7%;
                    padding-top: 0;
                    width: 12%;
                }

                    .rrssb-buttons.large-format li a .icon svg {
                        height: 100%;
                        width: 100%;
                    }

                .rrssb-buttons.large-format li a .text {
                    font-size: 1vw;
                }

                .rrssb-buttons.large-format li a:hover {
                    border-radius: 0.2em;
                    font-size: 1vw;
                    padding: 7% 0 7% 12%;
                }

    .rrssb-buttons.small-format {
        padding-top: 5px;
    }

        .rrssb-buttons.small-format li {
            height: 80%;
            padding: 0 1.5px;
        }

            .rrssb-buttons.small-format li a .icon {
                height: 100%;
                padding-top: 0;
            }

                .rrssb-buttons.small-format li a .icon svg {
                    height: 48%;
                    position: relative;
                    top: 6px;
                    width: 80%;
                }

    .rrssb-buttons.tiny-format {
        height: 22px;
        position: relative;
    }

        .rrssb-buttons.tiny-format li {
            padding-right: 7px;
        }

            .rrssb-buttons.tiny-format li a {
                background-color: transparent;
                padding: 0;
            }

                .rrssb-buttons.tiny-format li a .icon svg {
                    height: 70%;
                    width: 100%;
                }

                .rrssb-buttons.tiny-format li a:hover, .rrssb-buttons.tiny-format li a:active {
                    background-color: transparent;
                }

            .rrssb-buttons.tiny-format li.email a .icon svg path, .rrssb-buttons.tiny-format li.email a .icon svg polygon {
                fill: #0a88ff;
            }

            .rrssb-buttons.tiny-format li.email a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.email a .icon:hover .icon svg polygon {
                fill: #0054a3;
            }

            .rrssb-buttons.tiny-format li.facebook a .icon svg path, .rrssb-buttons.tiny-format li.facebook a .icon svg polygon {
                fill: #306199;
            }

            .rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg polygon {
                fill: #18304b;
            }

            .rrssb-buttons.tiny-format li.tumblr a .icon svg path, .rrssb-buttons.tiny-format li.tumblr a .icon svg polygon {
                fill: #32506d;
            }

            .rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg polygon {
                fill: #121d27;
            }

            .rrssb-buttons.tiny-format li.linkedin a .icon svg path, .rrssb-buttons.tiny-format li.linkedin a .icon svg polygon {
                fill: #007bb6;
            }

            .rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg polygon {
                fill: #003650;
            }

            .rrssb-buttons.tiny-format li.twitter a .icon svg path, .rrssb-buttons.tiny-format li.twitter a .icon svg polygon {
                fill: #26c4f1;
            }

            .rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg polygon {
                fill: #0b84a6;
            }

            .rrssb-buttons.tiny-format li.googleplus a .icon svg path, .rrssb-buttons.tiny-format li.googleplus a .icon svg polygon {
                fill: #e93f2e;
            }

            .rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg polygon {
                fill: #a01e11;
            }

            .rrssb-buttons.tiny-format li.youtube a .icon svg path, .rrssb-buttons.tiny-format li.youtube a .icon svg polygon {
                fill: #df1c31;
            }

            .rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg polygon {
                fill: #84111d;
            }

            .rrssb-buttons.tiny-format li.reddit a .icon svg path, .rrssb-buttons.tiny-format li.reddit a .icon svg polygon {
                fill: #8bbbe3;
            }

            .rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg polygon {
                fill: #398bcf;
            }

            .rrssb-buttons.tiny-format li.pinterest a .icon svg path, .rrssb-buttons.tiny-format li.pinterest a .icon svg polygon {
                fill: #b81621;
            }

            .rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg polygon {
                fill: #5d0b11;
            }

            .rrssb-buttons.tiny-format li.github a .icon svg path, .rrssb-buttons.tiny-format li.github a .icon svg polygon {
                fill: #444;
            }

            .rrssb-buttons.tiny-format li.github a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.github a .icon:hover .icon svg polygon {
                fill: #111;
            }

header, footer, section, hgroup, figure, figcaption {
    display: block;
    margin: 0;
    padding: 0;
}

#backlinks {
    float: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 20px;
}

    #backlinks a {
        display: block;
        text-align: right;
    }

#wrapper {
    height: auto !important;
}

    #wrapper hgroup {
        margin: 10px 0 30px;
        text-align: center;
    }

    #wrapper h2 {
        color: #ff6a00;
        font-family: Arial Narrow,Arial,sans-serif;
        font-size: 33px;
        margin: 5px 0;
        text-shadow: 0 2px 2px #773f00;
    }

        #wrapper h2 span {
            color: #ffd800;
            font-family: Arial,sans-serif;
            font-size: 31px;
            letter-spacing: 3px;
            text-shadow: 0 2px 2px #442400;
        }

    #wrapper h3 {
        color: #888;
        font-size: 18px;
        font-style: italic;
        font-weight: normal;
        margin: 5px 0;
        text-shadow: 1px 1px 0 #fff;
    }

#upload {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

#droparea {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    vertical-align: baseline;
}

    #droparea p {
        margin: 7px 0;
    }

#result {
    margin-top: 30px;
}

    #result .imageholder {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #999;
        box-shadow: 0 0 4px #999;
        display: inline-block;
        margin: 7px;
        padding: 10px;
        position: relative;
        text-align: center;
        transform: scale(0) rotate(0deg);
        transition: -webkit-transform 1s ease-out 0.5s;
    }

        #result .imageholder figcaption {
            font-style: italic;
            font-weight: bold;
            overflow-wrap: break-word;
            width: 180px;
        }

            #result .imageholder figcaption span {
                color: #777;
                font-size: 11px;
            }

        #result .imageholder img {
            height: 180px;
            width: 180px;
        }

#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    background-color: rgb(25, 25, 25);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 30px;
    color: rgb(255, 255, 255);
    opacity: 1;
    padding: 5px 8px;
    position: absolute;
    right: -55px;
    top: -15px;
    z-index: 1032;
}

.navbar-nav > li > a:hover {
    background: #10776d none repeat scroll 0 0 !important;
}

.navbar-collapse.in {
    overflow-y: inherit !important;
}

.pagination .active a {
    z-index: 0 !important;
}

.panel-green {
    border-color: #5fa19d !important;
}

    .panel-green .panel-heading {
        background-color: #5fa19d !important;
        border-color: #5fa19d !important;
        color: #fff;
    }

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    src: url("@Url.Content(\"~/fonts/glyphicons-halflings-regular.eot?#iefix\")") format("embedded-opentype"), url("@Url.Content(\"~/fonts/glyphicons-halflings-regular.svg#halflings\")") format("svg"), url('fonts/glyphicons-halflings-regular.woff') format("woff"), url('fonts/glyphicons-halflings-regular.ttf') format('truetype');
}
@font-face {
    font-family: "FontAwesome";
    src: url("@Url.Content(\"~/fonts/fontawesome-webfont.eot?#iefix\")") format("embedded-opentype"), url('fonts/fontawesome-webfont.woff') format("woff"), url('fonts/fontawesome-webfont.ttf') format("truetype"), url("@Url.Content(\"~/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular\")") format("svg");
}

.home-panel-link {
    display: block;
}

.panel-green a:hover {
    color: #5b888e !important;
    text-decoration: none !important;
}

.panel-green a {
    color: #7ba8ae !important;
}

.panel-heading a {
    color: #ffffff !important;
}

    .panel-heading a:hover {
        color: black !important;
    }

.main-content {
    /*background: #fcfcfc none repeat scroll 0 0;*/
    border-radius: 4px;
    display: inline-block;
    min-height: 465px;
    /*padding: 70px 12px;*/
    width: 100%;
}

.paddingless {
    padding: 0 !important;
}

.signal {
    animation: 2s ease-out 0s normal none infinite running pulsate;
    border: 3px solid #ffffff;
    border-radius: 50px;
    display: inline-block;
    height: 50px;
    opacity: 0;
    width: 50px;
}

@keyframes pulsate {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes pulsate {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.realperson-text {
    direction: ltr;
    float: right;
    font-family: "Courier New",monospace;
    font-size: 6px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
}
.grid-container {
    width: 100%;
    /* height can be auto; let grid size by content or viewport */
    overflow: auto;
}
.k-tabstrip-content {
    width: 100%;
}

/* Grid wrapper tweaks for responsiveness */
.owner-tab-container {
    width: 100%;
    /* Allow the grid to scroll on small screens if needed */
}

#grid_2 {
    width: 100%;
    /* optional: ensure grid has a sensible min height on very large screens */
    min-height: 200px;
}

/* Optional: make inner grid columns more flexible on small screens */
@media (max-width: 768px) {
    #grid_2 .k-grid-content .k-header th,
    #grid_2 .k-grid-content td {
        white-space: nowrap;
        padding: 6px;
        font-size: 12px;
    }
}