body {
    -ms-overflow-style: scrollbar;
    background-color: #C1D6E5;
    overflow-x: hidden;
}
.btn-primar:active{
    color:#fff !important; 
}
#dataLoader .modal-content {
    WIDTH: 50px;
    height: 50px;
    margin: auto;
    margin-top: 200px;
    padding: 0;
    border-radius: 2rem;
}

.tableContainer .form-check label {
    margin-right: 20px;
}

.formHeading {
    line-height: 47px;
}

.w-15 {
    width: 15%;
}

.w-35 {
    width: 35%;
}
.lh10 {
    line-height: 10px !important;
}
.lh20 {
    line-height: 20px !important;
}
.lh30 {
    line-height: 30px !important;
}
.lh40 {
    line-height: 40px !important;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

#PrintArea * {
    font-family: 'Majalla','FontAwesome', Arial, sans-serif !important;   
}

.d-none {
    display: none;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sw > .tab-content {
    overflow: visible !important;
}

.w-auto {
    width: auto;
}

.input-group-text {
    font-size: 24px;
}

.attachmentsPage .card {
    max-height: 200px;
    min-height: 200px;
    /* overflow: hidden; */
    /* padding-bottom:10px; */
}

.nowrap {
    white-space: nowrap;
}

.attachmentThumbnail {
    max-height: 162px;
    width: 100%;
    object-fit: cover;
    padding-bottom: 31px;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.OPT_Timer {
    border: 1px solid #8dceff;
    background-color: #d6eeff;
    padding: 4px 16px;
    border-radius: 100px;
    min-width: 100px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
}

    .OPT_Timer span {
        font-size: 18px;
        margin: 4px;
    }

.loggedinUser .fa, .btn.fa {
    font-family: FontAwesome,Arial;
}

.homeIcons .fa {
    transition: all 0.2s ease;
}

.homeIcons a:hover .fa {
    transform: scale(1.2)translateY(-5px);
}

.form-control[type='checkbox'] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.row input[type='file'] {
    border: 1px solid #d7dadd !IMPORTANT;
    background-color: #ebeef1;
    padding: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    max-width: 100%;
}

div#CaptchaDiv input {
    padding: .375rem .75rem !Important;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da !Important;
}

.innerPage p {
    text-align: justify;
}

.table .thead-light th {
    color: #ffffff;
    background-color: #0060a9;
    border-color: #dee2e6;
}

.ms-rtestate-write.ms-rtestate-write {
    display: block;
    /* fixes issue in ie for news image*/
}

.mediaPlayerTitleOverlay, .mediaPlayerAdditionalControls {
    display: none;
    /* hide video elements*/
}

.heroBanner {
    min-height: 305px;
}

.heroIllustration img {
    position: absolute;
}

.heroIllustration {
    margin-top: -49px;
    position: relative;
    width: 437px;
    height: 213px;
    /* border: 1px solid red; */
    /* height: 184px; */
}

.heroPointer {
    width: 112px;
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    /* transform: translateY(0px); */
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateX(-50%) translateY(10px);
    }

    50% {
        transform: translateX(-50%) translateY(-5px);
    }

    100% {
        transform: translateX(-50%) translateY(10px);
    }
}

.heroHand {
    width: 255px;
    position: absolute;
    left: 50%;
    transform: translateX(-59%);
    top: 63px;
    animation: swing 5s linear infinite reverse;
    transform-origin: center bottom;
}

@keyframes swing {
    0% {
        transform: rotate(0deg) translateX(-59%);
    }

    50% {
        transform: rotate(-3deg) translateX(-59%);
    }
}

@keyframes spin-circle {
    0% {
        transform: rotate(200deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.heroCircle {
    /* border: 1px solid yellow; */
    transform: rotate(0deg) translate(-50%,-31%);
    left: -57px;
    top: -128px;
    width: 491px;
    height: 491px;
    /* transition: all 5s linear; */
    transform-origin: center center;
    animation: spin-circle 5s linear infinite reverse;
}

.heroBanner {
    min-height: 220px;
}

.heroLogo {
    margin-top: -10px;
}

.heroPointer {
    left: 46%;
}

video {
    border: 0px;
    background-color: white;
    border: 1px solid #c4c4c4;
}

.mediaPlayerInitialPlayButton {
    right: inherit !important;
    left: 50%;
    top: 50%;
    width: 100px !important;
    height: 100px !important;
    transform: translate(-50%, -50%);
    border-radius: 100px !important;
}

div.mediaPlayerInitialPlayButton a span {
    text-align: center !IMPORTANT;
    margin: auto;
    left: 50% !important;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px !important;
    border-width: 28px;
}

.form-control {
    padding: .375rem .75rem !Important;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da !Important;
}

.unitsList {
    list-style-type: none;
    padding: 0;
}

    .unitsList li {
        color: #004085;
        border-radius: 3px;
        display: inline;
        float: left;
        margin: 5px;
        background-color: #cce5ff;
        padding: 6px;
        min-width: 100px;
        border: 1px solid #b8daff;
    }

iframe {
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 3px;
}

input#search-input::-ms-clear {
    display: none;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.7);
}

.modal-title {
    color: white;
}

.modal-header {
    background-color: #0060A9;
}

    .modal-header .close {
        opacity: 1;
        color: #fff;
    }

.headerSearch a {
    position: absolute !important;
    right: 0;
    top: 0;
}

.formsDownloadIcon {
    color: #0060a9;
    font-size: 50px;
    line-height: 63px;
    background-color: white;
    position: relative;
    display: block;
    margin: auto;
}

.headerSearch input {
}

.ms-rtestate-field h2, .ms-rtestate-field h1 {
    color: #0060A9;
}

.date-line .fa {
    margin-right: 5px;
}

.headerSearch input {
    background-color: transparent;
    border: 0;
    color: white !Important;
    border-bottom: 1px solid white;
}

    .headerSearch input:hover, .headerSearch input:focus {
        border-bottom: 1px solid white;
    }

    .headerSearch input::placeholder {
        color: #fff;
    }

    .headerSearch input:focus {
        outline: none;
    }

.headerSearch a {
    margin-left: -22px;
}

.headerSearch .fa {
}

.innerPage {
    min-height: 73vh;
}

a:visited {
    color: #0060A9;
    text-decoration: none;
}

.breadCrumbs a {
    color: white;
    text-transform: initial;
}

.breadCrumbs a, .breadCrumbs span {
    color: white;
}

.breadcrumbCurrent {
    text-transform: capitalize;
}

.btn:visited {
    color: white;
}

a {
    color: #0072c5;
}

.btn-secondary {
    border-radius: 1px;
}

.btn-primary {
    color: #0072c5;
    background-color: #e9e3c6;
    border-color: #d8d5c0;
    transition: all 0.3s ease;
    font-weight: 500;
    border-radius: 5px;
    border-width: 2px;
}

    .btn-primary:visited {
        color: #0072c5;
    }

        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:visited:hover {
            color: #fff !important; /* white color on hover */
        }

#accordion .card h5 {
    font-size: 16px;
    font-weight: 500;
}

#accordion .mb-0 > a {
    display: block;
    position: relative;
}

    #accordion .mb-0 > a:after {
        content: "\f078";
        /* fa-chevron-down */
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
    }

#accordion .card {
    margin-bottom: 15px;
    border-radius: 0;
}

#accordion .card-header {
    border-radius: 0;
}

#accordion .mb-0 > a:hover {
    text-decoration: none;
}

#accordion .card-header:hover {
    background-color: #f1f1f1;
}

#accordion .mb-0 > a[aria-expanded="true"]:after {
    content: "\f077";
    /* fa-chevron-up */
}

.row.formsDownload .card {
    margin-bottom: 15px;
    /* height: auto !important; */
}

.card-body p {
    font-size: 14px;
    line-height: 17px;
    margin-top: 6px;
    color: #585858;
    text-align: left;
}

.row.formsDownload .card-body {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8117647058823529);
    display: block;
    width: 100%;
    top: 0;
    height: 100%;
}

.card {
    background-color: transparent;
    display: block;
}

.card-body {
    padding: 10px;
}

.btn-primary:hover {
    background-color: #0060a9;
    border-color: #0060a9;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.bgpattern:before {
    content: "";
    background-image: url(/sites/EN/kocHospital/SiteAssets/kocHospitalTheme/img/bgpatternright.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* border: 1px solid red; */
}

.bgpatternLeft:before {
    content: "";
    background-image: url(/sites/EN/kocHospital/SiteAssets/kocHospitalTheme/img/bgpatternleft.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    bottom: 0;
    /* transform: translateY(100%);*/
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* border: 1px solid red; */
}

.link, .link:visited {
    color: #0060A9;
    font-weight: bold;
    transition: all 0.3s ease;
}

    .link:hover {
        text-decoration: none;
    }

        .link:hover .fa {
            transform: translateX(5px);
        }

    .link .fa {
        transition: all 0.3s ease;
        font-size: 13px;
    }

.bg-grey {
    background-color: #f1f1f1;
}

h1.heading {
    font-size: 30px;
    margin-bottom: 15px;
    color: #005482;
}

.card-title {
    font-size: 14px;
}

.dropdown-menu {
    transition: all 0.3s ease;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

.article_card {
    border: 0;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: 15px;
    display: block;
}

    .article_card .card-text {
        font-size: 19px;
        margin-bottom: 6px;
        margin-top: 10px;
        line-height: 20px;
        color: #0060A9;
        text-align: left;
    }

.card.article_card:hover img {
    transform: translateY(-10px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

img.card-img-top:before {
    content: "";
    background-color: #f50000;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.article_card a:visited {
    color: #007bff;
}

.article_card img {
    transition: all 0.3s ease;
    max-width: 100%;
}

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

.article_card .article_date {
    transition: all 0.3s ease;
    position: absolute;
    top: 5%;
    left: -9px;
    text-align: center;
    background-color: #0060A9;
    color: white;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 2px 4px 5px #00000057;
}

.article_card:hover .article_day {
    background-color: #20578c;
}

.article_card:hover .article_month {
    background-color: #276fb3;
}

.article_card:hover .article_date {
    box-shadow: 5px 4px 2px -1px rgba(0, 0, 0, 0.32);
}

.article_card .article_day {
    display: block;
    padding: 2px 13px;
    transition: all 0.3s ease;
}

.article_card .article_month {
    background-color: #20578c;
    padding: 2px 12px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: white;
}

.navbar-nav {
    position: relative;
}

.navbar {
    width: 100%;
    z-index: 999;
}

.tab-content {
    height: inherit !important;
}

li.nav-item {
    position: relative;
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    left: 58px;
    top: -16px;
    border: 8px solid transparent;
    border-bottom: 8px solid #194a78;
}

.dropdown-menu .dropdown-menu:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 11px;
    border: 8px solid transparent;
    /* border-left: 8px solid #0f2e4a; */
}

.dropdown-menu {
    padding: 0;
    top: 87%;
    left: 0%;
    transform: translateX(0%);
}

    .dropdown-menu .dropdown-menu {
        transform: translateX(-2px);
        top: 5px;
    }

.dropdown-item {
    padding: 7px 17px;
}

.navbar-light .navbar-nav .nav-item a {
    transition: all 0.3s ease;
    border-bottom: 0px solid transparent;
    color: white;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease;
}

    .navbar-light .navbar-nav .nav-item a:hover {
        transform: translateY(-3px);
    }

.navbar-light .navbar-nav .nav-item > a:hover {
    color: white;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #0f3258;
}

    .dropdown-item:focus, .dropdown-item:hover:before {
        border-right: 8px solid #0f3258;
    }

    .dropdown-item:focus, .dropdown-item:hover a {
        text-decoration: none;
        border-bottom: 0px solid transparent;
    }

.dropdown-menu li a {
    text-transform: none !Important;
}

li.dropdown-item.dropdown-submenu:hover a {
    border-bottom: 0px solid transparent !Important;
}

.dropdown-item {
    font-size: 14px;
    transition: all 0.3s ease;
}

.navbar-nav .dropdown-menu {
    background-color: #194a78;
}

.navbar-brand .kocLogo {
    height: 50px;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
}

.bg-blue {
    background-color: #0060A9;
}

.dropdown-item .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    position: relative;
    top: 14px;
    /* float: right; */
    display: in;
    text-align: right;
    right: 0;
    vertical-align: 14px;
    content: "";
    border: .3em solid white;
    border-right: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-top: .3em solid transparent;
}

.owl-carousel .owl-item img {
    width: 75px;
    margin: auto;
}

.carousel-wrap .itemContent {
    color: #0060A9;
}

    .carousel-wrap .itemContent h4 {
        margin-bottom: 0;
        transition: all 0.3s ease;
    }

    .carousel-wrap .itemContent p {
        font-size: 14px;
    }

.carousel-wrap {
    margin: auto;
    padding: 0;
    width: 100%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    text-align: center;
    transition: all 0.3s ease;
}

    .owl-carousel .item:hover h4 {
        color: #0060A9;
    }

    .owl-carousel .item a:hover {
        text-decoration: none;
    }

    .owl-carousel .item a:visited {
        color: #696969;
    }

/* end fix */
.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    left: -30px;
}

.owl-nav .owl-next {
    right: -30px;
}

.bg-darkblue {
    background-color: #054f88;
}

.darkblue-gredient {
    background-color: #054f88;
    background: linear-gradient(45deg, #055e88, #054f88);
}

.st0 {
    display: none;
    fill: #1A3259;
}

.st1 {
    filter: url(#Adobe_OpacityMaskFilter);
}

.st2 {
    fill: url(#SVGID_2_);
}

.st3 {
    opacity: 0.3;
    mask: url(#SVGID_1_);
    fill: #BFC0C1;
}

.st4 {
    opacity: 0.8;
}

.st5 {
    opacity: 0;
    fill: #BFC0C1;
}

.st6 {
    opacity: 9.090909e-02;
    fill: #BFC0C1;
}

.st7 {
    opacity: 0.1818;
    fill: #BFC0C1;
}

.st8 {
    opacity: 0.2727;
    fill: #BFC0C1;
}

.st9 {
    opacity: 0.3636;
    fill: #BFC0C1;
}

.st10 {
    opacity: 0.4545;
    fill: #BFC0C1;
}

.st11 {
    opacity: 0.5455;
    fill: #BFC0C1;
}

.st12 {
    opacity: 0.6364;
    fill: #BFC0C1;
}

.st13 {
    opacity: 0.7273;
    fill: #BFC0C1;
}

.st14 {
    opacity: 0.8182;
    fill: #BFC0C1;
}

.st15 {
    opacity: 0.9091;
    fill: #BFC0C1;
}

.st16 {
    fill: #BFC0C1;
}

.st17 {
    fill: #D2D5D8;
}

.st18 {
    fill: #E8E9EA;
}

.st19 {
    opacity: 0.5;
    fill: #E8E9EA;
}

.st20 {
    opacity: 0.3;
    fill: #E8E9EA;
}

#footer {
    padding-top: 15px;
    background: #0060A9 !important;
    position: relative;
    padding: 15px;
    padding-bottom: 0;
    bottom: initial;
    margin-top: 20px;
}

    #footer h5 {
        color: #ffffff;
    }

    #footer a {
        color: #ffffff;
        text-decoration: none !important;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

    #footer ul.social li {
        padding: 3px 0;
    }

        #footer ul.social li a i {
            margin-right: 5px;
            font-size: 25px;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }

        #footer ul.social li:hover a i {
            margin-top: -10px;
        }

        #footer ul.social li a, #footer ul.quick-links li a {
            color: #ffffff;
        }

            #footer ul.social li a:hover {
                color: #eeeeee;
            }

    #footer ul.quick-links li {
        padding: 3px 0;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

        #footer ul.quick-links li:hover {
            padding: 3px 0;
            margin-left: 5px;
        }

        #footer ul.quick-links li a i {
            margin-right: 5px;
        }

        #footer ul.quick-links li:hover a i {
            font-weight: 700;
        }

.doctorsOnHome .card-text {
    font-size: 20px;
}

.innerTitleHeader {
    background-image: url('/sites/EN/kocHospital/SiteAssets/kocHospitalTheme/img/pageTitleBg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}

    .innerTitleHeader h3 {
        color: white;
    }

    .innerTitleHeader ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: block;
    }

        .innerTitleHeader ul li {
            color: white;
            display: inline-block;
            margin-right: 29px;
            position: relative;
        }

            .innerTitleHeader ul li a {
            }

                .innerTitleHeader ul li a:visited {
                    color: white;
                }

            .innerTitleHeader ul li:before {
                content: '\f054 ';
                font-family: 'FontAwesome';
                float: left;
                margin-right: 10px;
                color: #ffffff;
                font-size: 12px;
                top: 4px;
                left: -20px;
                position: absolute;
            }

            .innerTitleHeader ul li:first-child:before {
                content: '';
            }

.modal-header .close {
    padding: 3px;
    margin: 1px;
    display: inline-block;
    float: right;
    min-width: auto;
}

.modal-title {
    margin: 0;
}

.boxLink {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* text-align: center; */
}

    .boxLink li a:hover {
        text-decoration: none;
    }

    .boxLink li {
        transition: all 0.3s ease;
        display: inline-block;
        width: 21%;
        margin: 12px;
        border-radius: 3px;
        box-shadow: 0 1px 6px 0 rgba(117, 117, 117, .25);
        vertical-align: text-top;
    }

        .boxLink li:hover {
            box-shadow: 0 6px 16px 0 rgba(117, 117, 117, .25);
        }

.newsText.col-md-12 img {
    max-width: 100%;
}

.boxLink li a {
    display: block;
    text-align: left;
    padding: 10px;
    min-height: 77px;
    vertical-align: text-top;
    position: relative;
    border: 1px solid #b5e0ff;
    background-color: #eef8ff;
    line-height: 18px;
}

.doctorsOnHome img {
    height: auto !important;
}

.boxLink li a img {
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.captioned-image img {
    max-height: 300px;
    width: auto;
    max-width: 100%;
}

.disabledBtn {
    background-color: #ededed !IMPORTANT;
    border: 1px solid #dcdada !important;
    color: black !Important;
}

.date-line {
    margin-top: 10px;
    margin-bottom: 10px;
    color: grey;
    font-size: 12px;
}

.newsImg {
    display: inline-block;
    float: left;
}

.moreNews .media-body h5 {
    font-size: 14px;
}

.moreNews .media {
    margin-bottom: 10px;
}

.newsImg .ms-formfieldcontainer img {
    background-color: white;
    padding: 3px;
    box-shadow: 0px 1px 3px grey;
}

.edit-mode-panel.roll-up img {
    max-width: 100%;
}

.article-content.pb-3.row .newsImg img {
    max-width: 100%;
}

.ms-dlgTitleBtns {
    margin-right: 0px;
}

.ms-webpart-zone.ms-fullWidth .ms-WPBorder {
    border: 0;
}

.ms-pub-contentLayout {
    //overflow: auto;
}

td.ms-rteTable-default img {
    max-width: 100%;
}

.ms-cui-spn-btnup, .ms-cui-spn-btndown {
    height: 9px;
}

.ms-cui-spn-txtbx {
    height: 17px;
}

.article-content.pb-3.row table img {
    max-width: 100%;
}

button.btn.btn-primary.btn-blue {
    background-color: #276fb3;
    color: white;
}

.article-content iframe {
    max-width: 100%;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.modal-body .form-group {
    padding: 0 10px;
}

ol.fileList label {
    min-width: 250px;
}

@media (max-width: 767px) {
    ol.fileList {
        padding: 0;
    }

    #div_Mob_OTP_Timer {
        margin-top: 10px;
        display: block;
    }

    .thankyoumsg {
        font-size: 17px;
        line-height: 27px;
    }

    input#btnValidate_OTP {
        width: 78%;
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }

    .nav-item {
        text-align: left;
    }

    .navbar-nav {
        padding-right: 10px;
    }

    .headerSearch a {
        margin-top: -18px;
    }

    .headerSearch input {
        font-size: 26px !important;
        width: 96%;
    }

    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .article_card img {
        height: auto !Important;
        width: 100% !Important;
    }

    .doctors .article_card img {
        height: auto !Important;
        width: 80px !important;
        float: left;
        margin-right: 10px;
        min-height: auto !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1340px;
    }
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.homeBanner {
    height: 300px;
    overflow: hidden;
}

    .homeBanner img {
        width: 100%;
        height: auto;
    }

.mainDept h3 {
    font-size: 24px;
}

.mainDeptContainer {
    margin-top: -58px;
    transition: all 0.3s ease;
}

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

.mainDept {
    color: white;
    padding: 15px 20px;
    text-shadow: 1px 1px 1px #00000040;
    position: relative;
    transition: all 0.3s ease;
}

    .mainDept:hover {
        transform: translateY(-10px);
    }

.bg-yellow {
    background-color: #ff9920;
}

.bg-green {
    background-color: #2ab551;
}

.bg-seagreen {
    background-color: #3bbbb4;
}

.mainDept .dptIcon {
    height: 76px;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 0.3s ease;
    width: auto;
}

.socialLinks {
    list-style-type: none;
    width: 100%;
    float: right;
    text-align: right;
}

    .socialLinks li {
        display: inline-block;
        margin-top: 10px;
        margin-left: 7px;
    }

        .socialLinks li a {
            font-size: 14px;
        }

.phoneIcons {
    height: 50px;
    float: left;
    margin-right: 13px;
}

    .mainDept h3, .phoneIcons + h5 {
        transition: all 0.3s ease;
    }

.linkedList {
    padding: 0;
    margin: 0;
    margin-left: 20px;
    margin-top: 10px;
}

    .linkedList li {
        position: relative;
        color: #474747;
        text-indent: 0px;
        list-style-type: none;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 1.3;
    }

    .linkedList b {
        font-size: 14px;
        display: block;
    }

    .linkedList li:before {
        content: "";
        border: 4px solid #0060A9;
        border-radius: 65px;
        height: 0;
        width: 0;
        position: absolute;
        left: -19px;
        top: 7px;
        z-index: 1;
    }

    .linkedList li:after {
        content: "";
        border: 1px solid #b9b7b7;
        background-color: #b9b7b7;
        position: absolute;
        left: -16px;
        top: 15px;
        height: 100%;
        z-index: 0;
    }

    .linkedList li:last-child:after {
        border: 1px solid #fff;
        height: 0;
    }

@media(max-width: 1200px) {
    .mainDept h3 {
        font-size: 18px;
    }

    .mainDept .dptIcon {
        height: 84%;
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        right: 9px;
        width: auto;
    }

    .phoneIcons + h5 {
        font-size: 14px;
        line-height: 21px;
        margin-top: 5px;
    }
}

@media(max-width: 997px) {
    .mainDept .dptIcon {
        opacity: 0.4;
    }

    .mainDeptContainer .col-md-4 {
        margin-bottom: 15px;
    }
}

@media (max-width: 845px) {
    .article_card {
        margin-bottom: 20px;
    }
}

.navToggle {
    position: relative;
    width: 30px;
    height: 60px;
    transition-duration: 0.5s;
    margin-right: 20px;
}

    .navToggle:hover {
        cursor: pointer;
    }

    .navToggle .icon-left {
        transition-duration: 0.5s;
        position: absolute;
        height: 4px;
        top: 25px;
        width: 16px;
        background-color: rgba(255, 255, 255, 1);
    }

        .navToggle .icon-left:before {
            transition-duration: 0.5s;
            position: absolute;
            width: 16px;
            height: 4px;
            background-color: white;
            content: "";
            top: -10px;
        }

        .navToggle .icon-left:after {
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: rgba(255, 255, 255, 1);
            content: "";
            top: 10px;
        }

    .navToggle .icon-right {
        transition-duration: 0.5s;
        position: absolute;
        height: 4px;
        top: 25px;
        width: 16px;
        background-color: rgba(255, 255, 255, 1);
        left: 15px;
    }

        .navToggle .icon-right:before {
            transition-duration: 0.5s;
            position: absolute;
            width: 16px;
            height: 4px;
            background-color: rgba(255, 255, 255, 1);
            content: "";
            top: -10px;
        }

        .navToggle .icon-right:after {
            transition-duration: 0.5s;
            position: absolute;
            width: 16px;
            height: 4px;
            background-color: rgba(255, 255, 255, 1);
            content: "";
            top: 10px;
        }

    .navToggle.open .icon-left {
        transition-duration: 0.5s;
        background: transparent;
    }

        .navToggle.open .icon-left:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
        }

        .navToggle.open .icon-left:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
        }

    .navToggle.open .icon-right {
        transition-duration: 0.5s;
        background: transparent;
    }

        .navToggle.open .icon-right:before {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
        }

        .navToggle.open .icon-right:after {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
        }

.x {
    padding: 0;
    margin: 0;
}

@media(min-width: 768px) {
    .nav-link .dropdown-menu {
        display: none;
    }

    .nav-link:hover .dropdown-menu {
        display: block;
    }

    .navbar-nav li:hover > ul.dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative;
    }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -1px;
        }
}

@media (min-width: 769px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 414px) {
    .navToggle {
        display: none;
    }

    .siteheaderTitle {
        display: none;
    }
}

@media (max-width: 768px) {
    .heroIllustration {
        display: none;
    }

    .siteTitle {
        padding-right: 0 !important;
        padding-left: 0px !important;
    }

    .heroBanner {
        min-height: inherit;
        padding-bottom: 34px;
        /*padding-top: 14px;*/
    }

        .heroBanner h2 {
            font-size: 20px;
        }

    .heroLogo {
        margin-right: 10px;
        width: 100px;
        height: 70px;
        max-width: 100%;
    }

    .newsText .ms-webpart-chrome.ms-webpart-chrome-vertical, .newsText .ms-webpart-chrome.ms-webpart-chrome-vertical div {
        max-width: 100% !important;
    }

    .newsText video {
        max-width: 100% !important;
    }

    .container {
        max-width: 100%;
    }

    .mainDept {
        padding: 12px 9px;
    }

    .bgpatternLeft:before {
        background-image: none;
    }

    .owl-nav .owl-prev {
        left: -5px;
        top: 50%;
        transform: translatey(-50%);
    }

    .owl-nav .owl-next {
        right: -5px;
        top: 50%;
        transform: translatey(-50%);
    }

    .float-sm-left img {
        margin-left: -3px !important;
        float: left !important;
    }

    .phoneNumbersDiv > div {
        border-bottom: 1px solid #008cf3;
        padding: 10px 0px;
    }

    .phoneIcons + h5 {
        float: left;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
    }

    .navbar-brand .kocLogo {
        height: 50px;
    }

    #ms-designer-ribbon {
        display: none;
    }

    .homeBanner {
        height: 115px;
        overflow: hidden;
    }

    .phoneIcons {
        height: 40px;
        margin-right: 13px;
        margin-top: 13px;
    }

    .phoneNumbersDiv {
        margin-top: 15px !important;
        padding: 0px 15px !important;
    }

    .mainDept .dptIcon {
        opacity: 1;
    }

    section#footer .row {
        text-align: left !important;
    }
}

@media (max-width: 575px) {
    .heroLogo {
        width: 61px;
        margin-left: 9px !important;
        margin-right: 0;
        margin-top: 2px;
    }

    .ms-rtestate-field > .container {
        width: 96%;
    }

    .heroBanner h2 {
        font-size: 18px;
    }

    .heroBanner p {
        font-size: 12px;
        width: 90%;
    }

    .navbar-nav {
        text-align: left;
        background-color: #0c4570;
        padding-left: 11px;
        margin-bottom: 10px;
        /* z-index: 0; */
    }

    .headerSearch a {
        margin-top: 6px;
        margin-left: -31px;
        right: 28px;
        font-size: 26px !important;
        top: -19px;
    }

    .headerSearch input {
        margin-top: 10px;
        font-size: 21px !important;
    }

    .container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #accordion .mb-0 > a:after {
        right: -27px;
        top: 50%;
        transform: translatey(-50%);
    }

    #accordion .mb-0 > a {
        width: 94%;
    }

    .navToggle {
        display: block;
        position: absolute;
        right: inherit;
        right: -4px;
        top: -1px;
        z-index: 999;
        width: 44px;
    }

    .boxLink {
        text-align: left;
    }

        .boxLink li {
            width: 44%;
            margin: 5px;
        }

            .boxLink li a {
                min-height: 56px;
                font-size: 12px;
            }
}

@media (max-width: 414px) {
    .siteTitle {
        max-width: 58% !important;
    }

        .siteTitle h2 {
            font-size: 14px;
        }

        .siteTitle p {
            font-size: 12px;
        }

    .container.bgpattern {
        margin-top: 18PX;
    }

    .navbar .container {
        padding: 0px !important;
    }

    .newsText.col-md-12 {
        padding: 0;
        margin: auto;
        width: 95%;
    }

    div#searchInputBox {
        display: block;
        width: 100%;
        padding: 0;
    }

    .navbar-toggler {
        min-width: auto;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww�p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
    }

    #searchInputBox .ms-srch-sb {
        width: 100%;
    }

        #searchInputBox .ms-srch-sb > input {
            width: 91%;
            font-size: 16px;
            padding-bottom: 0px;
            height: 38px;
        }

    ul.socialLinks {
        text-align: center;
        padding: 11px 0;
        margin: 0 auto;
    }

        ul.socialLinks a {
            padding: 13px;
        }

    .dropdown-item {
        padding: 15px 15px;
    }

        .dropdown-item .dropdown-toggle::after {
            right: -4px;
            border: 0.5em solid white;
            border-right: .5em solid transparent;
            border-bottom: .5em solid transparent;
            border-top: .5em solid transparent;
        }

    ul.dropdown-menu.show .dropdown-item {
        padding: 11px 6px;
        font-size: 15px;
        border-bottom: 1px solid #0f3258;
    }

    ul.dropdown-menu.show {
        margin-top: 14px;
    }

    .dropdown-menu .dropdown-menu:before {
        left: 18px;
        top: -15px;
        border: 8px solid transparent;
        border-bottom: 8px solid #194a78;
    }

    .navbar-collapse {
        /*background-color: #20578c;*/
        /*padding-bottom: 25px;*/
    }

    .navbar {
        padding: 0;
    }

    a.showDoctorDetail {
        position: absolute;
        right: 0;
    }

    li.nav-item {
        position: relative;
        padding: 0 11px;
        text-align: left;
        margin-right: 44px;
    }

    .navbar-light .navbar-nav .nav-item a {
        padding: 15px 0px;
        font-size: 16px;
    }

    .navbar-light .navbar-brand {
        padding: 10px;
    }

    a.nav-link.dropdown-toggle {
        padding-bottom: 5px !important;
    }

    .siteheaderTitle {
        display: inline-block;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
    }
}

.row.formsDownload .card {
    margin-top: 30px;
}

.text-blue {
    color: #055788;
}

.ms-promlink-button-image {
    top: -5px;
    left: -5px;
}

.capbox {
    background-color: #ffffff;
    border-width: 2px 2px 2px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    padding: 10px 15px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #c1d6e5;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: center;
    gap: 20px;
}

.capbox-inner {
    font: bold 12px arial, sans-serif;
    color: #000000;
    background-color: #ffffff;
    /* margin: 0px auto 0px auto; */
    /* padding: 3px 10px 5px 10px; */
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
}

#CaptchaDiv {
    color: #000000;
    font: normal 25px Impact, Charcoal, arial, sans-serif;
    font-style: italic;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    user-select: none;
    display: inline-block;
    padding: 3px 14px 3px 8px;
    margin-right: 4px;
    border-radius: 4px;
    margin-top: 15px;
    position: relative;
}

    #CaptchaDiv:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #bb8a8a;
        transform: rotate(11deg);
        top: 16px;
        left: 3px;
    }

    #CaptchaDiv:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #bb8a8a;
        transform: rotate(-11deg);
        top: 16px;
        left: 3px;
    }

#CaptchaInput {
    border: #efefef 2px solid;
    margin: 3px 0px 1px 0px;
    width: 100%;
    padding: 8px 5px;
    border-radius: 3px;
    border: 1px solid #8eafc7;
}

.containerCard {
    margin-top: -30px;
}

.bold {
    font-weight: 600;
}

.white {
    color: white;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/*** To remove arrow from "number type textbox" Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.noPointer {
    pointer-events: none;
}

#PrintArea {
    direction: rtl !important;
    text-align: right;
}

#compText {
    text-align: left !important;
}

#centerText {
    text-align: center !important;
}

.tableContainer {
    width: 900px;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #cecece;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-collapse: collapse;
}

.tableContainer tr td {
    border-collapse: collapse;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 5px;
}

.bgBlue {
    background-color: #0060A9;
    color: #fff;
}

.bgLightBlue {
    background-color: #4D93D9;
    color: black;
}

.tableContainer td {
    border: 1px solid #bab9b9;
}

.bgGray {
    background-color: #D9D9D9;
}

.text-center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.w-20 {
    width: 20%;
}

.whiteBox {
    padding: 5px;
    background-color: #fff;
    height: fit-content !important;
}

.boxxlg {
    padding: 5px;
    height: 150px;
    min-height: 140px;
}

.boxlg {
    padding: 5px;
    height: 100px;
    min-height: 81px;
}
.boxlg100 {
    padding: 5px;  
    min-height: 100px;
}

.boxXlg {
    padding: 5px;
    min-height: 150px;
}
.boxXlg200 {
    padding: 5px;
    min-height: 200px;
}
.boxsm {
    padding: 5px;
    height: 60px;
    min-height: 60px;
}
.box80 {
    height: 80px;
    padding: 5px;
}
.min-height-50 {
    min-height: 50px;
}

.signature {
    height: 68px;
    margin: auto;
    display: block;
}

.stamp {
    height: 130px;
    margin: auto;
    display: block;
    padding: 6px;
}


/*PACI civil id*/


.bg {
    background: url('../Img/koclogowhite.svg') no-repeat center center;
    background-size: cover;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
}

.card {
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-color: #E6ECF2;
}

.loginCard {
    width: 420px;
    max-width: 96%;
    background-color: #f5fbff;
}

.idInput {
    background-image: url('img/id.svg');
    background-size: 24px 24px;
    background-position: left 3px center;
    background-repeat: no-repeat;
    padding-left: 45px !important;
}

    .idInput:focus {
        background-image: url('~/Content/Img/id.svg');
    }

.mobileID {
    width: 70px;
    margin: auto;
}

.cardValTitle {
    font-size: 30px;
    font-weight: 400;
    color: #477091;
}

.countdown-timer {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    color: #333;
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    /* box-shadow: 0 4px 6px rgba(0,0,0,0.1); */
    margin: auto;
    justify-content: center;
    margin-bottom: 14px;
}

    .countdown-timer .time-unit {
        background-color: #ffffff;
        border: 2px solid #e9ecef;
        border-radius: 5px;
        padding: 5px 10px;
        min-width: 80px;
        text-align: center;
    }

    .countdown-timer .separator {
        color: #6c757d;
    }
.mobileID {
    width: 70px;
    margin: auto;
}

.multiline-text {
    white-space: pre-line;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
        position: absolute !important
    }


@media print {
    @page {
        margin: 1cm;
    }

    body {
        background-color: #fff !important;
        -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
        color-adjust: exact !important; /* Firefox */
        text-align: right;
        direction: rtl;
        padding: 0;
    }

    .tableContainer {
        width: 100% !important;
        direction: ltr;
        text-align: left;
    }

    .container {
        box-shadow: none;
        padding: 0;
        width: 100%;
    }

    .print-controls {
        display: none;
    }

    .page-break {
        page-break-before: always;
    }

    /* Ensure tables don't break across pages */
    table, tr {
        page-break-inside: avoid;
    }
}