﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1200px) {
    .home-menu a {
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .navbar-nav > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 10px !important;
        padding-bottom: 0px !important;
        height: 40px !important;
        font-size: 12px !important;
    }

    .links a .tab-outer {
        padding-top: 5px !important;
    }

    .social-icons span {
        font-size: 11px !important;
        width: 40%;
        padding-top: 5px !important;
    }

    .eservices-title {
        padding-bottom: 22px;
    }

    .eservices-content a {
        font-size: 17px;
    }

    #main-nav ul li a {
        font-size: 12px !important;
        padding: 10px 5px 0 !important;
    }

    .dropdown-menu {
        max-height: 160px;
        overflow-y: auto;
    }

    .dha-login-rememberme-color {
        color: #6D7E8E;
    }

    .home-menu .home {
        width: 53px !important;
    }

    .home-menu .contact {
        width: 90px !important;
    }

    .home-menu .careers {
        width: 68px !important;
    }

    .header-holder {
        height: 175px !important;
    }
}

@media (max-width:992px) {
    .home-menu a {
        text-decoration: none;
        color: transparent !important;
        text-shadow: 0px 0px transparent !important;
        padding: 0 10px !important;
        font-size: 0px !important;
    }

    .home-menu .home {
        width: 33%;
    }

    .home-menu .contact {
        width: 33%;
    }

    .home-menu .careers {
        width: 33%;
    }

    .home-menu .home {
        background-image: url(../../UIComponents/images/MasterPageImages/icons/home.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .home-menu .contact {
        background-image: url(../../UIComponents/images/MasterPageImages/icons/contact.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .home-menu .careers {
        background-image: url(../../UIComponents/images/MasterPageImages/icons/careers.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dubai-ae {
        margin-left: 5px !important;
    }

    .language {
        margin-right: 5px !important;
    }

    .font-size {
        margin-right: 5px !important;
    }

    .main-menu {
        background-color: transparent !important;
        background-image: none !important;
        border: none !important;
        webkit-box-shadow: 0 1px 1px rgba(120, 120, 120, 0) !important;
        -moz-box-shadow: 0 1px 1px rgba(120, 120, 120, 0) !important;
        box-shadow: 0 1px 1px rgba(120, 120, 120, 0) !important;
        position: relative !important;
    }

    .home-menu a {
        width: 33% !important;
        padding: 0 !important;
    }

    .navbar-collapse {
        /*width:100%;
	position:absolute;
	right:0;
	top:168px;
	border:none !important;
	overflow:hidden;
	z-index:10;	*/
    }

    .navbar {
        min-height: 0px !important;
        margin-bottom: 0px !important;
    }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            /*float:none !important;*/
        }

            .navbar-nav > li > a {
                border: none !important;
                display: block;
                float: none !important;
                text-align: center;
                -webkit-transition: all 0.3s ease !important;
                -moz-transition: all 0.3s ease !important;
                -ms-transition: all 0.3s ease !important;
                -o-transition: all 0.3s ease !important;
                transition: all 0.3s ease !important;
            }

                .navbar-nav > li > a:hover {
                }

                .navbar-nav > li > a.first {
                    border-top: none !important;
                }

                .navbar-nav > li > a.last {
                    border-bottom: none !important;
                }

    .eservices-title {
        font-size: 21px;
    }

    .eservices-content a {
        font-size: 16px;
    }

    .banner-text {
        display: none !important;
    }

    #main-nav > ul > li > ul {
        webkit-box-shadow: 0px 5px 5px rgba(120, 120, 120, 0) !important;
        -moz-box-shadow: 0px 5px 5px rgba(120, 120, 120, 0) !important;
        box-shadow: 0px 5px 5px rgba(120, 120, 120, 0) !important;
    }

    #main-nav a {
        border-left: none !important;
        border-right: none !important;
    }

    #main-nav ul li a {
        line-height: 30px !important;
    }

    #main-nav .sub-manu ul {
        background-color: #fff;
    }

    #main-nav .title {
        font-weight: bold !important;
        font-size: 14px !important;
        color: #000 !important;
    }

    .links a .tab-outer {
        font-size: 11px;
    }

    .more-txt {
        font-size: 12px;
    }

    .foucsed-sites span {
        font-size: 12px;
        margin-top: 12px;
    }

    .foucsed-sites a {
        padding: 3px;
    }

    .eservices-menu {
        display: block !important;
    }

    .carousel-indicators {
        display: none;
    }

    .banner-inner .col-sm-8 {
        height: auto !important;
    }

    .home-menu .home {
        width: 33% !important;
    }

    .home-menu .contact {
        width: 33% !important;
    }

    .home-menu .careers {
        width: 33% !important;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 0px !important;
    }

    .header-holder {
        padding-top: 48px;
    }

    .header-holder {
        height: 222px !important;
    }
    /*.content-bg{padding:0px 15px !important;}*/
}

@media (min-width:992px) {
    .dha-login-main-box, .dha-login-inner-box {
        position: relative;
        left: 28%;
    }
}
/*U-161113*/
/*767*/
@media (min-width: 768px) and (max-width: 992px) {
    .e-service_mobile {
        margin-bottom: 65px !important;
    }

    .doctor img {
        float: none;
        margin-bottom: 10px;
        height: 100px;
        display: block;
    }

    .eservices {
        display: none !important;
    }

    .social-icons a img {
        width: 32px;
        height: 32px;
    }

    .suggest-links a {
        float: none !important;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .footer-holder .col-sm-5 {
        width: 41%;
    }

    .footer-holder .col-sm-3 {
        width: 15%;
    }

    .footer-holder .col-sm-4 {
        width: 44%;
    }

    .dropdown-menu {
        max-height: 160px;
        overflow-y: auto;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 0px !important;
    }

    .header-holder {
        height: 222px !important;
    }
}
/*U-161113*/
/*767*/
@media (max-width: 767px) {
    .home-menu {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .home-menu-holder {
        width: 100% !important;
        /*margin-top: 5px;*/
    }

    .main-menu-holder {
        width: 40% !important;
    }

    .pad-hide {
        display: none !important;
    }

    .eservices {
        width: 58%;
    }

    .home-tab {
        margin-top: 0;
    }

    .header-holder .left-bg {
        background-image: none !important;
        height:auto !important;
    }

    .header-holder .right-bg {
        background-image: none !important;
        height:auto !important;
    }

    .language {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-menu-holder {
        width: 80%;
    }

    .main-menu-holder {
        width: 20% !important;
    }

    .mobile-home-menu {
        display: block !important;
        width: 100% !important;
    }

    .carousel-inner > .item > img {
        height: auto !important;
        position: relative !important;
    }

    .carousel .item {
        height: auto !important;
    }

    .banner-content {
        height: auto !important;
    }

    .mobile2-hide {
        display: none !important;
    }

    .content-holder {
        background-image: none;
    }

    body {
        background-image: none;
    }

    .content-bg {
        padding: 10px 0px;
        border: none;
    }

    .suggest-links a {
        width: auto;
        padding: 0;
        padding-right: 1%;
    }

    .footer-links {
        float: left;
    }

    .content-bg {
        /*padding:0px !important;*/
    }

    .dropdown-menu {
        max-height: 160px;
        overflow-y: auto;
    }

    .footer-holder {
        margin: 0px 0px 0px 0px !important;
    }

    .navbar-collapse {
        width: 100%;
        position: absolute;
        right: 0;
        top: 168px;
        border: none !important;
        overflow: hidden;
        z-index: 10;
        margin-right: 0px !important;
    }

        .navbar-collapse.in {
            overflow: hidden;
        }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 0px !important;
    }

    .header-holder {
        height: 193px !important;
    }

    .mobile-menu-box {
        min-height: 100px !important;
    }

    .welcome-username {
        float: right !important;
    }
}

@media (max-width:680px) {
    .bottom-quick-links .colmn {
        width: 46%;
    }

    /*start page layouts*/
    .zone-1,
    .zone-2,
    .zone-3 {
        width: 100%;
    }

    .zone-left {
        margin: 0%;
    }
    /*end page layouts*/
    .content-bg {
        /*padding:0px !important;*/
    }

    .dropdown-menu {
        max-height: 221px;
        overflow-y: auto;
        margin-left: 45px;
    }

    .footer-holder {
        margin: 0px 0px 0px 0px !important;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 0px !important;
    }

    .MenuServiceName {
        font-size: 10pt !important;
    }
}

@media (max-width:480px) {
    .header-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 50px !important;
    }

    .container {
        /*padding: 0px !important;*/
    }

    .content-bg {
        margin-top: 0px !important;
    }

    .header-holder {
        padding-top: 48px;
    }

    .MenuServiceName {
        font-size: 10pt !important;
        text-decoration: underline;
    }
}

@media (max-width:515px) {
    .dubai-logo {
        display: none !important;
    }

    /*start page layouts*/
    .zone-1,
    .zone-2,
    .zone-3 {
        width: 100%;
    }

    .zone-left {
        margin: 0%;
    }
    /*end page layouts*/

    .mobile-hide {
        display: none !important;
    }


    .dha-logo {
        float: right;
        margin-left: auto;
        margin-right: auto;
        width: 192px;
        margin-bottom: 4px;
    }

    .links a {
        position: relative;
        float: none;
        margin: 0px 0px 0px 0px;
        cursor: pointer;
        width: 100%;
    }

        .links a .tab1 {
            border-top: none;
            border-left: solid 7px #74ccdd;
        }

        .links a .tab2 {
            border-top: none;
            border-left: solid 7px #efa69b;
        }

        .links a .tab3 {
            border-top: none;
            border-left: solid 7px #a2d29f;
        }

        .links a .tab4 {
            border-top: none;
            border-left: solid 7px #f7d792;
        }

        .links a .tab-outer {
            padding-top: 15px;
        }

        .links a:hover .tab-outer {
            background-image: none !important;
        }

    .links span span {
        background-image: none !important;
    }

    .links span:hover > span {
        background-image: none !important;
    }

    .banner-links li a {
        width: 35px;
        height: 30px;
        padding-top: 5px;
    }

        .banner-links li a img {
            max-width: 100%;
        }

    .search .txt {
        width: 200px;
    }

    .search {
        left: -100px;
        top: 30px;
    }

    .emergency-num {
        width: 290px;
        left: -203px;
        top: 30px;
    }

    .bottom-quick-links .colmn {
        width: 98%;
        margin: 5px 1%;
    }

    .TabbedPanelsTab {
        font-size: 14px !important;
    }

    .doctor img {
        float: none;
        margin-bottom: 10px;
        height: 100px;
        display: block;
    }

    .lable2 {
        display: inline;
    }

    .lable1 {
        display: none;
    }

    .content-bg {
        /*padding:0px !important;*/
    }

    .dropdown-menu {
        max-height: 221px;
        overflow-y: auto;
        margin-left: 45px;
    }

    .footer-holder {
        margin: 0px 0px 0px 0px !important;
    }

    .content-bg {
        padding: 0px !important;
    }

    .services-menu {
        margin-top: 10px !important;
    }

    #dvSelectedServiceItem {
        margin-top: 50px !important;
        display: block !important;
    }

    .header-holder {
        padding-top: 48px;
    }

    .MenuServiceName {
        font-size: 10pt !important;
        text-decoration: underline;
    }

    .content-bg .main-content {
        padding-top: 0px !important;
    }

    .user-menu-boxes {
        padding: 0px 0px 10px 15px !important;
    }

    .user-menu-heading {
        padding-left: 5px !important;
    }
}

.dha-login-main-box-first {
    border: 1px solid #B0B7C1;
    border-top: 3px solid #008C99;
    padding-top: 5px;
    font-weight: lighter;
}

.dha-login-button {
    background-color: #56B750;
}

.dha-login-margin {
    margin-left: 2px;
    margin-right: 2px;
}

.dha-login-inner-box {
    color: #008C99;
    font-weight: bold;
    font-size: large;
}

.dha-login-note-box {
    border: 1px solid #B6B6B4;
    border-top: 3px solid #E34748;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: lighter;
}

.dha-login-hyperlink-box {
    background-color: #E2E2E2;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #B6B6B4;
}

@media (max-width:750px) {
    .dha-login-hyperlink-box {
        background-color: #E2E2E2;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid #B6B6B4;
    }

    .dropdown-menu {
        max-height: 221px;
        overflow-y: auto;
        margin-left: 45px;
    }

    .dha-login-hyperlink-box-border {
        border-top: 1px solid #B6B6B4;
    }



    .dha-login-hyperlink-box-border {
        border-left: 1px solid #B6B6B4;
    }

    .footer-holder {
        margin: 0px 0px 0px 0px !important;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: -2px !important;
    }

    .header-holder {
        padding-top: 48px;
    }
}

/*----------------Custom DHA Media Queries----------------*/
@media (max-width:767px) {
    .LoginButton {
        background-color: #56B750;
        color: White;
        border: 0px;
        width: 100%;
        height: 40px;
        cursor: hand;
        text-align: center;
        border-radius: 6px;
        font-size: x-large;
    }

    .user-menu-heading {
        top: 5px !important;
    }

    #dvSelectedServiceItem {
        display: block !important;
        /*margin-top: 43px !important;*/
    }

    .header-holder {
        padding-top: 58px;
    }
}

@media (max-width: 650px) {
    #dvSelectedServiceItem {
        display: block !important;
        margin-top: -25px !important;
    }
}

@media (max-width:375px) and (min-width:200px)   {
    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 22px !important;
    }
}
@media (max-width:500px) and (min-width:300px) {
    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 20px !important;
    }
}


@media (max-width:920px) and (min-width:768px) {

    .content-bg
    {
        padding:14px 0px 0px 0px!important;
    }
    .LoginButton {
        background-color: #56B750;
        color: White;
        width: 150%;
        height: 35px;
        cursor: hand;
        text-align: center;
        border-radius: 6px;
        text-align: center;
    }

    #dvSelectedServiceItem {
        display: block !important;
        margin-top: 0px !important;
    }
}

.corporate-menu-header {
    background-color: #F0F0F0;
    color: #FFBF37 !important;
    font-weight: bold;
    min-height: 40px;
}

.service-menu-header {
    background-color: #F0F0F0;
    color: #EF5E49 !important;
    font-weight: bold;
    min-height: 40px;
}

.admin-menu-header {
    background-color: #F0F0F0;
    color: #218CB6 !important;
    font-weight: bold;
    min-height: 40px;
}
/*--- Different Media queryies -----------*/
@media (min-width:1200px) {
    .dha-login-hyperlink-box-height {
        padding-top: 10px;
        height: 40px;
    }

    .header-holder {
        height: 175px !important;
    }
}

@media (max-width:1200px) and (min-width:1217px) {
    .dha-login-hyperlink-box-height {
        padding-top: 10px;
        height: 50px;
    }
}

@media (max-width:1216px) and (min-width:785px) {
    .dha-login-hyperlink-box-height {
        padding-top: 5px;
        height: 50px;
    }
}

@media (max-width:784px) and (min-width:461px) {
    .dha-login-hyperlink-box-height {
        padding-top: 5px;
        height: 50px;
    }
}

@media (max-width:460px) and (min-width:328px) {
    .dha-login-hyperlink-box-height {
        padding-top: 5px;
        height: 50px;
    }
}

@media (max-width:327px) and (min-width:1px) {
    .dha-login-hyperlink-box-height {
        padding-top: 5px;
        height: 70px;
    }
}

/*---------------------------------------------------------*/


