@import url('sdb_font.css');

body, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a, a.disabled:hover, a:disabled:hover {
    color: #0073ae;
}

.page-footer {
    background: #026a99;
    background: -moz-linear-gradient(left, #026a99 0%, #00a8b8 100%);
    background: -webkit-linear-gradient(left, #026a99 0%,#00a8b8 100%);
    background: linear-gradient(to right, #026a99 0%,#00a8b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026a99', endColorstr='#00a8b8',GradientType=1 );
}

    .page-footer .col {
        padding: 0;
        margin: 0;
    }

    .page-footer a {
        font-size: 16px;
        width: 100%;
        padding: 10px 5px 6px;
    }

        .page-footer a > img {
            margin-bottom: 5px;
        }

            .page-footer a > img.active {
                display: none;
            }

        .page-footer a.active {
            color: #9ee757;
        }

            .page-footer a.active > img {
                display: none;
            }

                .page-footer a.active > img.active {
                    display: inline;
                }

.black-skin .navbar, .navbar {
    background-color: #fff;
    box-shadow: none;
}

.black-skin .side-nav .sidenav-bg.mask-strong:after, .black-skin .side-nav .sidenav-bg:after, .side-nav {
    background-color: #0073ae;
}

.double-nav a {
    color: #00babe;
}

#sidenav-overlay {
    z-index: 1037;
}

@media (max-width: 600px) {
    .fixed-sn main, .hidden-sn main {
        padding-top: 3.5rem;
    }
}

.fixed-sn main, .hidden-sn main {
    padding-bottom: 4rem;
}

.main-tabs .tab-content {
    padding: 0;
}

.main_title {
    background: #026a99;
    background: -moz-linear-gradient(left, #026a99 0%, #00a8b8 100%);
    background: -webkit-linear-gradient(left, #026a99 0%,#00a8b8 100%);
    background: linear-gradient(to right, #026a99 0%,#00a8b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026a99', endColorstr='#00a8b8',GradientType=1 );
    display: inline-block;
    padding: 10px 25px 5px;
    -webkit-border-radius: 0 20px 0 20px;
    border-radius: 0 20px 0 20px;
    position: relative;
}

    .main_title:after {
        content: " ";
        width: 130%;
        height: 2px;
        position: absolute;
        bottom: -10px;
        left: -15%;
        background-color: #ececec;
    }

    .main_title h3 {
        font-weight: bold;
        color: #fff;
        font-size: 20px;
    }

.btn-default {
    background-color: #0073ae !important;
}

    .btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active, .show > .btn-default.dropdown-toggle {
        background-color: #0073ae !important;
        color: #fff !important;
    }

.btn-forget {
    background-color: transparent;
    border: 0;
    color: #e64c38;
    box-shadow: none;
}

.login-form {
    max-width: 350px;
    margin: 0 auto;
}

.inner-form {
    max-width: 70vw;
    min-width: 300px;
    margin: 0 auto;
}

    .login-form .form-control, .inner-form .form-control {
        background-color: #f1f1f1 !important;
        border: 0 !important;
        text-align: center;
    }

        .login-form .form-control.rounded, .inner-form .form-control.rounded {
            -webkit-border-radius: 30px !important;
            border-radius: 30px !important;
        }

    .inner-form textarea.form-control.rounded {
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-border-radius: 15px !important;
        border-radius: 15px !important;
    }

.bold {
    font-weight: bold !important;
}


.service-link {
    display: flex;
    background-color: #eff1f0;
    padding: 12px 10px 10px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    /*overflow:visible;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    /*min-height:calc(33vh - 180px);*/
    min-height: calc((100vh - 290px)/4);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .service-link > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

.service-items.big .service-link {
    font-size: 16px;
    font-weight: bold;
}

.service-link > img {
    margin-bottom: 3px;
}

.service-link:after {
    content: '';
    position: absolute;
    left: 0px;
    background-color: #00babe;
    width: 5px;
    height: 80%;
    top: 10%;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.service-items > .col-6:nth-child(1) a:after {
    left: 0px;
    right: auto;
    background-color: #00babe;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.service-items > .col-6:nth-child(2) a:after {
    background-color: #00babe;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.service-items > .col-6:nth-child(3) a:after {
    left: 0px;
    right: auto;
    background-color: #8bc751;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.service-items > .col-6:nth-child(4) a:after {
    background-color: #8bc751;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.service-items > .col-6:nth-child(5) a:after {
    left: 0px;
    right: auto;
    background-color: #9d2065;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.service-items > .col-6:nth-child(6) a:after {
    background-color: #9d2065;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.service-items > .col-6:nth-child(7) a:after {
    left: 0px;
    right: auto;
    background-color: #939598;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.service-items > .col-6:nth-child(8) a:after {
    background-color: #939598;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

table td {
    font-weight: normal;
}

.theme-table tr {
    background-color: #d6e7e7;
}

    .theme-table tr:nth-child(even) {
        background-color: #ffffff;
    }

table.table.theme-table td, table.table.theme-table th {
    padding: .5rem;
    padding-top: .5rem;
    padding-bottom: 0.4rem;
}

.table.theme-table th {
    background-color: #00babe !important;
    color: #fff !important;
}

.no-padding {
    padding: 0;
}

.inner-tabs.nav-tabs {
    border: 1px #0073ae solid !important;
    background: #0073ae;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important;
    box-shadow: none;
    overflow: hidden;
}

    .inner-tabs.nav-tabs .nav-item .nav-link {
        background-color: #ffffff;
        color: #0073ae;
    }

        .inner-tabs.nav-tabs .nav-item .nav-link.active {
            background-color: #0073ae;
            color: #fff;
        }

    .inner-tabs.nav-tabs .nav-item:first-child > .nav-link {
        -webkit-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
    }

    .inner-tabs.nav-tabs .nav-item:last-child > .nav-link {
        -webkit-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
    }

.inline-search-group .btn {
    padding: 0 20px;
    margin: 0;
    border-left: 1px #aaaaaa solid;
    border-bottom: 5px transparent solid;
    border-top: 5px transparent solid;
}

    .inline-search-group .btn.btn-default {
        background-color: #f1f1f1 !important;
        color: #4c4b4b !important;
        box-shadow: none;
        -webkit-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
    }

.inline-search-group input.form-control {
    background-color: #f1f1f1;
    border: 0;
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

.color-theme {
    color: #0073ae;
}

    .color-theme span {
        color: #00babe;
    }

.btn-transparent, .table a.btn-transparent {
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
    color: inherit;
    margin: 0 !important;
    text-transform: inherit;
    font-size: inherit;
    color: #00babe;
}

.news-list-item .news-list-title {
    color: #00babe;
}

.news-list-item .date {
    color: #737373;
    font-size: 13px;
    line-height: 20px;
}

.row .news-list-item {
    border-bottom: 1px #ececec solid;
    display: table-column;
}

    .row .news-list-item:last-child {
        border-bottom: none;
    }
/* RTL Style */
html[dir="rtl"] body, h1, h2, h3, h4, h5, h6 {
    font-family: 'sdb', sans-serif;
    letter-spacing: 0 !important;
}

html[dir="rtl"] .nav {
    padding-right: 0;
}

html[dir="rtl"] .btn {
    font-size: 1.1rem;
}

.mt-5, .my-5 {
    margin-top: 1rem !important;
}

html[dir="rtl"] .side-nav a {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] .side-nav ul {
    padding-right: 0;
}

html[dir="rtl"] .service-link {
    font-size: 13px;
}

html[dir="rtl"] .service-items > .col-6:nth-child(2) a:after {
    left: 0px;
    right: auto;
    background-color: #00babe;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

html[dir="rtl"] .service-items > .col-6:nth-child(1) a:after {
    background-color: #00babe;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

html[dir="rtl"] .service-items > .col-6:nth-child(4) a:after {
    left: 0px;
    right: auto;
    background-color: #8bc751;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

html[dir="rtl"] .service-items > .col-6:nth-child(3) a:after {
    background-color: #8bc751;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

html[dir="rtl"] .service-items > .col-6:nth-child(6) a:after {
    left: 0px;
    right: auto;
    background-color: #9d2065;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

html[dir="rtl"] .service-items > .col-6:nth-child(5) a:after {
    background-color: #9d2065;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

html[dir="rtl"] .service-items > .col-6:nth-child(8) a:after {
    left: 0px;
    right: auto;
    background-color: #939598;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

html[dir="rtl"] .service-items > .col-6:nth-child(7) a:after {
    background-color: #939598;
    left: auto;
    right: 0px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

html[dir="rtl"] .inline-search-group .btn {
    border-left: none;
    border-right: 1px #aaaaaa solid;
}

    html[dir="rtl"] .inline-search-group .btn.btn-default {
        -webkit-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
    }

html[dir="rtl"] .inline-search-group input.form-control {
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

.form-control {
    height: calc(3.25rem + 2px) !important;
}

html[dir="rtl"] .inner-tabs.nav-tabs .nav-item:first-child > .nav-link {
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

html[dir="rtl"] .inner-tabs.nav-tabs .nav-item:last-child > .nav-link {
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}
/*Taha Edit*/
.maintext {
    text-align: justify;
}

.contact-title {
    text-align: center;
    color: #000;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    background-color: #f5f5f5;
    border-bottom: solid #000 1px;
}

span.field-validation-error {
    color: red;
    margin: 10px;
    display: block;
}

.changefont {
    font-family: Arial !important;
    font-weight: bold;
}

.form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative !important;
    background-color: #0073ae;
    color: #fff;
    top: 10px;
    height: 30px;
    width: 30px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
    opacity: 10 !important;
    left: 10px;
}

    .form-radio:checked::before {
        position: absolute;
        font: 13px/1 'Open Sans', sans-serif;
        left: 11px;
        top: 7px;
        content: '\02143';
        transform: rotate(40deg);
    }

    .form-radio:hover {
        background-color: #f7f7f7;
    }

    .form-radio:checked {
        background-color: #0073ae;
    }
    figure#newimage img {
    width: 100%;
    height: 200px;
}