@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Black.woff') format('woff'), url('../fonts/Lato-Black.ttf') format('truetype'), url('../fonts/Lato-Black.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*====----  Generic  ----====*/

body, html {
    font-size: 14px;
    font-family: Lato-Regular;
    color: #666666;
}

h1 {
    font-size: 34px;
    font-family: Lato-Bold;
    color: #8ebae5;
}

h2 {
    font-size: 28px;
    font-family: Lato-Bold;
    color: #8ebae5;
    line-height: 34px;
}

h3 {
    font-size: 24px;
    font-family: Lato-Bold;
    color: #8ebae5;
    margin-bottom: 10px;
    line-height: 28px;
}

h4 {
    font-size: 20px;
    font-family: Lato-Bold;
    color: #8ebae5;
    line-height: 26px;
    margin-bottom: 12px;
}

h5 {
    font-size: 16px;
    font-family: Lato-Bold;
    color: #8ebae5;
    margin-bottom: 10px;
}

h6 {
    font-size: 16px;
    font-family: Lato-Bold;
    color: #666666;
    line-height: 20px;
    margin-bottom: 20px;
}

p {
    font-size: 14px;
    font-family: Lato-Regular;
    color: #666666;
    line-height: 20px;
}

ul {
    list-style: disc outside;
}

    ul ul {
        list-style: circle outside;
    }

ol {
    margin-left: 20px;
}

    ol li {
        padding-left: 15px;
    }

li {
    font-size: 14px;
    font-family: Lato-Regular;
    color: #666666;
    line-height: 20px;
    margin-bottom: 5px;
}

a, a:visited, a:active, a:focus {
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #8ebae5;
    font-size: 14px;
}

    a:hover {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        text-decoration: none;
        cursor: pointer;
        color: #bba365;
    }

.GoldLink {
    font-family: Lato-Bold;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url('../images/GoldArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
}

    .GoldLink:hover {
        padding-right: 26px;
    }

.WhiteLink {
    font-family: Lato-Bold;
    font-size: 12px !important;
    color: #fff !important;
    text-transform: uppercase;
    background: url('../images/WhiteArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
}

    .WhiteLink:hover {
        padding-right: 26px;
    }

.BigButton, .BigButton:focus {
    display: inline-block;
    background: #bba365;
    border: 0px none;
    padding: 10px 100px;
    margin: 10px 0;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: none;
}

    .BigButton:hover {
        background: #ceb36c;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

/*====----  Overides  ----====*/

#ControlBar, #ControlBar *, .actionMenu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dnnSortable {
    min-height: 10px !important;
}

.dnnFormWarning {
    display: none;
}

.controlBar_EditPageSection {
    display: none;
}

/*====----  Header  ----====*/

#Header {
    height: 160px;
    -webkit-box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 9px -2px rgba(0,0,0,0.3);
    position: relative;
    z-index: 5;
}

.HeaderStick {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
}

#Header .TopBar {
    height: 30px;
    background: #8ebae5;
    color: #fff;
}

#Header .MainHeaderArea {
    height: 70px;
    background: #fff;
}

    #Header .MainHeaderArea .HeaderWrapper {
        height: 70px;
    }

#Header .SubHeaderArea {
    height: 60px;
    background: #efede8;
}

.LogoContainer, #Navigation {
    float: left;
}

/*-- Logo --*/

.LogoContainer {
    height: 130px;
    width: 150px;
}

    .LogoContainer a {
        display: block;
        height: 100%;
        width: 100%;
    }

        .LogoContainer a img {
            margin-top: -15px;
            height: 100%;
            width: auto;
        }

/*-- Navigation --*/

#Navigation {
    background: none;
    border: 0px none;
}

/* Institution vacancies */
.hospital-vacancies .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 4px 2px 4px;
    line-height: 1;
    margin-left: 5px;
    font-size: 11px;
    margin-top: -7px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #8ebae5;
    border-radius: 10px;
    font-family: sans-serif;
}

.hospital-vacancies h4 {
    display: inline-block;
}

.hospital-vacancies {
    margin-top: -17px;
    margin-bottom: 20px;
}

    .hospital-vacancies p {
        margin-top: -8px;
        margin-bottom: 6px;
    }

#navbar {
    padding: 0px;
}

    #navbar .nav {
        display: table;
        margin: 0;
        padding: 0;
        height: 70px;
    }

        #navbar .nav > li {
            display: table;
            margin: 0;
            padding: 0;
            height: 70px;
        }

            #navbar .nav > li:first-child {
                display: none;
            }

            #navbar .nav > li > a {
                height: 100%;
                width: 100%;
                font-size: 14px;
                font-family: Lato-Black;
                color: #50595b;
                padding: 0px 15px;
                text-decoration: none;
                text-transform: uppercase;
                vertical-align: middle;
                display: table-cell;
                text-align: center;
                white-space: normal;
                background: none;
                max-width: 150px;
                line-height: 15px;
            }

                #navbar .nav > li > a:hover {
                    background: none;
                    color: #b1bcc9;
                }

            #navbar .nav > li.active > a {
                color: #5a7fa7;
            }

            #navbar .nav > li.open > a {
                border-bottom: 10px solid #8ebae5;
                border-top: 10px solid #fff;
                transition: none;
            }

            #navbar .nav > li > a .caret {
                display: none;
            }

            #navbar .nav > li > .dropdown-menu {
                border: 0px none;
                background: #8ebae5;
                margin: 0;
                padding: 0;
                border-radius: 0px;
                min-width: 150px;
            }

                #navbar .nav > li > .dropdown-menu > li {
                    height: 40px;
                    border-bottom: 1px solid #8ca6c2;
                    margin: 0;
                }

                    #navbar .nav > li > .dropdown-menu > li:last-child {
                        border-bottom: 0px none;
                    }

                    #navbar .nav > li > .dropdown-menu > li > a {
                        color: #fff;
                        padding: 10px 25px;
                    }

                        #navbar .nav > li > .dropdown-menu > li > a:hover {
                            background: #bba365;
                        }

                    #navbar .nav > li > .dropdown-menu > li.active > a {
                        background: rgba(187,163,101,0.2);
                    }

@media all and ( max-width: 1220px ) {

    #navbar .nav > li > a {
        padding: 0px 7px;
        max-width: 110px;
    }
}

/*-- Search --*/

a.dnnSearchBoxClearText.dnnShow {
    display: none;
}


.HeaderWrapper {
    position: relative;
}

#Search {
    background: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 23px;
    height: 46px;
    min-width: 46px;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 4;
}

.searchBox {
    width: 320px;
    height: 44px;
    display: none;
}

#dnn_dnnSearch_ClassicSearch {
    width: 100%;
    height: 44px;
    display: block;
    padding-left: 20px;
}

    #dnn_dnnSearch_ClassicSearch .searchInputContainer, #dnn_dnnSearch_ClassicSearch #dnn_dnnSearch_cmdSearch {
        display: inline-block;
        vertical-align: top;
    }

    #dnn_dnnSearch_ClassicSearch .searchInputContainer {
        width: 250px;
        height: 44px;
        margin: 0;
    }

        #dnn_dnnSearch_ClassicSearch .searchInputContainer #dnn_dnnSearch_txtSearch {
            height: 100%;
            width: 100%;
            border: 0px none;
            font-size: 14px;
            font-family: Lato-Bold;
            line-height: 20px;
        }

            #dnn_dnnSearch_ClassicSearch .searchInputContainer #dnn_dnnSearch_txtSearch:focus {
                outline: none;
            }

    #dnn_dnnSearch_ClassicSearch #dnn_dnnSearch_cmdSearch {
        background: url('../images/SearchIcon.png') no-repeat center center;
        border: 0px none;
        font-size: 0px;
        height: 44px;
        width: 44px;
    }

        #dnn_dnnSearch_ClassicSearch #dnn_dnnSearch_cmdSearch:hover {
            background: url('../images/SearchIconHover.png') no-repeat center center;
        }

.searchBox, #SearchToggle {
    float: left;
    vertical-align: top;
}

#SearchToggle {
    border: 0px none;
    background: url('../images/SearchIcon.png') no-repeat center center;
    height: 44px;
    width: 44px;
    padding: 0;
    -webkit-transition: background-image 0.2s linear;
    -moz-transition: background-image 0.2s linear;
    -o-transition: background-image 0.2s linear;
    transition: background-image 0.2s linear;
}

    #SearchToggle:hover {
        background: url('../images/SearchIconHover.png') no-repeat center center;
    }

    #SearchToggle.Close {
        background: url('../images/CloseIcon.png') no-repeat center center;
    }

        #SearchToggle.Close:hover {
            background: url('../images/CloseIconHover.png') no-repeat center center;
        }

/*-- Action Bar --*/

.SubHeaderMobileTrigger {
    display: none;
}

.SubRow {
    float: right;
    display: table;
    margin: 0;
    padding: 0;
}

    .SubRow li {
        list-style-type: none;
        float: right;
        height: 60px;
        width: 14.28%;
        border-left: 2px solid #fff;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .SubRow li:first-child {
            border-right: 0px none;
        }

.SubRowLink, .SubRowLink:focus {
    height: 100%;
    width: 100%;
    font-size: 12px !important;
    font-family: Lato-Bold;
    background: #bba365;
    color: #fff !important;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    white-space: normal;
    line-height: 13px;
}

    .SubRowLink.active {
        background: #b39c60;
    }

    .SubRowLink:hover {
        background: #ceb36c;
    }

/*-- Action Bar Dropdown --*/

.SubRowDropdown {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    height: 120px;
    display: none;
}

    .SubRowDropdown a {
        display: block;
        height: 60px;
        width: 100%;
        font-size: 12px !important;
        font-family: Lato-Bold;
        background: #8ebae5;
        color: #fff !important;
        padding: 22px 10px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 14px;
        border-top: 1px solid #8ebae5;
    }

        .SubRowDropdown a.active {
            background: #638dbe;
        }

        .SubRowDropdown a:hover {
            background: #3b649a;
        }

/*-- Sticky Header --*/

#Header > * {
    -webkit-transition: all 034s ease-in-out;
    -moz-transition: all 034s ease-in-out;
    -o-transition: all 034s ease-in-out;
    transition: all 0.3s ease-in-out;
}



#Header.HeaderStick {
    height: 110px;
    position: fixed;
    z-index: 1001;
}

    #Header.HeaderStick .TopBar {
        height: 0px;
        overflow: hidden;
    }

    #Header.HeaderStick .MainHeaderArea {
        height: 50px;
    }

        #Header.HeaderStick .MainHeaderArea .LogoContainer {
            height: 90px;
        }

            #Header.HeaderStick .MainHeaderArea .LogoContainer a img {
                margin-top: 5px;
                height: 110%;
            }

        #Header.HeaderStick .MainHeaderArea #navbar .nav {
            height: 50px;
        }

            #Header.HeaderStick .MainHeaderArea #navbar .nav > li {
                height: 50px;
            }

                #Header.HeaderStick .MainHeaderArea #navbar .nav > li.open > a {
                    border: 0px none;
                }

    #Header.HeaderStick #Search {
        top: 5px;
        height: 40px;
        min-width: 40px;
    }

    #Header.HeaderStick #SearchToggle {
        height: 38px;
        width: 38px;
    }

    #Header.HeaderStick #dnn_dnnSearch_ClassicSearch .searchInputContainer {
        height: 38px;
    }

    #Header.HeaderStick #dnn_dnnSearch_cmdSearch {
        height: 38px;
        width: 38px;
    }

/*====----  Body Content  ----====*/

#BodyWrapper section {
    margin: 30px 0;
}

#BodyWrapper img {
    max-width: 100%;
    height: auto;
}

.BodyShadeBlue {
    background: #edf1f6;
    padding: 30px 0;
}

.LineHeader {
    height: 16px;
    border-bottom: 2px solid #ebebeb;
    margin-bottom: 25px;
    margin-top: 20px;
}

    .LineHeader h4 {
        color: #c5c5c5;
        background: #fff;
        display: inline;
        padding-right: 10px;
    }

    .LineHeader a.GoldLink {
        float: right;
        background-color: #fff;
        margin-top: 10px;
        padding-left: 10px;
    }

/*-- Layout --*/

.NoPaddingLeft {
    padding-left: 0px;
}

.NoPaddingRight {
    padding-right: 0px;
}

.PaddingMiddle {
    padding: 0 7.5px;
}

/*-- Breadcrumb --*/

.Breadcrumb {
    background: #edf1f5;
    min-height: 30px;
    height: auto;
    padding: 0;
}

    #dnn_dnnBreadcrumb_lblBreadCrumb a, .Breadcrumb .Start {
        padding: 6px 0px;
        display: inline-block;
        text-transform: uppercase;
        font-family: Lato-Regular;
        font-size: 12px;
        color: #26405c;
    }

        #dnn_dnnBreadcrumb_lblBreadCrumb a:hover, .Breadcrumb .Start:hover {
            color: #9daebe;
        }

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span:last-child a {
    color: #9daebe;
}

    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span:last-child a:hover {
        color: #002663;
    }

#dnn_dnnBreadcrumb_lblBreadCrumb img {
    display: none;
}

#dnn_dnnBreadcrumb_lblBreadCrumb a:after, .Breadcrumb .Start:after {
    content: "/";
    margin-left: 5px;
    padding-right: 5px;
}

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span:last-child a:after {
    content: "";
}

/*-- Sub Page Nav --*/

.SubPageMenuContainer {
    width: 100%;
    min-height: 100px;
}

    .SubPageMenuContainer .navbar-nav {
        padding-bottom: 40px;
    }

        .SubPageMenuContainer .navbar-nav > li {
            float: none;
            border-bottom: 1px solid #ebebeb;
        }

            .SubPageMenuContainer .navbar-nav > li a {
                font-family: Lato-Bold;
                font-size: 12px !important;
                color: #bba365 !important;
                text-transform: uppercase;
                background: url('../images/GoldArrow.png') no-repeat right center;
                padding-right: 20px;
                display: table !important;
                padding-left: 0;
            }

                .SubPageMenuContainer .navbar-nav > li a:hover {
                    padding-right: 25px;
                }

/*-- Banner --*/
.Banner {
    width: 100%;
}

.BannerImage {
    width: 100%;
}

/*-- QuoteBlock --*/

.QuoteBlock {
    width: 100%;
    height: auto;
    position: relative;
}

    .QuoteBlock img {
        position: absolute;
        z-index: 3;
    }

    .QuoteBlock h3 {
        padding: 50px 20px;
        position: relative;
        z-index: 4;
        line-height: 36px;
    }

    .QuoteBlock .QuoteImageTop {
        top: 0;
        left: 0;
    }

    .QuoteBlock .QuoteImageBottom {
        bottom: 0;
        right: 0;
    }

/*-- Images --*/

.content-img, .content-img img {
    padding: 12px 0;
    max-width: 100%;
    height: auto;
}

/*====----  Home Page  ----====*/

.WelcomeBlock {
    border-left: 2px solid #002663;
    padding: 20px 0 30px 20px;
}

.Sustainability {
    background: #002663 url("/Portals/_default/Images/mother-baby-bg.png") no-repeat right bottom;
    padding: 30px;
    height: 350px;
}

    .Sustainability h3 {
        color: #fff;
        margin-top: 0px;
    }

    .Sustainability p {
        color: #fff;
    }

/*-- Reports --*/

.Reports {
    background: #002663;
    padding: 30px;
    min-height: 160px;
    margin-bottom: 30px;
}

    .Reports h3 {
        color: #fff;
        margin-top: 0px;
    }

/*-- CSI --*/

.HomeCSIBlock {
    background: #fff url("../images/home-thumb-patient-experience.jpg") no-repeat center center;
    background-size: cover;
    min-height: 160px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .HomeCSIBlock .SliderBlock {
        height: 40px;
        padding: 1px 30px;
        background: #002663;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .HomeCSIBlock .SliderBlock h3 {
            color: #fff;
            margin: 5px 0;
        }

        .HomeCSIBlock .SliderBlock p {
            color: #fff;
        }

    .HomeCSIBlock:hover .SliderBlock {
        height: 100%;
        background: rgba(0,38,99,0.6);
        padding: 30px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

/*-- Divisions --*/

.DivisionsHeadingBox {
    position: relative;
}

    .DivisionsHeadingBox .Complimentary {
        position: absolute;
        right: 0;
        top: 0;
        background: #8ebae5;
        padding: 10px;
        border-radius: 5px;
    }

.ProductsComponent {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

    .ProductsComponent .ProductItem {
        min-width: 20%;
        display: block;
        float: left;
        padding-right: 2px;
        padding-left: 0;
    }

        .ProductsComponent .ProductItem:last-child {
            /*padding-right: 0px;*/
        }


        .ProductsComponent .ProductItem .ImageContainer {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .ProductsComponent .ProductItem .ImageContainer img {
                width: 100%;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

        .ProductsComponent .ProductItem:hover .ImageContainer img {
            width: 100%;
            -webkit-transform: scale(1.05,1.05);
            -moz-transform: scale(1.05,1.05);
            -o-transform: scale(1.05,1.05);
            transform: scale(1.05,1.05);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .ProductsComponent .ProductItem .TitleContainer {
            background: #fff;
            height: 40px;
            width: 100%;
            padding: 0px 10px;
            display: table;
        }

            .ProductsComponent .ProductItem .TitleContainer h6 {
                color: #26405c;
                display: table-cell;
                vertical-align: middle;
                line-height: 15px;
            }

                .ProductsComponent .ProductItem .TitleContainer h6 img {
                    margin-left: 5px;
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    -o-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

        .ProductsComponent .ProductItem:hover .TitleContainer h6 img {
            margin-left: 8px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

/*--Preadmission--*/
#PreAdmission {
    margin-top: 20px;
    margin-top: 32px;
}

    #PreAdmission a {
        background-color: #bba365;
        border: 0px none;
        padding: 10px 35px;
        border-radius: 5px;
        color: #fff !important;
    }


/*-- Careers --*/

.CareersBlock {
    border-left: 3px solid #002663;
    padding: 0 0 10px 20px;
}

    .CareersBlock .CareerItem {
        margin-bottom: 10px;
        overflow: auto;
    }

        .CareersBlock .CareerItem h3 {
            margin-bottom: 10px;
        }

        .CareersBlock .CareerItem img {
            float: left;
            margin-right: 20px;
        }

        .CareersBlock .CareerItem p {
            font-size: 13px;
            line-height: 18px;
            margin-bottom: 5px;
        }

/*-- Featured Article --*/

#FeaturedComponent {
}

    #FeaturedComponent .ImageContainer {
        height: 250px;
        overflow: hidden;
    }

    #FeaturedComponent .ContentWrapper {
        background: #002663;
        height: 150px;
        padding: 25px 20px;
    }

        #FeaturedComponent .ContentWrapper > p {
            color: #fff;
            margin-bottom: 0px;
        }

        #FeaturedComponent .ContentWrapper > h3, #FeaturedComponent h3 {
            color: #fff !important;
            margin: 0 0 10px 0;
            line-height: 28px;
            height: 56px;
            overflow: hidden;
        }

    #FeaturedComponent .ImageContainer img {
        min-width: 100%;
        max-width: 100%;
    }

/*====----  App Page  ----====*/

.AppImage {
    display: block;
    margin: 13px auto;
}

.StoreButtons a {
    display: inline-block;
    padding: 0 20px 0 0;
}

/*====----  Doctors and Dentists  ----====*/

#Doctor {
    padding: 20px 0 30px;
}

    #Doctor .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

        #Doctor .FilterWrapper > .ProvinceContainer,
        #Doctor .FilterWrapper > .TownContainer,
        #Doctor .FilterWrapper > .HospitalContainer,
        #Doctor .FilterWrapper > .DoctorsNameContainer {
            width: 25%;
            float: left;
            padding: 10px;
            position: relative;
        }

        #Doctor .FilterWrapper > .ProvinceContainer {
            padding-left: 0px;
        }

        #Doctor .FilterWrapper label {
            font-size: 16px;
            font-family: Lato-Bold;
            color: #26405c;
            margin: 5px;
        }

        #Doctor .FilterWrapper select, #Doctor .FilterWrapper input {
            font-size: 16px !important;
            font-family: Lato-regular !important;
            color: #666 !important;
            border-radius: 0px !important;
            border: 0px none !important;
            background: #edf1f5 !important;
            box-shadow: none !important;
            padding: 13px !important;
            height: auto !important;
            border: 2px solid #edf1f5 !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
            width: 100% !important;
        }

        #Doctor .FilterWrapper input {
            padding: 14px 13px 15px !important;
            position: relative;
        }

            #Doctor .FilterWrapper select:focus, #Doctor .FilterWrapper input:focus {
                border: 2px solid #bba365 !important;
                outline: none !important;
            }

    #Doctor #SearchDoctor {
        display: inline-block;
        background: #bba365;
        border: 0px none;
        padding: 10px 100px;
        margin-top: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #fff !important;
        float: left;
    }

        #Doctor #SearchDoctor:hover {
            background: #ceb36c;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Doctor #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: left;
        margin-top: 14px;
    }

    #Doctor .DoctorsWrapper {
        display: table;
        width: 100%;
        padding: 30px 0 20px;
    }

        #Doctor .DoctorsWrapper .DoctorRow:nth-child(odd) {
            background: #f4f4f4;
        }

        #Doctor .DoctorsWrapper .DoctorRow {
            display: table-row;
        }

            #Doctor .DoctorsWrapper .DoctorRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top;
            }

            #Doctor .DoctorsWrapper .DoctorRow:first-child > div {
                font-weight: bold;
                background: #d9d9d9;
            }

    #Doctor .prevousButton, #Doctor .nextButton {
        background: #d9d9d9;
        border: 0px none;
        color: #6c6c6c;
        padding: 5px 15px;
    }

        #Doctor .prevousButton:hover, #Doctor .nextButton:hover {
            background: #002663;
            color: #fff;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Doctor .prevousButton {
        margin-right: 20px;
    }

    #Doctor .nextButton {
        margin-left: 20px;
    }

.TownContainer {
    position: relative;
}

    .TownContainer .ClearButton {
        position: absolute;
        right: 0;
        top: 25px;
        background: transparent;
        border: 0px none;
        padding: 14px;
    }

/*====----  Specialists  ----====*/

#Specialist {
    padding: 20px 0 30px;
}

    #Specialist .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

        #Specialist .FilterWrapper > .TownContainer, #Specialist .FilterWrapper > .ProvinceContainer, #Specialist .FilterWrapper > .DoctorsNameContainer {
            width: 33%;
            float: left;
            padding: 10px;
            position: relative;
        }

        #Specialist .FilterWrapper > .ProvinceContainer {
            padding-left: 0px;
        }

        #Specialist .FilterWrapper label {
            font-size: 16px;
            font-family: Lato-Bold;
            color: #26405c;
            margin: 5px;
        }

        #Specialist .FilterWrapper select, #Specialist .FilterWrapper input {
            font-size: 16px !important;
            font-family: Lato-regular !important;
            color: #666 !important;
            border-radius: 0px !important;
            border: 0px none !important;
            background: #edf1f5 !important;
            box-shadow: none !important;
            padding: 13px !important;
            height: auto !important;
            border: 2px solid #edf1f5 !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
            width: 100% !important;
        }

            #Specialist .FilterWrapper select:focus, #Specialist .FilterWrapper input:focus {
                border: 2px solid #bba365 !important;
                outline: none !important;
            }

    #Specialist #SearchSpecialist {
        display: inline-block;
        background: #bba365;
        border: 0px none;
        padding: 10px 100px;
        margin-top: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #fff !important;
        float: left;
    }

        #Specialist #SearchSpecialist:hover {
            background: #ceb36c;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Specialist #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: left;
        margin-top: 14px;
    }


    #Specialist .SpecialistsWrapper {
        display: table;
        width: 100%;
        padding: 30px 0 20px;
    }

        #Specialist .SpecialistsWrapper .SpecialistRow:nth-child(odd) {
            background: #f4f4f4;
        }

        #Specialist .SpecialistsWrapper .SpecialistRow {
            display: table-row;
        }

            #Specialist .SpecialistsWrapper .SpecialistRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top;
            }

            #Specialist .SpecialistsWrapper .SpecialistRow:first-child > div {
                font-weight: bold;
                background: #d9d9d9;
            }

    #Specialist .prevousButton, #Specialist .nextButton {
        background: #d9d9d9;
        border: 0px none;
        color: #6c6c6c;
        padding: 5px 15px;
    }

        #Specialist .prevousButton:hover, #Specialist .nextButton:hover {
            background: #002663;
            color: #fff;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Specialist .prevousButton {
        margin-right: 20px;
    }

    #Specialist .nextButton {
        margin-left: 20px;
    }

/*====----  Hospitals  ----====*/

#Hospital {
    padding: 20px 0 30px;
}

    #Hospital .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

        #Hospital .FilterWrapper > .TownContainer, #Hospital .FilterWrapper > .ProvinceContainer, #Hospital .FilterWrapper > .ClinicsNameContainer {
            width: 33%;
            float: left;
            padding: 10px;
            position: relative;
        }

        #Hospital .FilterWrapper > .ProvinceContainer {
            padding-left: 0px;
        }

        #Hospital .FilterWrapper label {
            font-size: 16px;
            font-family: Lato-Bold;
            color: #26405c;
            margin: 5px;
        }

        #Hospital .FilterWrapper select, #Hospital .FilterWrapper input {
            font-size: 16px !important;
            font-family: Lato-regular !important;
            color: #666 !important;
            border-radius: 0px !important;
            border: 0px none !important;
            background: #edf1f5 !important;
            box-shadow: none !important;
            padding: 13px !important;
            height: auto !important;
            border: 2px solid #edf1f5 !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
            width: 100% !important;
        }

        #Hospital .FilterWrapper input {
            padding: 14px 13px 15px !important;
        }

            #Hospital .FilterWrapper select:focus, #Hospital .FilterWrapper input:focus {
                border: 2px solid #bba365 !important;
                outline: none !important;
            }

    #Hospital #SearchHospital {
        display: inline-block;
        background: #bba365;
        border: 0px none;
        padding: 10px 100px;
        margin-top: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #fff !important;
        float: left;
    }

        #Hospital #SearchHospital:hover {
            background: #ceb36c;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Hospital #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: left;
        margin-top: 14px;
    }

    #Hospital .HospitalWrapper {
        display: table;
        width: 100%;
        padding: 30px 0 20px;
    }

        #Hospital .HospitalWrapper .HospitalRow:nth-child(odd) {
            background: #f4f4f4;
        }

        #Hospital .HospitalWrapper .HospitalRow {
            display: table-row;
        }

            #Hospital .HospitalWrapper .HospitalRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top;
            }

            #Hospital .HospitalWrapper .HospitalRow:first-child > div {
                font-weight: bold;
                background: #d9d9d9;
            }

            #Hospital .HospitalWrapper .HospitalRow > div:last-child {
                vertical-align: middle;
            }

    #Hospital .prevousButton, #Hospital .nextButton {
        background: #d9d9d9;
        border: 0px none;
        color: #6c6c6c;
        padding: 5px 15px;
    }

        #Hospital .prevousButton:hover, #Hospital .nextButton:hover {
            background: #002663;
            color: #fff;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Hospital .prevousButton {
        margin-right: 20px;
    }

    #Hospital .nextButton {
        margin-left: 20px;
    }

    #Hospital .HospitalWrapper .HospitalRow .DetailsButtonContainer a {
        padding: 5px 20px;
        background: #d9d9d9;
        color: #666;
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

        #Hospital .HospitalWrapper .HospitalRow .DetailsButtonContainer a:hover {
            background: #002663;
            color: #fff;
        }

/*-- search result errors --*/

#searcherror {
    margin-top: 14px;
    float: left;
}

.nodata {
    margin-left: 10px;
    float: left;
    margin-top: 15px;
}

span#searcherror span {
    font-size: 18px;
    font-weight: bold;
}
/*-- Auto complete --*/

.ui-autocomplete {
    background: #edf1f5;
    max-width: 365px !important;
    max-height: 300px !important;
    overflow: auto;
    list-style-type: none;
}

    .ui-autocomplete li {
        padding: 5px;
    }

        .ui-autocomplete li.ui-state-focus {
            cursor: pointer;
            color: #002663;
        }
/*====----  Specialist oppertunities  ----====*/
.OpportunitiesWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.OpportunitiesWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px;
}

.OpportunitiesRow:nth-child(odd) {
    background: #f4f4f4;
}

.OpportunitiesRow:first-child > div {
    font-weight: bold;
    background: #d9d9d9;
}

.OpportunitiesRow {
    display: table-row;
}

    .OpportunitiesRow > div {
        display: table-cell;
        padding: 7px 5px;
        vertical-align: top;
    }

/* Pagination styling */
#OpportunitiesPaging .pagination > li > #OpportunitiesPaging a, .pagination > li > span, #OpportunitiesPaging .pagination > .active > a, #OpportunitiesPaging .pagination > .disabled > a, #OpportunitiesPaging .pagination > li > a:hover, #OpportunitiesPaging .pagination > li > a, #OpportunitiesPaging .pagination > li > span {
    border: 1px solid #fff;
    background-color: #eee;
    color: #6c6c6c;
    margin-left: 10px;
}

.pagination > li {
    display: table-cell;
    vertical-align: middle;
}
/*====----  Vacancy  ----====*/

#Vacancies {
    padding: 20px 0 30px;
}

    #Vacancies .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

        #Vacancies .FilterWrapper .ProvinceContainer, #Vacancies .FilterWrapper .DivisionContainer, #Vacancies .FilterWrapper .CategoryContainer {
            width: 33%;
            float: left;
            padding: 10px;
        }

        #Vacancies .FilterWrapper .ProvinceContainer {
            padding-left: 0px;
        }

        #Vacancies .FilterWrapper .CategoryContainer {
            padding-right: 0px;
        }

        #Vacancies .FilterWrapper label {
            font-size: 16px;
            font-family: Lato-Bold;
            color: #26405c;
            margin: 5px;
        }

        #Vacancies .FilterWrapper select {
            font-size: 16px !important;
            font-family: Lato-regular !important;
            color: #666 !important;
            border-radius: 0px !important;
            border: 0px none !important;
            background: #edf1f5 !important;
            box-shadow: none !important;
            padding: 13px !important;
            height: auto !important;
            border: 2px solid #edf1f5 !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
            width: 100% !important;
        }

            #Vacancies .FilterWrapper select:focus {
                border: 2px solid #bba365 !important;
                outline: none !important;
            }

        #Vacancies .FilterWrapper .ButtonContainer button {
            display: inline-block;
            background: #bba365;
            border: 0px none;
            padding: 10px 100px;
            margin-top: 5px;
            font-size: 18px;
            border-radius: 5px;
            color: #fff !important;
        }

            #Vacancies .FilterWrapper .ButtonContainer a:hover, #Vacancies .FilterWrapper .ButtonContainer button:hover {
                background: #ceb36c;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

    #Vacancies .VacanciesWrapper, #Vacancies .VacanciesHeadings {
        display: table;
        width: 100%;
    }

        #Vacancies .VacanciesWrapper .VacanciesRow {
            display: table-row;
            width: 100%;
        }

            #Vacancies .VacanciesWrapper .VacanciesRow:nth-child(odd) {
                background: #f4f4f4;
            }

            #Vacancies .VacanciesWrapper .VacanciesRow > div {
                display: table-cell;
                padding: 5px;
                vertical-align: middle;
            }

            #Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading, #Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading, #Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading, #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading {
                font-weight: bold;
            }

            #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading {
                text-align: right;
            }

                #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading label {
                    margin-right: 30px;
                }

            #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
                padding: 5px 20px;
                background: #d9d9d9;
                color: #666;
                display: inline-block;
                float: right;
                margin-right: 10px;
                white-space: nowrap;
            }

                #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a:hover {
                    background: #002663;
                    color: #fff;
                }

/*-- Details --*/

#VacanciesDetails .dl-horizontal {
    font-size: 14px;
    font-family: Lato-Regular;
    color: #666666;
}

    #VacanciesDetails .dl-horizontal dt {
        white-space: normal;
    }

    #VacanciesDetails .dl-horizontal dt, #VacanciesDetails .dl-horizontal dd {
        padding: 5px 0px;
    }

#VacanciesDetails a.RedLink {
    font-family: Lato-Bold;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url('../images/GoldArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
}

    #VacanciesDetails a.RedLink:hover {
        padding-right: 26px;
        color: #bba365;
    }

#VacanciesDetails .apply, #VacanciesDetails .apply:focus {
    display: inline-block;
    background: #bba365;
    border: 0px none;
    padding: 10px 100px;
    margin: 5px 0 0 180px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: none;
}

    #VacanciesDetails .apply:hover {
        background: #ceb36c;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

/*-- Modal --*/

#Vacancies + #myModal .modal-body .form-group label {
    font-size: 16px;
    font-family: Lato-Bold;
    color: #26405c;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

#Vacancies + #myModal .modal-body .form-group span.validation {
    color: #e7393f;
    margin-left: 10px;
}

    #Vacancies + #myModal .modal-body .form-group span.validation:before {
        content: "\2731  ";
    }

#Vacancies + #myModal .modal-body .form-group input {
    font-size: 16px !important;
    font-family: Lato-regular !important;
    color: #666 !important;
    border-radius: 0px !important;
    border: 0px none !important;
    background: #edf1f5 !important;
    box-shadow: none !important;
    padding: 13px !important;
    height: auto !important;
    border: 2px solid #edf1f5 !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100% !important;
}

    #Vacancies + #myModal .modal-body .form-group input:focus {
        border: 2px solid #e7393f !important;
        outline: none !important;
    }

#Vacancies + #myModal .modal-footer button, #Vacancies + #myModal .modal-footer button:focus {
    display: inline-block;
    background: #bba365;
    border: 0px none;
    padding: 10px 50px;
    margin-top: 5px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
}

    #Vacancies + #myModal .modal-footer button:hover {
        background: #bba365;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

#Vacancies + #myModal .close {
    font-size: 30px;
}

/*====----  Contact Page  ----====*/

.ContactSideContent {
    padding-bottom: 10px;
}

    .ContactSideContent.SecondBlock {
        border-top: 1px solid #c1c1c1;
        padding-top: 30px;
    }

    .ContactSideContent .EmergencyNumber {
        margin: -20px 0 20px;
        font-family: Lato-Black;
        color: #e7393f;
    }

    .ContactSideContent a {
        color: #e7393f;
    }

        .ContactSideContent a:hover {
            color: #ad3b48;
        }

.vacancies-link {
    display: inline-block;
    background: #8ebae5;
    border: 0px none;
    padding: 10px 100px;
    margin: 10px 0;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: none;
    margin-top: 25px;
}

    .vacancies-link:hover {
        background: #bba365;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

/*-- Contact Form --*/

.LiveForm {
    padding: 0 0 20px 0 !important;
    border: 0px none !important;
}

    .LiveForm * {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .LiveForm .Field {
        padding: 0px !important;
        margin-bottom: 15px !important;
        width: 50% !important;
    }

        .LiveForm .Field.Textarea {
            width: 100% !important;
        }

        .LiveForm .Field label {
            font-size: 16px;
            font-family: Lato-Bold;
            color: #26405c;
            margin-bottom: 8px !important;
            display: block !important;
            width: 100% !important;
        }

        .LiveForm .Field > div {
            width: 100%;
        }

            .LiveForm .Field > div input, .LiveForm .Field > div select, .LiveForm .Field > div textarea {
                font-size: 16px !important;
                font-family: Lato-regular !important;
                color: #666 !important;
                border-radius: 0px !important;
                border: 0px none !important;
                background: #edf1f5 !important;
                box-shadow: none !important;
                padding: 13px !important;
                height: auto !important;
                border: 2px solid #edf1f5 !important;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                width: 100% !important;
            }

                .LiveForm .Field > div input:focus, .LiveForm .Field > div select:focus, .LiveForm .Field > div textarea:focus {
                    border: 2px solid #bba365 !important;
                    outline: none !important;
                }

            .LiveForm .Field > div textarea {
                min-height: 100px;
            }

            .LiveForm .Field > div input[type="submit"] {
                background: #bba365 !important;
                border: 0px none !important;
                padding: 10px 100px !important;
                margin-top: 5px !important;
                font-size: 18px !important;
                color: #fff !important;
                border-radius: 5px !important;
                float: left;
            }

                .LiveForm .Field > div input[type="submit"]:hover {
                    background: #ceb36c !important;
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    -o-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }


    .LiveForm.Default .Field.Required.Radiobutton table {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .LiveForm.Default .Field.Radiobutton .Field-Container-Wide label {
        width: calc(100% - 30px) !important;
        display: inline-block !important;
    }

    .LiveForm input[type=radio] {
        transform: scale(1.3);
        margin-right: 5px !important;
    }

    .LiveForm.Default .Field.Radiobutton table td {
        padding: 0px 4px !important;
        width: 100px;
    }

    /*====----  Contact from Errors  ----====*/
    .LiveForm.Default label.error {
        color: #e7393f !important;
        font-size: 13px !important;
        padding: 5px 0 !important;
    }

    .LiveForm.Default ul.page-break-section, .LiveForm.Default .thank-you {
        box-shadow: 0 0 0 0 !important;
    }

        .LiveForm.Default ul.page-break-section .Field {
            width: 100% !important;
        }



/*-- Map --*/

.MapContainer {
    height: 500px;
}

.Map {
    display: none;
}

/*====----  Footer  ----====*/

.FooterLogos {
    height: 140px;
    margin-top: 30px;
}

    .FooterLogos .Logos {
        height: 90px;
    }

        .FooterLogos .Logos .LogoItem {
            height: 100%;
            text-align: center;
            width: 20%;
        }

            .FooterLogos .Logos .LogoItem img {
                max-width: 100%;
            }

            .FooterLogos .Logos .LogoItem.Netcare911 img {
                margin-top: 15px;
            }

            .FooterLogos .Logos .LogoItem.Medicross img {
                margin-top: 0px;
            }

            .FooterLogos .Logos .LogoItem.Primecure img {
                margin-top: 5px;
            }

            .FooterLogos .Logos .LogoItem.BMI img {
                margin-top: 15px;
            }

.FooterMiddle {
    background: #efede8;
    min-height: 230px;
    padding: 30px 0;
}

    .FooterMiddle .FooterMiddleSection {
        border-right: 2px solid #bec8d9;
        min-height: 170px;
    }

        .FooterMiddle .FooterMiddleSection:last-child {
            border: 0px none;
        }

        .FooterMiddle .FooterMiddleSection .FooterSocial {
            width: 100%;
            height: 38px;
        }

            .FooterMiddle .FooterMiddleSection .FooterSocial p {
                float: left;
                margin-top: 6px;
                line-height: 12px;
            }

            .FooterMiddle .FooterMiddleSection .FooterSocial a {
                display: block;
                width: 32px;
                height: 32px;
                background: #bba365;
                border-radius: 16px;
                float: right;
            }

                .FooterMiddle .FooterMiddleSection .FooterSocial a img {
                    padding: 6px;
                }

        .FooterMiddle .FooterMiddleSection .Devices, .FooterMiddle .FooterMiddleSection .DevicesContent {
            float: left;
        }

        .FooterMiddle .FooterMiddleSection .Devices {
            width: auto;
        }

        .FooterMiddle .FooterMiddleSection .DevicesContent {
            width: auto;
        }

            .FooterMiddle .FooterMiddleSection .DevicesContent p {
                margin-bottom: 10px;
            }

.FooterStrapLine {
    background: #8ebae5;
    min-height: 50px;
    position: relative;
}

    .FooterStrapLine .LeftLinks {
        float: left;
        height: 40px;
    }

    .FooterStrapLine .RightLinks {
        float: left;
        height: 25px;
    }

    .FooterStrapLine .LeftLinks ul {
        list-style-type: none;
        margin: 0px;
        height: 40px;
        padding-left: 0;
    }

        .FooterStrapLine .LeftLinks ul li {
            float: left;
        }

            .FooterStrapLine .LeftLinks ul li a {
                font-size: 12px;
                text-decoration: none;
                text-transform: uppercase;
                color: #fff;
                display: block;
                margin: 10px 0px 0px;
                padding: 0 15px;
                border-right: 1px solid #fff;
            }

            .FooterStrapLine .LeftLinks ul li:last-child a {
                border-right: 0px none;
            }

            .FooterStrapLine .LeftLinks ul li:first-child a {
                padding-left: 0px;
            }

            .FooterStrapLine .LeftLinks ul li a:hover {
                color: #002663;
            }

.LoginLink {
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url('../images/smalllock.png') no-repeat center center;
    background-size: contain;
}

.FooterStrapLine .RightLinks .copyright {
    font-size: 12px;
    margin: 0;
    color: #fff;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.FooterStrapLine .RightLinks ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
}

    .FooterStrapLine .RightLinks ul li {
        float: left;
        border-right: 1px solid #fff;
    }

        .FooterStrapLine .RightLinks ul li a {
            color: #fff;
            text-decoration: none;
            display: block;
            margin: 0 15px;
            font-size: 12px;
            height: 15px;
        }

            .FooterStrapLine .RightLinks ul li a:hover {
                text-decoration: underline;
            }

        .FooterStrapLine .RightLinks ul li:last-child {
            border: 0px none;
        }

        .FooterStrapLine .RightLinks ul li:first-child a {
            margin-left: 0px;
        }

        .FooterStrapLine .RightLinks ul li:last-child a {
            margin-right: 0px;
        }

#BackToTop {
    right: 0px;
    bottom: 7%;
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: fixed;
    display: none;
    z-index: 5;
    background: #002663 url("../images/BackToTopArrow.png") no-repeat center center;
}

/*====----  Jireh se Styling  ----====*/

.left-lined {
    border-left: 2px solid #26405c;
    padding-left: 15px;
}

.background-box-grey {
    background-color: #edf1f5;
    padding: 20px 20px 1px 20px;
    margin-bottom: 15px;
}

.background-box-blue {
    background-color: #26405c;
    padding: 20px;
    color: #c6c6c6;
    margin-bottom: 15px;
}

    .background-box-blue p, .background-box-blue li, .background-box-blue h2, .background-box-blue h3, .background-box-blue h4, .background-box-blue h5 {
        color: #c6c6c6;
    }

.promo-logo {
    margin: 12px 0 16px 0;
    text-align: center;
    min-height: 73px;
}

.content-img img {
    padding: 12px 0;
    max-width: 100%;
    height: auto;
}

.text-expand {
    height: auto;
}

.section-heading {
    display: table;
    min-height: 73px;
}

    .section-heading + img {
        margin-bottom: 10px;
    }

.location-list h4 {
    margin-bottom: 5px;
    margin-top: 10px;
}

.location-list h5 {
    margin-bottom: 22px;
    margin-top: 10px;
}

.location-list h6 {
    margin-bottom: 14px;
    margin-top: 13px;
}
/* 4 collumn width fix */
#dnn_CenterQuarterTwo {
    padding: 0 10px 0 5px;
}

#dnn_CenterQuarterThree {
    padding: 0 5px 0 10px;
}
/* loader */

.loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #ceb36c; /* Accent colour*/
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    margin: 0 auto;
    margin-top: 10%;
    background: none;
}

.lfmodal img {
    background-color: rgba(255,255,255,0.7) !important;
    border: 5px solid #f3f3f3 !important;
    border-top: 5px solid #ceb36c !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    animation: spin 1s linear infinite !important;
    -webkit-animation: spin 1s linear infinite !important;
    -moz-animation: spin 1s linear infinite !important;
    -o-animation: spin 1s linear infinite !important;
    -ms-animation: spin 1s linear infinite !important;
    margin: 0 auto !important;
    background: none !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    box-sizing: border-box !important;
    padding-left: 30px !important;
    padding-right: 20px !important;
}

.lfmodal {
    background-color: rgba(255,255,255,0.7) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 0px !important;
    top: 0px !important;
    margin-left: 0px !important;
    border-radius: 0px !important;
}

.lfoverlay {
    background-color: rgba(255,255,255,0.7) !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

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

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

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

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

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

    100% {
        -ms-transform: rotate(360deg);
    }
}
/* Safari */
.loader {
    (;background: url(/Portals/_default/Images/loader-gold.gif) no-repeat;);
    (;width: 64px;);
    (;height: 64px;);
    (;border: none;);
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .loader {
        background-image: url(/Portals/_default/Images/loader-gold.gif);
        background-repeat: no-repeat;
        width: 64px;
        height: 64px;
        border: none;
    }
}

.loader, x:-moz-any-link {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #ceb36c;
    width: 50px;
    height: 50px;
}

/* Loader on page */

#Vacancies, #Hospital, #Specialist {
    position: relative;
}

    div.loader, #Hospital div.loader, #Specialist div.loader {
        position: absolute;
        left: 50%;
        top: 0;
        background-color: rgba(255,255,255,0.5);
    }

.loader-box {
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    display: block;
    height: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Media releases on home page */
.NewsSummaryItem {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

    .NewsSummaryItem .Heading {
        max-height: 44px;
        overflow: hidden;
    }

    .NewsSummaryItem .SubHeading p {
        color: #002663;
        font-style: italic;
        max-height: 59px;
        overflow: hidden;
        margin-top: -15px;
        margin-bottom: 5px;
    }

        .NewsSummaryItem .SubHeading p:nth-child(2), .NewsSummaryItem .SubHeading p:nth-child(3) {
            display: none;
        }

    .NewsSummaryItem .Date {
        color: #afafaf;
        margin-bottom: 5px;
    }

    .NewsSummaryItem .Heading h6 {
        font-size: 16px;
        font-family: Lato-Bold;
        color: #94002d;
        margin-bottom: 10px;
    }
/*====----  Articles  ----====*/

/* Article listing */

.NewsSummaryItem {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

.NewsListingItem .Heading {
    margin-bottom: 5px;
    max-height: 44px;
    overflow: hidden;
}

.NewsListingItem .SubHeading {
    max-height: 60px;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    margin-top: -4px;
    margin-bottom: 6px;
}

.NewsSummaryItem .SubHeading p {
    color: #002663;
    font-style: italic;
}

    .NewsSummaryItem .SubHeading p:first-child {
        margin-top: -15px;
    }

.NewsSummaryItem .Date {
    color: #afafaf;
    margin-bottom: 28px;
}

.NewsSummaryItem .Heading h6 {
    font-size: 16px;
    font-family: Lato-Bold;
    color: #94002d;
    margin-bottom: 10px;
}

.NewsListingItem h6, .default h3, .default h3 a {
    font-size: 16px !important;
    font-family: Lato-Bold;
    margin-bottom: 7px;
    color: #26405c;
    max-height: 41px;
    overflow: hidden;
    line-height: 20px;
}

.NewsListingItem a.Link {
    font-family: Lato-Bold;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url('../images/GoldArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
    padding-top: 2px;
}

    .NewsListingItem a.Link:hover {
        padding-right: 26px;
        color: #bba365;
    }

    .NewsListingItem a.Link:hover {
        padding-right: 26px;
        color: #bba365; /*accent colour */
    }

.NewsListingItem .Subheading p {
    max-height: 40px;
    overflow: hidden;
    color: #26405c;
    margin-bottom: 5px;
    line-height: 15px;
}

.NewsListingItem p, .NewsListingItem .Content {
    max-height: 62px;
    overflow: hidden;
    margin-bottom: 0px;
    white-space: nowrap;
}

    .NewsListingItem .Content h1, .NewsListingItem .Content h2, .NewsListingItem .Content h3, .NewsListingItem .Content h4, .NewsListingItem .Content h5, .NewsListingItem .Content h6 {
        margin-bottom: 0 !important;
        margin-top: 9px;
    }

.NewsListingItem .Subheading {
    max-height: 33px;
    overflow: hidden;
    color: #26405c;
    font-style: italic;
    margin-bottom: 6px;
}

.NewsListingItem .Category {
    color: #bba365; /*accent colour */
    font-size: 13px;
    font-style: italic;
}

.NewsListingItem .ImageContainer {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-right: 2%;
    float: left;
    position: relative;
    overflow-y: hidden;
}
/*
.NewsListingItem div:nth-child(2) {
    padding-left: 195px;
}
*/
.NewsListingItem .NewsListingText {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.NewsListingItem {
    width: 50%;
    display: inline-block;
    margin-right: -4px;
    padding-bottom: 40px;
    padding-right: 5%;
    vertical-align: top;
}

    .NewsListingItem .Content img, .default main-page .content img {
        display: none !important;
    }

.default .jackbox, .default .main-page .article-thumbnail {
    border: none !important;
    float: left;
    padding: 0px 20px 0px 0;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    webkit-border-radius: 0px !important;
    max-width: 100% !important;
    heigth: auto;
}

.default .article-thumbnail, .default .page-thumbnail {
    height: auto !important;
    max-height: 2000px !important;
}

.main-page .wrap-img {
    max-width: 180px !important;
}

.default .art-page .wrap-img {
    max-width: 400px !important;
}

.default.art-page .article-thumbnail {
    min-width: 490px;
    width: 510px;
}

.main-page .content {
    max-height: 162px;
    overflow: hidden;
}
/* Individual articles */

.main-page .article {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    text-align: justify;
}

.article-image img, .article-content img {
    height: auto !important;
    max-width: 500px;
    /*width: 100%;*/
    float: left;
    margin: 0 30px 0px 0;
}

.big-img img {
    height: auto !important;
    max-width: none;
    width: 100%;
    float: left;
    margin: 0 30px 0px 0;
}

.default .article .header {
    background-image: none !important;
}


.article-intro p {
    color: #26405c;
    font-size: 16px;
    font-family: Lato-Bold;
    font-style: italic;
}

.default .article .footer {
    background: none;
}

/* article listing thumbs */
img.art-thumb {
    width: 180px;
    height: 180px;
    object-fit: cover;
}
/* IE9, IE10 */
@media screen and (min-width:0\0) {
    img.art-thumb {
        width: 180px;
        float: left;
        margin-right: 12px;
        height: auto;
        overflow: hidden;
        object-fit: cover;
        margin-top: 4px;
        position: absolute;
        height: auto;
    }
}

.ArticlePublishDate {
    font-size: 13px;
    font-style: italic;
}
/* Article paging */
.default .CurrentPage, .default .CurrentPageSelected, .default .ms-result .paging .pageselected {
    padding: 5px 10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    webkit-border-radius: 0px;
    margin: 5px;
}

.default .CurrentPageSelected, .default .CurrentPage {
    background-color: #26405c;
    color: #fff;
    border: none;
    padding: 6px 10px 5px 10px;
}

.default .pager a:hover, .default .pager a {
    background-color: #edf1f6;
    color: #999 !important;
    border: none !important;
    padding: 6px 10px;
    margin: 5px;
}

.prevousButton, .nextButton {
    background: #d9d9d9;
    border: 0 none;
    color: #6c6c6c;
    padding: 5px 15px;
    margin: 5px;
}

    .prevousButton:hover, .nextButton:hover {
        background: #002663;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
/*====----  Infographics  ----====*/
/* >>>  Infographic: STRUCTURE  <<< */

.info-container {
    background-color: #fff !important;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 100%;
    font-family: Lato-Regular !important;
}


p.small {
    font-size: 12px;
    padding-left: 1%;
}
/* >>>  Infographic: BLUE ICON BOXES  <<< */

.blue-icon-box {
    background-color: #002663;
    color: #fff !important;
    display: inline-table;
    margin: 1%;
    padding: 1% 0 2% 1%;
    vertical-align: top;
    width: 30.3%;
    position: relative;
}

    .blue-icon-box h2 {
        font-size: 55px;
        font-weight: normal !important;
        ;
        margin: 5px 0 0 0;
        width: 70%;
        float: left;
        color: #fff !important;
        font-family: Lato-Regular !important;
    }

    .blue-icon-box p {
        font-size: 17px;
        margin: 0;
        padding: 10px 0px 0px 0px;
        width: 100%;
        font-weight: 600;
        color: #fff !important;
        font-family: Lato-Regular !important;
    }

    .blue-icon-box .icon {
        display: inline-block;
        vertical-align: top;
        width: 30%;
    }

        .blue-icon-box .icon img {
            float: right;
            padding: 10px;
            width: 100%;
            height: auto;
        }

/* >>>  Infographic: BLUE ICON BOXES MOBILE  <<< */

@media (max-width:1042px) {
    .blue-icon-box h2 {
        font-size: 36px;
        width: 94%;
        padding: 3%;
        text-align: center;
    }

    .blue-icon-box p {
        width: 94%;
        padding: 3%;
        text-align: center;
    }

    .blue-icon-box .icon {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

        .blue-icon-box .icon img {
            float: none;
            padding: 10px;
            width: 50%;
            height: auto;
        }

    .icon-nr-text-boxes {
        text-align: center;
    }
}

/* >>>  Infographic: BLUE ICON BOXES HEIGHT ADJUSTMENT  <<< */

.blue-icon-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media all and (min-width: 640px) {
    .blue-icon-box {
        width: 30%;
    }
}

.blue-icon-box {
    display: flex;
    width: 46.5%;
}

.blue-icon-box-content {
    display: inline-block; /*display: flex;*/
    flex-direction: column;
    padding: 0 3%;
    width: 94%;
}

    .blue-icon-box-content p {
        flex: 1 0 auto;
    }

@media all and (min-width: 960px) {
    .blue-icon-box {
        width: 30%;
    }
}

.blue-icon-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media all and (min-width: 640px) {
    .blue-icon-box {
        width: 31.3%;
    }
}

@media (max-width:450px) {
    .blue-icon-box {
        display: block;
        width: 100%;
    }
}

/* >>>  Infographic: HALF NR BOXES  <<< */

.half-nr-box {
    width: 47.5%;
    margin: 1% 1% 2% 1%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
}

    .half-nr-box .photo {
        min-width: 100%;
    }

        .half-nr-box .photo img {
            width: 100%;
            height: auto;
        }

    .half-nr-box p {
        margin-bottom: 0;
        margin-top: 3px;
    }

    .half-nr-box h3 {
        color: #002663;
        margin-top: 3px;
        margin-left: 3px;
    }

    .half-nr-box span {
        background-color: red;
        text-align: right;
        font-weight: bold;
        width: 50px;
    }

    .half-nr-box .count {
        width: 10%;
        text-align: right;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        color: #445780;
    }

    .half-nr-box .count-desc {
        width: 86%;
        display: inline-block;
        padding-left: 3%;
    }

    .half-nr-box .text {
        padding: 3%;
    }

@media (max-width:1000px) {
    .half-nr-box .count {
        width: 20%;
    }

    .half-nr-box .count-desc {
        width: 76%;
    }
}

/* >>>  Infographic: HALF NR BOXES HEIGHT ADJUSTMENT  <<< */

.alf-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.half-nr-box .text {
    display: inline-block; /*display: flex;*/
    flex-direction: column;
    padding: 0 3%;
    width: 94%;
}

    .half-nr-box .text p {
        flex: 1 0 auto;
    }

.half-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media all and (min-width: 640px) {
    .half-nr-box {
        width: 48%;
    }
}

@media (max-width:450px) {
    .half-nr-box {
        display: block;
        width: 100%;
    }
}

/* >>>  Infographic: THIRD NR BOXES  <<< */

.third-nr-box {
    width: 32%;
    margin: 1% 1% 2% 0%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
}

    .third-nr-box .photo {
        min-width: 100%;
    }

        .third-nr-box .photo img {
            width: 100%;
            height: auto;
        }

    .third-nr-box p {
        margin-bottom: 0;
        margin-top: 3px;
    }

    .third-nr-box h3 {
        color: #002663;
        margin-left: 10px;
        font-family: Lato-Regular !important;
    }

    .third-nr-box span {
        background-color: red;
        text-align: right;
        font-weight: bold;
        width: 50px;
    }

    .third-nr-box .count {
        width: 20%;
        text-align: right;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        color: #445780;
    }

    .third-nr-box .count-desc {
        width: 76%;
        display: inline-block;
        padding-left: 3%;
    }

.half-nr-box .text {
    padding: 3%;
}

.third-nr-box .text ul {
    padding-left: 25%;
}

@media (max-width:1000px) {
    .third-nr-box .count {
        width: 20%;
    }

    .third-nr-box .count-desc {
        width: 76%;
    }
}

/* >>>  Infographic: THIRD NR BOXES HEIGHT ADJUSTMENT  <<< */

.third-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.third-nr-box .text {
    display: inline-block; /*display: flex;*/
    flex-direction: column;
    padding: 3%;
    width: 94%;
}

    .third-nr-box .text p {
        flex: 1 0 auto;
    }

.third-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:790px) {
    .third-nr-box {
        display: block;
        width: 100%;
    }
}

/* >>>  Infographic: PERCENTAGE BOXES  <<< */

.dti-boxes-wrapper {
}

.dti-box {
    background-color: #edf1f5;
    margin-bottom: 10px;
    width: 100%;
    background: #edf1f5 url(/Portals/_default/Infographics/img/dot.png) 0 25px repeat-x;
    position: relative;
}

.value-one {
    padding: 1% 2%;
    background-color: #edf1f5;
    display: inline-block;
}

.value-two {
    text-align: right;
    padding: 1% 2% 1% 2%;
    position: absolute;
    top: 1%;
    right: 0;
    z-index: 1;
    background-color: #edf1f5;
    background: #edf1f5 url(/Portals/_default/Infographics/img/arrow-right-on-grey.png) no-repeat left 16px;
}

.dti-box h3 {
    color: #002663;
    font-size: 45px;
    font-weight: 400;
    margin: 0;
    font-family: Lato-Regular !important;
}

.value-two h3 {
    padding-left: 10px;
}

.value-one-desc {
    width: 47.5%;
    padding-left: 2%;
    display: inline-table;
}

.value-two-desc {
    width: 50.5%;
    display: inline-table;
    text-align: right;
    padding-right: 2%;
}

.value-single-desc {
    width: 98%;
    text-align: right;
    padding-right: 2%;
    display: inline-table;
}

/*.value-single-desc p {
        margin-top: -10px;
    }*/

.value-one-desc p, .value-two-desc p {
    margin-top: -10px;
}

.value-one-desc h5, .value-two-desc h5 {
    color: #002663;
}

@media (max-width:790px) {
    .arrow-right {
        bottom: 10px !important;
    }

    .value-one-desc {
        width: 46.5%;
    }

    .dti-box {
        background: #edf1f5 url(/Portals/_default/Infographics/img/dot-small.png) 0 20px repeat-x;
    }

    .value-two {
        background: #edf1f5 url(/Portals/_default/Infographics/img/arrow-right-on-grey.png) no-repeat left 9px;
    }
}

/* >>>  Infographic: PERCENTAGE BOXES MOBILE  <<< */

@media (max-width:690px) {
    .dti-box h3 {
        font-size: 24px;
        margin-top: 5px;
    }

    .arrow-right {
        width: 11px;
        height: 20px;
        bottom: 11px;
    }
}

/* >>>  Infographic: INFO TABLE  <<< */

.info-table-head {
    text-align: center;
    overflow: hidden;
}
/* IE infographic fixes */
@media screen and (min-width:0\0) {
    .info-table-quarter {
        width: 23.6% !important;
    }

    .info-table-head {
        width: auto;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .info-table-head {
        width: 75.3%;
    }
}

.info-table-head.quarter {
    width: 75.5%;
}

.info-table-head.thirds {
    width: 67% !important;
}

.info-table-head.halves {
    width: 55.5%;
}

.info-table-quarter {
    width: 23.8%;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
    text-align: center;
}

.info-table-half {
    width: 48%;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.info-table-sixth {
    width: 15%;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
    text-align: center;
}

.info-table {
    display: flex;
    flex-wrap: wrap;
}

.info-table-quarter h3 {
    color: #002663;
    font-size: 45px;
    font-weight: 400;
    margin: 0px;
    font-family: Lato-Regular !important;
}

.info-table-quarter p {
    margin-bottom: 0;
    margin-top: 10px;
}

@media (max-width:690px) {
    .info-table-quarter {
        width: 46% !important;
    }

        .info-table-quarter h3 {
            font-size: 24px;
            margin-top: 5px;
        }
}
/* >>>  Infographic: INFO TABLE DOTTED LINES HALVES  <<< */

.info-table-head.halves {
    margin-left: 24.5%;
    margin-right: 26%;
}

.info-table-line.halves {
    height: 54px;
    display: inline-block;
    margin-bottom: 10px;
    width: 49%;
    background: url(../images/arrow-down-on-white.png) 50% 100% no-repeat, url(../images/dot.png) 50% repeat-y;
}

@media (max-width:790px) {
    .info-table-head.halves {
        margin-left: 24.5%;
        margin-right: 26%;
    }

    .info-table-line.halves {
        background: url(../images/arrow-down-on-white.png) 50% 100% no-repeat, url(../images/dot-small.png) 50% repeat-y;
        width: 49%;
    }
}

@media (max-width:500px) {
    .info-table-line.halves {
        display: none;
    }

    .info-table-halves {
        width: 100%;
    }
    .education-half {
        width: 100%;
    }
}
/* >>>  Infographic: INFO TABLE DOTTED LINES QUARTERS  <<< */

.info-table-head {
    background: url(/Portals/_default/Infographics/img/dot.gif) bottom repeat-x;
    margin-left: 12%;
    margin-right: 12.7%;
}

.info-table-lines {
    width: 100%;
    float: none;
}

.info-table-line.quarter {
    height: 54px;
    width: 24.7%;
    display: inline-block;
    margin-bottom: 10px;
    background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot.gif) 50% repeat-y;
}

@media (max-width:790px) {
    .info-table-line.quarter {
        width: 24.6%;
        background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot-small.png) 50% repeat-y;
    }
}

@media (max-width:690px) {
    .info-table-line.quarter {
        display: none;
    }

    .info-table-head.quarter {
        background: none;
    }
}

/* >>>  Infographic: INFO TABLE DOTTED LINES SIXTHS  <<< */

div.info-table-head.sixths {
    background: url(/Portals/_default/Infographics/img/dot.gif) bottom repeat-x;
    margin-left: 8% !important;
    margin-right: 10.5%;
    width: 100%;
}

.info-table-line.sixths {
    height: 54px;
    width: 16%;
    display: inline-block;
    margin-bottom: 10px;
    background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot.gif) 50% repeat-y;
}

@media (max-width:999px) {
    div.info-table-head.sixths {
        background: url(/Portals/_default/Infographics/img/dot-small.png) bottom repeat-x;
        margin-left: 8% !important;
        margin-right: 10.5%;
    }

    .info-table-line.sixths {
        background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot-small.png) 50% repeat-y;
    }

    .info-table-sixth h5, .info-table-sixth li {
        font-size: 13px;
    }

    .info-table-sixth ul {
        margin-left: 9px;
    }
}

@media (max-width:690px) {
    .info-table-line.sixths {
        display: none;
    }

    .info-table-head.sixths {
        background: none;
    }
}

/* >>>  Infographic: INFO TABLE TWO  <<< */

.info-table-two-wrapper {
}

.info-table-two table {
    width: 100%;
    border-spacing: 0px;
}

.info-table-two td, .info-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px;
}

.text-left {
    text-align: left !important;
}

.info-table-two th {
    color: #002663;
    padding-bottom: 10px;
}

.info-table-two td {
    background-color: #edf1f5;
    border-top: 5px solid #fff;
}

.info-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #fff !important;
}

.blue {
    color: #002663;
}

.info-table-two.left-align td, .info-table-two.left-align th {
    text-align: left;
}

@media (max-width:790px) {
    .info-table-two td, .info-table-two th {
        padding: 5px;
    }
}

/* >>> Infographic: INFO TABLE THREE  <<< */

td.indent {
    padding-left: 50px;
}

.sub-row td {
    border-top: 2px dotted #fff !important;
}

@media (max-width:690px) {
    td.indent {
        padding-left: 20px;
    }
}


/* >>>  Infographic: INFO TABLE THIRDS  <<< */

.info-table-third {
    width: 32% !important;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #edf1f5;
    vertical-align: top;
    padding-bottom: 20px;
    text-align: center;
}

    .info-table-third h3 {
        color: #002663;
        font-size: 45px;
        font-weight: 400;
        /*margin: 0px;*/
    }

    .info-table-third p {
        margin-bottom: 0;
    }

@media (max-width:690px) {

    .info-table-third h3 {
        font-size: 24px;
        margin-top: 5px;
    }
}

/* >>>  Infographic: INFO TABLE DOTTED LINES THIRDS  <<< */

.info-table-head.thirds {
    margin-left: 16%;
    margin-right: 16.5%;
}

.info-table-line.thirds {
    height: 54px;
    display: inline-block;
    margin-bottom: 10px;
    width: 33%;
    background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot.gif) 50% repeat-y;
}

@media (max-width:790px) {
    .info-table-head.thirds {
        margin-left: 16%;
        margin-right: 18%;
    }
}

@media (max-width:790px) {
    .info-table-head {
        background: url(/Portals/_default/Infographics/img/dot-small.png) bottom repeat-x;
    }

    .info-table-line.thirds {
        background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) 50% 100% no-repeat, url(/Portals/_default/Infographics/img/dot-small.png) 50% repeat-y;
        width: 32%;
    }
}

@media (max-width:500px) {
    .info-table-line.thirds {
        display: none;
    }

    .info-table-head {
        background: none;
    }

    .info-table-third {
        width: 100%;
    }
}

/* >>>  Infographic: INFO IMAGES  <<< */

.info-container img {
    max-width: 100%;
    height: auto;
}

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

@media (max-width:790px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}

@media (min-width:791px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }
}
/* >>> Infographic: ORGANOGRAM  <<< */

.one-person {
    width: 100%;
    text-align: center;
}

.two-persons {
    width: 50%;
    float: left;
    text-align: center;
}
/*
.two-persons.one {
    padding-right: 5%;
}

.two-persons.two {
    padding-left: 5%;
}
*/
.two-persons-down {
    width: 50%;
    float: left;
}

.person img {
    max-width: 100%;
    padding: 0 2%;
}

.one-person-down, .two-persons-down {
    background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) no-repeat 50% 100%, url(/Portals/_default/Infographics/img/dot.gif) repeat-y 50% 0;
    height: 60px;
    margin-bottom: 10px;
}

.two-persons-top-line {
    background: url(/Portals/_default/Infographics/img/dot.gif) repeat-x 10px 11px;
    height: 10px;
    display: block;
    margin-left: 24.8%;
    margin-right: 24.8%;
    padding-top: 20px;
}

.person h4, .person p {
    margin-top: 0;
    margin-bottom: 7px;
}

.person {
    padding-bottom: 10px;
}

@media (max-width:690px) {
    .one-person-down, .two-persons-down {
        background: url(/Portals/_default/Infographics/img/arrow-down-on-white.png) no-repeat 50% 100%, url(/Portals/_default/Infographics/img/dot-small.png) repeat-y 50% 0;
    }


    .two-persons-top-line {
        background: url(/Portals/_default/Infographics/img/dot-small.png) repeat-x 10px 11px;
    }

    .one-person img {
        max-width: 50%;
    }
}
/* Infographic: Vaccination list */
.vaccination-list li:after {
    content: ";";
}

/*.vaccination-list li:before {
    content: "?";
    padding-right: 5px;
}
    */

.vaccination-list li {
    display: inline;
    padding-right: 5px;
}

ul.vaccination-list {
    margin-left: 0 !important;
}
/* >>>   INFOGRAPHIC FIXES   <<< */

/* Infographic: Firefox only */
@media screen and (min--moz-device-pixel-ratio:0) {
    .third-nr-boxes-wrapper div, .blue-icon-wrapper div .info-table-third {
        margin-bottom: 10px;
    }

    .info-table-quarter {
        margin-bottom: 2px;
    }

    .blue-icon-box {
        margin-bottom: 10px;
    }

        .blue-icon-box p {
            margin-bottom: 10px;
        }
}
/* Infographic: Safari only */

.info-table-head {
    (;width: auto;);
}

    .info-table-head.thirds {
        (;padding-bottom: 10px;);
    }

    .info-table-head.quarter {
        (;padding-bottom: 10px;);
    }

.info-table-line.thirds:nth-child(4) {
    (;url(/Portals/_default/Infographics/img/arrow-down-on-white.png) bottom left no-repeat, url(/Portals/_default/Infographics/img/dot.gif) 10px repeat-y;);
}

@media (max-width:690px) {
    .third-nr-box {
        (;width: 100%;);
    }
}

@media (min-width:691px) {
    .third-nr-box {
        (;width: 31.1%;);
    }

    .info-table-quarter {
        (;width: 20.9%;);
    }
}

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

.border-table table {
    border-spacing: 2px;
    border-color: #fff;
}
/* legend color-profile infographic styles */




/*====----  Hospital details  ----====*/

/* Bed count */
.bed-count {
    background: #002663;
    background-size: 40%;
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    color: #fff !important;
    padding: 10px;
    z-index: 1;
}

.bed-counter {
    position: relative;
    width: 100%;
    max-width: 796px;
    height: auto;
}

.bed-count p:first-child {
    color: #fff !important;
    font-size: 34px;
    background: url(/Portals/_default/Infographics/img/icon-hospital-bed-01.png) right -5px no-repeat;
    min-height: 40px;
    background-size: 40%;
    padding-top: 7px;
    margin-bottom: 3px;
}

.bed-count p:nth-child(2) {
    color: #fff !important;
    margin-bottom: 0;
}

.bed-counter img {
    width: 100%;
}
/* Structure */
.top-left {
    width: 66.66666667%;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}

.top-right {
    width: 33.33333333%;
    display: inline-block;
    padding-left: 15px;
    margin-left: -3px;
    vertical-align: top;
    padding-top: 68px;
}
/* Sidebar */

.hospital-management, .hospital-address {
    margin-top: 20px;
}


    .hospital-address h4, .hospital-customer-care h4, .online-bookings h4, .hospital-management h4 {
        margin-bottom: 5px;
    }

    .hospital-address p, .hospital-customer-care p, .hospital-management p, .hospital-customer-care h6, .hospital-management h6 {
        margin-bottom: 0;
    }

.hospital-address-left {
    width: 12%;
    float: left;
    font-weight: bold;
}

.hospital-address-right {
    width: 88%;
    float: left;
}

.hospital-address p a {
    width: 100%;
    margin-bottom: 12px;
    display: inline-block;
}


.hospital-customer-care {
    margin-top: 11px;
    /*background: #edf1f5;
    padding: 10px 15px;*/
}

    .hospital-customer-care h6 {
        margin-top: 12px !important;
    }

.physical-address {
    margin-bottom: 12px;
}

.postal-address {
    margin-bottom: 12px;
}

.online-bookings {
    margin-top: 20px;
    margin-bottom: 34px;
}

    .online-bookings p {
        margin-bottom: 8px;
    }

.online-booking-link {
    background-color: #ceb36c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 70% !important;
    padding: 10px;
    text-align: center;
    display: block;
}

    .online-booking-link:hover {
        background-color: #bba365;
    }

a.online-booking-link {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
}


.hospital-management h6 {
    /*margin-top: 12px !important;*/
}

.management-section {
    margin-bottom: 12px;
}

@media ( max-width: 768px ) {
    .hospital-address, .hospital-management {
        margin-bottom: 10px;
    }
}
/* arrow box */
.medical-disciplines, .arrow-box-mobile {
    margin-top: 20px;
}

.arrow-box-left-medical, .arrow-box-left, .arrow-box-left-ancilliary-services {
    margin-top: 30px;
    width: 66.66666667%;
    border-top: 1px solid #ebebeb;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
}

.arrow-box-mobile {
    display: none;
}

.NoArrowNoClick {
    width: 23%;
    border-bottom: 1px solid #ebebeb;
    margin-top: -1px;
    margin-right: 1%;
    padding-left: 1%;
    display: inline-block;
    vertical-align: middle;
    min-height: 60px;
    pointer-events: none;
}

    .NoArrowNoClick a {
        font-family: Lato-Bold;
        font-size: 14px !important;
        color: #bba365 !important;
        width: 100%;
        float: left;
        line-height: 14px;
        padding-right: 25px;
        position: relative;
        top: 50%;
        transform: perspective(1px) translateY(-50%);
        margin-top: 30px;
        margin-bottom: -20px;
        pointer-events: none;
    }

.arrow-box-trigger-medical, .arrow-box-trigger-specialized-facilities, .arrow-box-trigger-ancilliary-services, .arrow-box-trigger-gf-services, .arrow-box-trigger-wh-services {
    width: 23%;
    border-bottom: 1px solid #ebebeb;
    margin-top: -1px;
    margin-right: 1%;
    padding-left: 1%;
    background: url('../images/GoldArrow.png') no-repeat 95% 50%;
    display: inline-block;
    vertical-align: middle;
    min-height: 60px;
}

.arrow-box-trigger-medical-active, .arrow-box-trigger-specialized-facilities-active, .arrow-box-trigger-ancilliary-services-active, .arrow-box-trigger-gf-services-active, .arrow-box-trigger-wh-services-active {
    width: 23%;
    border-bottom: 1px solid #ebebeb;
    margin-top: -1px;
    margin-right: 1%;
    padding-left: 1%;
    background: #bba365 url('../images/WhiteArrow.png') no-repeat 95% 50%;
    display: inline-block;
    vertical-align: middle;
    min-height: 60px;
}

.arrow-box-trigger-medical a, .arrow-box-trigger-specialized-facilities a, .arrow-box-trigger-ancilliary-services a, .arrow-box-trigger-gf-services a, .arrow-box-trigger-wh-services a {
    font-family: Lato-Bold;
    font-size: 14px !important;
    color: #bba365 !important;
    width: 100%;
    float: left;
    line-height: 14px;
    padding-right: 25px;
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    margin-top: 30px;
    margin-bottom: -20px;
}

    .arrow-box-trigger-medical a:hover, .arrow-box-trigger-specialized-facilities a:hover, .arrow-box-trigger-ancilliary-services a:hover, .arrow-box-trigger-gf-services a:hover, .arrow-box-trigger-wh-services a:hover {
        font-family: Lato-Bold;
        font-size: 14px !important;
        color: #002663 !important;
        width: 100%;
        float: left;
        line-height: 14px;
        padding-right: 25px;
    }

.arrow-box-trigger-medical-active a, .arrow-box-trigger-specialized-facilities-active a, .arrow-box-trigger-ancilliary-services-active a, .arrow-box-trigger-gf-services-active a, .arrow-box-trigger-wh-services-active a {
    font-family: Lato-Bold;
    font-size: 14px !important;
    color: #fff !important;
    width: 100%;
    float: left;
    line-height: 14px;
    padding-right: 25px;
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    margin-top: 30px;
    margin-bottom: -20px;
}

.arrow-box-right {
    width: 33.33333333%;
    display: inline-block;
    padding: 15px;
    margin-left: -3px;
    vertical-align: top;
    margin-top: 15px;
}

.arrow-box-results {
    background: #edf1f5;
    overflow: auto;
    padding: 20px;
}

.arrow-box-results-mobile {
    margin: 20px 0;
    background: #edf1f5;
    overflow: auto;
    padding: 20px;
}

    .arrow-box-results p:last-child, .arrow-box-results-mobile p:last-child {
        padding-bottom: 20px;
        display: flex;
        width: 100%;
    }

    .arrow-box-results h6, .arrow-box-results-mobile h6 {
        margin-bottom: 3px;
        margin-top: 6px;
        width: 100%;
        display: inline-block;
    }

    .arrow-box-results p, .arrow-box-results-mobile p {
        margin-bottom: 0;
    }

.clinic-address-left {
    width: 12%;
    float: left;
}

.clinic-address-right {
    width: 88%;
    float: left;
}
.doctor-email-address a {
    background: url(../images/email-blue.svg) no-repeat 1px;
    padding-left: 22px;
}

.doctor-website-address {
    background: url(../images/www-blue.svg) no-repeat 1px;
    padding-left: 22px;
   
}

.doctor-telephone {
    background: url(../images/contact.svg) no-repeat 1px;
    padding-left: 22px;
}

.doctor-fax {
    background: url(../images/fax.svg) no-repeat 1px;
    padding-left: 22px;
}
.hospital-info-box {
    width: 100%;
}

.hospital-info {
    width: 24%;
    padding-right: 30px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
    padding-top: 10px;
}

    .hospital-info h5 {
        margin-bottom: 3px;
    }

#arrow-box-results-general-facilties, #arrow-box-wards {
    display: none;
}

/* alex's home page fix */

.HomeCSIBlock {
    background: #fff url("../images/home-thumb-patient-experience.jpg") no-repeat center center;
    background-size: cover;
    min-height: 160px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .HomeCSIBlock:hover .SliderBlock {
        height: 100%;
        background: rgba(0,38,99,0.6);
        padding: 10px 30px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .HomeCSIBlock .SliderBlock p {
        color: #fff;
        margin-bottom: 5px;
    }

/*====----  Sitemap  ----====*/

.jstree-default-large > .jstree-container-ul > .jstree-node:first-child {
    display: none;
}

.jstree-default-large .jstree-icon.jstree-themeicon {
    background: url("/Portals/_default/Images/Folder-Icon.png") no-repeat left top !important;
}

.jstree > .jstree-container-ul > .jstree-node > .jstree-anchor {
    font-family: Lato-Bold;
    color: #002663;
}

/*====----  Page Scroller  ----====*/

#PageScroller {
    height: auto;
    width: 550px;
    position: relative;
    margin-bottom: 20px;
    z-index: 5;
}

    #PageScroller .TextBox {
        padding: 20px 25px;
        font-size: 18px;
        background: #8ebae5 url('../images/DropdownArrow.png') no-repeat 97% center;
        color: #fff;
    }

        #PageScroller .TextBox:hover {
            cursor: pointer;
        }

    #PageScroller .DropDown {
        height: auto;
        left: 0;
        right: 0;
        z-index: 4;
        background: #edf1f6;
        position: absolute;
        display: none;
    }

        #PageScroller .DropDown a {
            display: block;
            padding: 10px 25px;
        }

            #PageScroller .DropDown a:hover {
                background: #eaeaea;
            }

@media (max-width: 766px) {
    #PageScroller {
        width: 100%;
    }

    .FixedTop {
        position: relative !important;
        top: 0;
    }
}

/*====----  Social media icons  ----====*/

#sthoverbuttons div, #sthoverbuttons dl, #sthoverbuttons dt, #sthoverbuttons dd, #sthoverbuttons ul, #sthoverbuttons ol, #sthoverbuttons li, #sthoverbuttons h1, #sthoverbuttons h2, #sthoverbuttons h3, #sthoverbuttons h4, #sthoverbuttons h5, #sthoverbuttons h6, #sthoverbuttons pre, #sthoverbuttons code, #sthoverbuttons form, #sthoverbuttons fieldset, #sthoverbuttons legend, #sthoverbuttons input, #sthoverbuttons textarea, #sthoverbuttons p, #sthoverbuttons blockquote {
    margin: 0;
    padding: 0;
}

#sthoverbuttons {
    cursor: pointer;
    font: 11px Helvetica,Tahoma,Arial;
    margin-left: -7px;
    position: fixed;
    top: 35%;
    width: 50px;
    z-index: 980000 !important;
}

.sthoverbuttons-pos-left {
    left: 0;
}

.sthoverbuttons-pos-right {
    right: 0;
}

#sthoverbuttons #sthoverbuttons-color {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 985000;
}

#sthoverbuttons #sthoverbuttons-top {
    height: 5px;
    width: 100%;
}

#sthoverbuttons #sthoverbuttons-bottom {
    height: 10px;
    width: 100%;
}

#sthoverbuttons #sthoverbuttons-shade {
    height: 100%;
    width: 100%;
}

#sthoverbuttons #sthoverbuttons-background {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990000;
}

#sthoverbuttons .sthoverbuttons-background-l {
    left: 7px;
}

#sthoverbuttons .sthoverbuttons-background-r {
    right: -3px;
}

#sthoverbuttons .sthoverbuttons-label {
    color: #585858;
    cursor: default;
    margin: 5px;
}

#sthoverbuttons #sthoverbuttonsMain {
    padding: 7px;
    position: relative;
    width: 30px;
    z-index: 1000000;
}

#sthoverbuttons .sthoverbuttonsMain-l {
    float: left;
}

#sthoverbuttons .sthoverbuttonsMain-r {
    float: right;
}

#sthoverbuttons #sthoverbuttonsPromoTab {
    height: 42px;
    width: 50px;
}

#sthoverbuttons .sthoverbuttons-adContainer-l {
    display: none;
    left: -232px;
    position: absolute;
}

#sthoverbuttons .sthoverbuttons-adContainer-r {
    display: none;
    left: 10px;
    position: absolute;
}

#sthoverbuttons .sthoverbuttons-window {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #373737;
    border-radius: 2px;
    height: 250px;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 988000;
}

#sthoverbuttons .sthoverbuttons-stCloseNew-l {
    left: 285px;
}

#sthoverbuttons .sthoverbuttons-stCloseNew-r {
    left: -12px;
}

.sthoverbuttons-black_overlay {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 982000;
}

/*====----  Hospitals specialists  ----====*/

.location-doctor-panel {
    margin-bottom: 6px;
}

    .location-doctor-panel .panel-default {
        border: none;
        border-radius: 0;
        background: none;
        box-shadow: none;
    }

        .location-doctor-panel .panel-default > .panel-heading.collapsed {
            width: 100%;
            display: block;
            background: none;
            border: none;
            padding: 10px;
            padding-left: 0;
            text-align: left;
            border-radius: 0;
            outline: none;
            border: none;
        }

        .location-doctor-panel .panel-default > .panel-heading {
            background-color: transparent;
            width: 100%;
            display: block;
            background: none;
            border: none;
            padding: 10px;
            padding-left: 0;
            text-align: left;
            border-radius: 0;
            outline: none;
            border: none;
        }

            .location-doctor-panel .panel-default > .panel-heading h4 {
                color: #bba365 !important;
                background: url(../images/GoldArrow.png) no-repeat right center;
                padding-right: 22px;
                display: table !important;
                font-size: 14px;
                margin: 0;
                line-height: 14px;
                text-transform: uppercase;
            }

                .location-doctor-panel .panel-default > .panel-heading h4:hover {
                    color: #002663 !important;
                    padding-right: 25px;
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    -o-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

    .location-doctor-panel .panel-body {
        padding: 0;
        background: none;
        border-top: none !important;
        border: none;
        border-color: transparent;
    }

        .location-doctor-panel .panel-body span, .location-doctor-panel .panel-body a {
            display: block;
        }

            .location-doctor-panel .panel-body a:hover {
                color: #666;
            }

.locations-p {
    display: inline-block;
}

/*.DoctorGT span,
.DoctorKZN span,
.DoctorWC span {
    display: block;
    color: #fff;
}

.DoctorGT a,
.DoctorKZN a,
.DoctorWC a {
    display: block;
    color: #fff;
}

.HospSpecialistBtn {
    width: 100%;
    background: none;
    border: none;
    display: block;
    color: #666666;
    padding: 10px;
    text-align: left;
    border-radius: 0;
    outline: none;
}

    .HospSpecialistBtn:hover {
        background: #8ebae5;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .HospSpecialistBtn:active,
    .HospSpecialistBtn:focus {
        background: #8ebae5;
        color: #fff;
    }

.DoctorDetails1,
.DoctorDetails2,
.DoctorDetails3,
.DoctorDetails4,
.DoctorDetails5,
.DoctorDetails6,
.DoctorDetails7,
.DoctorDetails8,
.DoctorDetails9,
.DoctorDetails10,
.DoctorDetails11,
.DoctorDetails12 {
    padding: 10px 0 10px 10px;
    background: #8ebae5;
}*/

.SpecPractice {
    font-style: italic;
    margin-bottom: 10px;
}

.SpecNumber {
    margin-bottom: 10px;
}

.SpecEmail {
    font-weight: bold;
    margin-bottom: 10px;
}

.SpecAddress {
    margin-bottom: 10px;
}

/*====----  Location  ----====*/

#LocationComponent {
    padding: 5px 0 5px 150px;
}

    #LocationComponent .hospitalLocation {
        font-size: 13px;
        font-family: Lato-regular;
        text-transform: uppercase;
    }

        #LocationComponent .hospitalLocation .dash {
            margin: 0 5px;
        }

        #LocationComponent .hospitalLocation a {
            color: #002663;
            font-size: 13px;
            font-family: Lato-Bold;
        }

/*====----  Loader  ----====*/

#name-loader {
    position: absolute;
    width: 22px;
    bottom: 27px;
    left: 75%;
    margin: 0 0 0px -8px;
}

    #name-loader span {
        display: table-cell;
        width: 4px;
        height: 18px;
        animation: loading1 1s ease-in-out infinite;
        margin-left: 3px;
        padding-left: 3px;
        float: left;
    }

        #name-loader span:nth-child(1) {
            background-color: #8ebae5;
            animation-delay: 0;
        }

        #name-loader span:nth-child(2) {
            background-color: #8ebae5;
            animation-delay: 0.09s;
        }

        #name-loader span:nth-child(3) {
            background-color: #8ebae5;
            animation-delay: .18s;
        }

@keyframes loading1 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1, 2.2);
    }

    40% {
        transform: scale(1);
    }
}



.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
    column-gap: 20px;
}

@media (max-width:1200px) {
    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }
}

@media (max-width:992px) {
    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }
}

@media (max-width:768px) {
    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }
}

@media (max-width:510px) {
    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }
}

/* SEO lists */

.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
    column-gap: 20px;
}

@media (max-width:1200px) {
    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }
}

@media (max-width:992px) {
    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }
}

@media (max-width:768px) {
    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }
}

@media (max-width:510px) {
    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }
}

/* SEO lists */

.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
}

@media (max-width:1200px) {
    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }
}

@media (max-width:992px) {
    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
    }
}

@media (max-width:768px) {
    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }
}

@media (max-width:510px) {
    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }
}

.listing-columns li {
    list-style: none !important;
    display: inline-block;
    padding-bottom: 15px;
}

.listing-columns span {
    display: inline-block !important;
    width: 100%;
}

.Netcare-super-lists-item {
    font-size: 14px;
}

    .Netcare-super-lists-item a {
        color: #8ebae5;
    }

        .Netcare-super-lists-item a:hover {
            color: #bba365;
            cursor: pointer;
        }

span.Netcare-super-lists-additional-info,
span.Netcare-super-lists-contact-number {
    font-size: 11px !important;
    margin-top: 0;
    color: #999 !important;
    padding-bottom: 0;
    margin-bottom: 3px;
    LINE-HEIGHT: 13px;
}

span.Netcare-super-lists-contact-number {
    margin-top: 1px;
}

.Netcare-super-list-group ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.Netcare-super-lists .LineHeader {
    margin-top: 14px;
    margin-bottom: 30px;
}

#Hospital, #Clinic, #Doctor {
    padding: 10px 0 0 0;
    !important;
}

#Specialist {
    padding: 10px 0 10px 0;
}

    #Hospital .HospitalWrapper, #Specialist .SpecialistsWrapper, #Clinic .ClinicWrapper, #Doctor .DoctorsWrapper, #Densits .FilterWrapper {
        padding: 10px 0;
    }

/* Styles for Medical conditions, procedures and health-related tips */

#hccMediaContent {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    #hccMediaContent select, #hccMediaContent input {
        font-size: 16px !important;
        font-family: Lato-regular !important;
        color: #666 !important;
        border-radius: 0px !important;
        border: 0px none !important;
        background: #edf1f5 !important;
        box-shadow: none !important;
        padding: 13px !important;
        height: auto !important;
        border: 2px solid #edf1f5 !important;
        width: 100% !important;
        margin-top: 5px;
    }

    #hccMediaContent .btn.btn-default {
        background: #bba365 !important;
        border: 0px none !important;
        padding: 15px 10px !important;
        margin-top: 5px !important;
        font-size: 16px !important;
        color: #fff !important;
        border-radius: 0px 5px 5px 0px !important;
    }

        #hccMediaContent .btn.btn-default:hover {
            background: #ceb36c !important;
        }

        #hccMediaContent .btn.btn-default:focus {
            outline: none;
        }

    #hccMediaContent .thumbnail {
        border-radius: 0;
    }

    #hccMediaContent .btn-primary.btn-block {
        font-family: Lato-Bold;
        font-size: 12px !important;
        color: #bba365 !important;
        text-transform: uppercase;
        background: url(../images/GoldArrow.png) no-repeat right center;
        padding-right: 22px;
        display: table !important;
        border: none;
        text-align: left;
        width: auto;
        padding-left: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    #hccMediaContent .btn-block:hover {
        padding-right: 26px;
    }

    #hccMediaContent .btn.btn-success.btn-block {
        background: #8ebae5 !important;
        border: 0px none !important;
        padding: 10px 10px !important;
        margin-top: 5px !important;
        font-size: 18px !important;
        color: #fff !important;
        border-radius: 5px !important;
        width: 97%;
    }

    #hccMediaContent .btn:focus {
        outline: none;
    }

    #hccMediaContent h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #hccMediaContent h4 {
        font-size: 15px;
        color: #666;
        margin-bottom: 8px;
    }

    #hccMediaContent #hccMediaItems {
        padding-top: 35px;
    }


/* New articles list styling */

@media (max-width: 766px) {
    .NewsListingItem div:nth-child(2) {
        padding-left: 0;
    }
}

.NewsListingItem .Subheading p {
    max-height: 33px;
    line-height: 18px;
    margin-top: 7px;
}


.NewsListingItem {
    padding-right: 5%;
}

@media (max-width: 990px) {
    .NewsListingItem {
        padding-right: 0;
    }
}

.NewsListingItem .Heading {
}

    .NewsListingItem .Heading:hover {
        color: #bba365;
        cursor: pointer;
    }

.ArticlePublishDate {
    color: #afafaf;
    font-size: 14px;
    font-style: normal;
}
/* Year divider */

.NewsListing .LineHeader {
    margin-bottom: 57px;
}


/*And this */
.yearSelector {
    margin-bottom: 50px;
    margin-top: 20px;
}

    .yearSelector select {
        font-size: 16px !important;
        font-family: Lato-regular !important;
        color: #666 !important;
        border-radius: 0px !important;
        border: 0px none !important;
        background: #edf1f5 !important;
        box-shadow: none !important;
        padding: 13px !important;
        height: auto !important;
        border: 2px solid #edf1f5 !important;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 100% !important;
    }

    .yearSelector label {
        font-size: 16px;
        font-family: Lato-Bold;
        color: #26405c;
        margin-bottom: 8px !important;
        display: block !important;
        width: 100% !important;
    }

#navbar .nav > li > a {
    max-width: 153px;
}
/* Top nav adjustments */

@media (max-width: 1200px) {
    #navbar .nav > li > a {
        padding: 20px 8px !important;
    }
}

@media (max-width: 990px) {
    #navbar .nav > li > a {
        font-size: 12px !important;
        padding: 20px 7px !important;
    }

    #navbar .nav {
        margin-left: -20px;
    }

        #navbar .nav > li > a {
            max-width: 110px;
        }
}

@media (max-width: 767px) {
    #navbar .nav {
        margin-left: 5px;
    }
}

/* Vacancies listing tags */
.search-filter-labels {
    margin-top: 15px;
    margin-bottom: 25px;
}

    .search-filter-labels .alert-secondary {
        background: #8ebae5;
        color: #fff;
        border: none;
        display: inline-block;
    }

    .search-filter-labels .alert {
        padding: 10px 30px 8px 10px;
    }

/* Services nav */

.special-services-nav .wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
}

.special-services-nav .collapse.in {
    /*margin-top: -10px;*/
}

.special-services-nav select {
    font-size: 14px !important;
    font-family: Lato-regular !important;
    color: #666 !important;
    border-radius: 0px !important;
    border: 0px none !important;
    background: #edf1f5 !important;
    box-shadow: none !important;
    padding: 13px !important;
    height: auto !important;
    border: 2px solid #edf1f5 !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100% !important;
    margin-top: 10px;
    width: 100%;
    max-width: 360px;
    display: block;
}

.special-services-nav hr {
    opacity: 0.2;
    margin-top: 30px;
}

.special-services-nav section {
    width: 24%;
    display: inline-table;
    margin: 10px 0 !important;
}


.special-services-nav section.wards-section {
    width: 100%;
}

.special-services-nav .visiting-hours-section {
    width: 15%;
    display: inline-block;
}

.special-services-nav .visiting-hours-info {
    margin-top: 10px;
}

.special-services-nav ul.nav-tabs {
    width: 100%;
    box-shadow: none;
    border: none;
    margin-left: 0px;
}

    .special-services-nav ul.nav-tabs li:last-child a,
    .special-services-nav ul.nav-tabs li:first-child a {
        border-radius: 0;
    }

.special-services-nav button {
    width: calc(33% - 11px);
    text-align: left;
    border: none;
    background: url(../images/arrow-down-grey.png) no-repeat 14px #f8f9fb;
    padding: 10px 5px 10px 28px;
    color: #666 !important;
    margin-right: 2px;
    /*margin-bottom: 6px;*/
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    z-index: 99;
}

    .special-services-nav button:first-child {
        margin-left: 15px;
    }

    .special-services-nav button:last-child {
        margin-right: 15px;
    }

    .special-services-nav button:hover {
        background: url(../images/arrow-down-grey.png) no-repeat 14px;
        color: #8ebae5;
        background-color: #F6F6F6;
    }

.special-services-nav ul.nav-tabs li.active a:hover {
    background-color: #fff;
    color: #8ebae5;
    border-radius: 0;
    border-top: 1px solid #8ebae5;
    border-left: 1px solid #8ebae5;
    border-right: 1px solid #8ebae5;
    border-bottom: 1px solid #fff;
}

.special-services-nav button:focus {
    outline: none;
}

.special-services-nav button.open {
    background: url(../images/arrow-up-blue.png) no-repeat 14px;
    color: #8ebae5 !important;
    background-color: #edf1f6 !important;
    padding-bottom: 10px;
    /*min-height: 47px;*/
    vertical-align: top;
}

.special-services-nav .tab-content {
    border: solid 1px #8ebae5;
    padding: 20px 5px;
    margin-top: -4px;
    margin-right: 8px;
}

.special-services-nav .nav-tabs > li {
    width: calc(25% - 3px);
    margin-right: 2px;
}

    .special-services-nav .nav-tabs > li > a {
        background-color: #8ebae5;
        color: #fff;
        margin-bottom: 4px;
        border-radius: 0px;
        height: 38px;
        line-height: 16px;
        font-size: 14px;
        padding: 10px 15px;
    }

        .special-services-nav .nav-tabs > li > a:hover {
            border: 1px solid #3b649a;
            background-color: #3b649a;
        }

.special-services-nav .tab-content h3 {
    margin-left: 20px;
    color: #8ebae5;
    font-size: 20px;
    margin-bottom: 20px;
}

.special-services-nav .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .special-services-nav .nav-tabs > li.active > a:hover {
    background-color: #fff;
    border-radius: 0;
    color: #8ebae5;
    border-top: 1px solid #8ebae5;
    border-left: 1px solid #8ebae5;
    border-right: 1px solid #8ebae5;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    height: 43px;
}

.special-services-nav .nav-tabs {
    border-bottom: none;
    /*margin-bottom: -10px;*/
}

.special-services-nav .returns {
    padding: 10px 40px 10px 40px;
    color: #666;
    background-color: #edf1f6;
    border-bottom: 5px solid #f1f1f1;
    font-size: 14px;
    margin-bottom: 6px;
    /*margin-top:4px;*/
}

    /*.special-services-nav .returns section div {
        font-size: 12px !important;
    }*/

    .special-services-nav .returns section div a {
        color: #8ebae5;
    }

.special-services-nav .collapse .in {
    background-color: #F1F1F1;
}

.special-services-nav h6 {
    margin-bottom: 3px;
    width: fit-content;
    font-weight: bold;
    font-size: 14px;
}

.special-services-nav button:disabled {
    background-image: none !important;
    opacity: 0.7;
    background-color: transparent !important;
    color: #666 !important;
    cursor: default;
}

.desktop-version-of-returns {
    margin-bottom: 6px;
}

/* Mobile */

.special-services-nav .panel-default .panel-heading {
    background-color: #8ebae5 !important;
}

.special-services-nav .panel-title a {
    color: #fff;
    margin-bottom: 4px;
    font-weight: bold;
    border-radius: 0px;
}

@media (max-width: 1200px) {
    .special-services-nav button {
        line-height: 14px;
        height: 55px;
        vertical-align: top;
        margin-bottom: -1px;
    }

    .special-services-nav .nav-tabs > li > a {
        height: 42px;
        padding: 5px 10px;
    }

    .special-services-nav .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .special-services-nav .nav-tabs > li.active > a:hover {
        height: 46px;
    }
}

@media (max-width: 992px) {
    .special-services-nav section {
        width: 33%;
    }
    .special-services-nav .visiting-hours-section {
        width: 24%;
    }

}

@media (max-width: 768px) {

    .mobile-version-nav {
        display: block !important;
    }

    .special-services-nav #tabs {
        display: none;
    }

    .special-services-nav .tab-content {
        display: none;
    }

    .special-services-nav .nav-tabs > li.active > a,
    .special-services-nav .nav-tabs > li.active > a:hover,
    .special-services-nav .nav-tabs > li > a {
        font-size: 12px;
    }

    .special-services-nav .nav-tabs > li {
        width: 100%;
    }

    .special-services-nav ul.nav-tabs {
        margin-left: 0;
    }

    .special-services-nav .nav-tabs > li > a {
        height: 40px;
        margin-bottom: 5px;
    }

    .special-services-nav .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .special-services-nav .nav-tabs > li.active > a:hover {
        border-bottom: 1px solid #8ebae5;
        height: auto !important;
    }

    .special-services-nav section {
        width: 100%;
        padding-bottom: 17px;
    }

        .special-services-nav section.wards-section {
            padding-bottom: 0px;
        }


    .special-services-nav .nav-tabs > li > a {
        min-height: unset;
    }

    .special-services-nav .tab-content {
        margin-top: 10px;
    }

    .special-services-nav button:first-child {
        margin-left: 0;
    }

    .special-services-nav button {
        padding: 10px 5px 10px 26px;
        font-size: 12px;
        width: calc(32% + 1px);
        background: url(../images/arrow-down-grey.png) no-repeat 10px #f8f9fb;
    }

        .special-services-nav button.open {
            background: url(../images/arrow-up-blue.png) no-repeat 10px #edf1f6;
        }

        .special-services-nav button,
        .special-services-nav button.open {
            min-height: 70px;
            margin-bottom: 0;
            vertical-align: top;
            margin-right: 2px;
        }

    .special-services-nav .returns {
        padding: 10px 10px 10px 20px;
        font-size: 12px;
    }

        .special-services-nav .returns section div a {
            font-size: 12px;
        }

    #BodyWrapper .special-services-nav section {
        margin: 10px 0;
    }

    .special-services-nav .wrapper {
        /*padding: 30px 0 0px 0;*/
    }

    .desktop-grouping.returns-group > div.collapse {
        width: calc(97% + 5px);
    }

    .clinic-address-right {
        width: 90%;
    }

    .clinic-address-left {
        width: 10%;
    }
    .special-services-nav .visiting-hours-section {
        width: 100%;
        margin-bottom: 10px;
    }

    .special-services-nav .visiting-hours-info {
        margin-top: 0px;
    }
}

@media (max-width: 430px) {
    .special-services-nav button, .special-services-nav button.open {
        min-height: 80px;
    }

    .special-services-nav button {
        font-size: 12px;
        width: calc(32%);
        background: url(../images/arrow-down-grey.png) no-repeat center 68px #f8f9fb;
        font-weight: 400;
        padding: 5px 5px 11px 5px;
        text-align: center;
    }

        .special-services-nav button:hover {
            background-color: #f8f9fb;
            background: url(../images/arrow-down-grey.png) no-repeat center 68px #f8f9fb
        }

        .special-services-nav button.open {
            background: url(../images/arrow-up-blue.png) no-repeat center 68px #edf1f6;
        }

            .special-services-nav button.open:hover {
                background: url(../images/arrow-up-blue.png) no-repeat center 68px #edf1f6;
            }

        .special-services-nav button.collapsed {
            background-color: #f8f9fb;
            background: url(../images/arrow-down-grey.png) no-repeat center 68px #f8f9fb
        }

            .special-services-nav button.collapsed:hover {
                background-color: #f8f9fb;
                background: url(../images/arrow-down-grey.png) no-repeat center 68px #f8f9fb
            }
}
/* Loader  */

.special-services-nav .loader-bar {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

    .special-services-nav .loader-bar:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 100%;
        height: 4px;
        background-color: #8ebae5;
        animation: loading 2s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.special-services-nav .loading-text {
    opacity: 0.7;
}

/* End of services nav */

.patientssurveyline {
    width: 100%;
    height: 1px;
    background: #979797;
    margin: 30px 0;
}

.SurveyBlueBlock {
    background: #f5f4f1;
    padding: 30px;
}

    .SurveyBlueBlock .col-md-6 {
        padding: 15px 30px;
    }

        .SurveyBlueBlock .col-md-6.secondblock {
            border-left: 1px solid #666666;
        }

@media ( max-width: 1024px ) {
    .SurveyBlueBlock .col-md-6.secondblock {
        border-left: 0px none;
        border-top: 1px solid #666666;
    }
}

.AwardsBlock {
    padding-top: 40px;
}

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

        .AwardsBlock .TopCenter .GoldItalic {
            color: #bba365;
            font-style: italic;
        }

        .AwardsBlock .TopCenter h5 {
            font-family: Lato-Regular;
            font-style: italic;
            color: #666666;
            font-weight: 300;
            padding-bottom: 40px;
        }

.ContactIcons {
    width: 50%;
    margin: 0 auto;
    border-top: 1px solid #979797;
    margin-top: 30px;
}

    .ContactIcons .ContactItem {
        width: 50%;
        display: inline-block;
        margin-right: -4px;
        padding: 20px;
        text-align: center;
    }

        .ContactIcons .ContactItem img {
            margin-bottom: 10px;
        }

input#searchHospital.HospitalsResultsButton {
    display: inline-block;
    background: #bba365 !important;
    border: 1px solid #bba365 !important;
    padding: 10px 100px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    float: left;
    width: 33% !important;
    vertical-align: bottom;
    border-radius: 5px !important;
    margin-top: 38px !important;
    margin-left: 10px;
}

    input#searchHospital.HospitalsResultsButton:hover {
        background: #ceb36c;
    }

@media (max-width: 766px) {
    input #searchHospital.HospitalsResultsButton {
        width: 100% !important;
    }
}

/* Circle Graph */

.HospitalSurveyResultBlueBlock {
    background: #fafaf9;
}

.BigGraph {
    text-align: center;
    padding-top: 30px;
}

    .BigGraph .CirclegraphContainer {
        height: 340px;
        width: 340px;
        position: relative;
        margin: 0 auto;
    }

        .BigGraph .CirclegraphContainer .ct-chart {
            height: 100%;
            width: 100%;
        }

        .BigGraph .CirclegraphContainer .CircleGraphContent {
            width: 260px;
            height: 120px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -60px 0 0 -130px;
        }

            .BigGraph .CirclegraphContainer .CircleGraphContent .BigText {
                font-size: 70px;
                color: #8ebae5;
                margin-bottom: 30px;
                font-weight: bold;
            }

            .BigGraph .CirclegraphContainer .CircleGraphContent h3,
            .BigGraph .CirclegraphContainer .CircleGraphContent h4 {
                margin-bottom: 0px;
            }

            .BigGraph .CirclegraphContainer .CircleGraphContent p span {
                display: block;
            }

    .BigGraph .ManGraphContainer {
        width: 440px;
        height: 110px;
        margin: 0 auto;
    }

        .BigGraph .ManGraphContainer .ManGraph {
            position: relative;
            background: #bdbdbb;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

            .BigGraph .ManGraphContainer .ManGraph img {
                z-index: 10;
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
            }

            .BigGraph .ManGraphContainer .ManGraph .ColorBar {
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: #8ebae5;
                z-index: 9;
            }

    .BigGraph .BottomText {
        margin-bottom: 30px;
    }

        .BigGraph .BottomText h4 {
            color: #666666;
        }

            .BigGraph .BottomText h4 span {
                color: #8ebae5
            }


/*/*PFS Styling for live*/
/*.HospitalSurveyResultBlueBlock {
    background: #F5F4F1;
}
#BigGraph {
    text-align: center;
    padding-top: 30px;
}

    #BigGraph .CirclegraphContainer {
        height: 340px;
        width: 340px;
        position: relative;
        margin: 0 auto;
    }

        #BigGraph .CirclegraphContainer .ct-chart {
            height: 100%;
            width: 100%;
        }

        #BigGraph .CirclegraphContainer .CircleGraphContent {
            width: 260px;
            height: 120px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -60px 0 0 -130px;
        }

            #BigGraph .CirclegraphContainer .CircleGraphContent .BigText {
                font-size: 70px;
                color: #8ebae5;
                margin-bottom: 30px;
                font-weight: bold;
            }

            #BigGraph .CirclegraphContainer .CircleGraphContent h3,
            #BigGraph .CirclegraphContainer .CircleGraphContent h4 {
                margin-bottom: 0px;
            }

            #BigGraph .CirclegraphContainer .CircleGraphContent p span {
                display: block;
            }

    #BigGraph .ManGraphContainer {
        width: 440px;
        height: 110px;
        margin: 0 auto;
    }

        #BigGraph .ManGraphContainer .ManGraph {
            position: relative;
            background: #bdbdbb;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

            #BigGraph .ManGraphContainer .ManGraph img {
                z-index: 10;
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
            }

            #BigGraph .ManGraphContainer .ManGraph .ColorBar {
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: #8ebae5;
                z-index: 9;
            }

    #BigGraph .BottomText {
        margin-bottom: 30px;
    }

        #BigGraph .BottomText h4 {
            color: #666666;
        }

            #BigGraph .BottomText h4 span {
                color: #8ebae5
            }*/ 

/*End of PFS styling for live*/
.SurveyResultsTitle {
    text-align: center;
}

#StatGraphs .StatGrpahItem {
    margin-bottom: 30px;
}

    #StatGraphs .StatGrpahItem .BlockGraph {
        border: solid 1px #8ebae5;
        padding: 20px;
        height: 230px;
    }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon,
        #StatGraphs .StatGrpahItem .BlockGraph .ContentSection {
            display: inline-block;
            vertical-align: top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon {
            width: 20%;
            height: 120px;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .ContentSection {
            width: 80%;
            height: 120px;
            margin-left: -4px;
        }

            #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent {
                height: 70px;
                margin-left: -10px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .CircleStat,
                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .Text {
                    display: inline-block;
                    vertical-align: top;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .CircleStat {
                    width: 20%;
                    height: 100%;
                    margin-right: -4px;
                }

                    #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .CircleStat span {
                        display: block;
                        height: 60px;
                        width: 60px;
                        border-radius: 30px;
                        background: #8ebae5;
                        color: #fff;
                        font-size: 20px;
                        text-align: center;
                        line-height: 59px
                    }

                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .Text {
                    width: 80%;
                }

        #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer {
            width: 100%;
            
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Admission_and_reception, #StatGraphs .StatGrpahItem .BlockGraph .Icon.Reception {
            background: url('/Portals/_default/Images/Admission.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Doctor_score {
            background: url('/Portals/_default/Images/DoctorScore.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Nurse_score {
            background: url('/Portals/_default/Images/NurseScore.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Pain_control {
            background: url('/Portals/_default/Images/Pain.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Room_and_bathroom_environment {
            background: url('/Portals/_default/Images/Room.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Responsive_and_helpful_staff {
            background: url('/Portals/_default/Images/ResponsiveStaff.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Food {
            background: url('/Portals/_default/Images/Food.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Medicine_explanation {
            background: url('/Portals/_default/Images/Medicine.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Recovery_information {
            background: url('/Portals/_default/Images/Recovery.svg') no-repeat left top;
        }

        #StatGraphs .StatGrpahItem .BlockGraph .Icon.Would_recommend {
            background: url('/Portals/_default/Images/Recommend.svg') no-repeat left top;
        }


        #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar {
            height: 40px;
            margin-left: 20%;
            display: block;
            margin-top: 14px;
        }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer {
                width: 80%;
                height: 40px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer > div {
                    height: 100%;
                    display: inline-block;
                    margin-right: -4px;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer .Always {
                    background-color: #0073cf;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer .Usually {
                    background-color: #8ebae5;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer .Sometimes {
                    background-color: #bba365;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer .Never {
                    background-color: #dad69c;
                }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer,
            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .ArrowTop {
                display: inline-block;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .ArrowTop {
                height: 100%;
                width: 20%;
                margin-left: -4px;
                background: url('/Portals/_default/Images/DownArrow.svg') no-repeat center right 30px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .ArrowTop:hover {
                    cursor: pointer;
                }

        #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars {
            width: 100%;
            height: 70px;
            display: none;
        }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper,
            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .ArrowBottom {
                display: inline-block;
                vertical-align: top;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper {
                width: 85%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .ArrowBottom {
                width: 15%;
                margin-left: -4px;
                height: 100%;
                background: url('/Portals/_default/Images/UpArrow.svg') no-repeat center right 30px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .ArrowBottom:hover {
                    cursor: pointer;
                }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div {
                height: 20px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div > div {
                    display: inline-block;
                    margin-right: -4px;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .heading {
                    width: 26%;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .Bars {
                    width: 60%;
                    height: 10px;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .Stat {
                    width: 14%;
                    text-align: right;
                }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .AlwaysNumbers {
                color: #0073cf;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .UsuallyNumbers {
                color: #8ebae5;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .SometimesNumbers {
                color: #bba365;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .NeverNumbers {
                color: #c2be84;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .AlwaysNumbers .heading,
                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .UsuallyNumbers .heading,
                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .SometimesNumbers .heading,
                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .NeverNumbers .heading {
                    text-align: right;
                    padding-right: 10px;
                }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .AlwaysNumbers .Bars .Color {
                background-color: #0073cf;
                height: 100%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .UsuallyNumbers .Bars .Color {
                background-color: #8ebae5;
                height: 100%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .SometimesNumbers .Bars .Color {
                background-color: #bba365;
                height: 100%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper .NeverNumbers .Bars .Color {
                background-color: #dad69c;
                height: 100%;
            }

@media ( max-width: 1200px ) {
    #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .heading {
        width: 33%;
    }

    #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .Bars {
        width: 48%;
        
    }

    #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .Stat {
        width: 19%;
        
    }
}
    .BarGraphContainer .Yes,
    .BarGraphContainer .WouldRecomYes {
        background-color: #0073cf;
        color: #fff;
        text-align: center;
        padding-top: 10px;
    }

    .BarGraphContainer .No,
    .BarGraphContainer .WouldRecomNo {
        background-color: #bba365;
        color: #fff;
        text-align: center;
        padding-top: 10px;
    }

    .Legend {
        height: 75px;
        margin-top: 40px;
        margin-bottom: 30px
    }

        .Legend .LegendWrapper {
            /* width: 500px; */
            height: 100%;
            margin: 0 auto;
            border-bottom: 1px solid #ccc;
        }

            .Legend .LegendWrapper .LegendItem {
                display: inline-block;
                vertical-align: top;
                width: 25%;
                margin-right: -4px;
                height: 100%;
                padding-left: 20px;
            }

                .Legend .LegendWrapper .LegendItem .LegendSquare {
                    height: 30px;
                    width: 30px;
                }
                .Legend .LegendWrapper .LegendItem .LegendText {
                    line-height: 18px;
                    padding-top: 6px;
                    display: inline-block;
                    width: 75px;
                }
                .Legend .LegendWrapper .LegendItem.Always {
                    color: #0073cf;
                    line-height: 30px;
                }

                .Legend .LegendWrapper .LegendItem.Usually {
                    color: #8ebae5;
                    line-height: 30px;
                }

                .Legend .LegendWrapper .LegendItem.Sometimes {
                    color: #bba365;
                    line-height: 30px;
                }

                .Legend .LegendWrapper .LegendItem.Never {
                    color: #c2be84;
                    line-height: 30px;
                }

                .Legend .LegendWrapper .LegendItem.Always .LegendSquare {
                    background: #0073cf;
                    float: left;
                    margin-right: 10px
                }

                .Legend .LegendWrapper .LegendItem.Usually .LegendSquare {
                    background: #8ebae5;
                    float: left;
                    margin-right: 10px
                }

                .Legend .LegendWrapper .LegendItem.Sometimes .LegendSquare {
                    background: #bba365;
                    float: left;
                    margin-right: 7px
                }

                .Legend .LegendWrapper .LegendItem.Never .LegendSquare {
                    background: #dad69c;
                    float: left;
                    margin-right: 10px
                }

        .Legend .QuoteText {
            text-align: center;
            padding-top: 40px;
            font-size: 18px;
            font-style: italic;
        }

    .slick-slider h3 {
        text-align: center;
        font-size: 22px;
    }

    .Legend + .testimonial-slider-wrapper .slick-slide {
        height: auto;
    }

    .testimonial-slider-wrapper {
        position: relative;
    }

        .testimonial-slider-wrapper > img {
            position: absolute;
        }

            .testimonial-slider-wrapper > img.QuoteImageBottom {
                right: 0;
                bottom: 25px;
            }
/*.tab-content {
    margin-top: -30px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #8ebae5;
   
    color: #8ebae5;
    font-weight: bold;
    border-radius: 0;
    
}

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
        height: auto;
    }

.nav-tabs.nav-justified > li > a {
    border-radius: 0;
    border-bottom: 1px solid #8ebae5;
    font-size: 16px;
}

.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

ul.nav.nav-tabs.nav-justified {
    margin-left: 0;
   
}*/

.tab-content {
    /*margin-top: -30px;*/
}

.nav-container .nav-tabs > .active > a, .nav-container .nav-tabs > .active > a:hover, .nav-container .nav-tabs > .active > a:focus {
    border: 1px solid #8ebae5;
    background-color: #fafaf9 !important;
    color: #8ebae5 !important;
    font-weight: bold;
    border-radius: 0;
    border-bottom: 1px solid #fafaf9;
}

.nav-container .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    /* border-bottom-color: #fff; */
    height: auto;
    margin-bottom: 0;
    /* border: 1px solid blue; */
}

.nav-container .nav-tabs > li > a {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    font-size: 17px;
    color: #666666; 
    font-family: Lato-Bold;
    text-transform: uppercase;
    height: auto !important;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #fafaf9;
}

    .nav-container .nav-tabs > li > a:hover {
        color: #8ebae5;
        background: #fff;
    }

.nav-container ul.nav.nav-tabs {
    margin-left: 0;
    border: none;
 
}

.nav-container ul.nav.nav-tabs {
    margin-top: 20px;
}
    /* Slider */

    .slick-dots li button:before {
        content: '' !important;
        height: 14px !important;
        width: 14px !important;
        font-size: 0px;
        background: #ddd;
        border-radius: 7px;
        opacity: 1 !important;
    }

    .slick-dots li button:hover:before {
        background: #8ebae5;
    }

    .slick-dots li.slick-active button:before {
        background: #bba365;
    }

    @media (max-width: 600px) {
        .nav-tabs.nav-justified > li > a {
            line-height: 20px;
            font-size: 20px;
        }
    }
    @media ( max-width: 450px ) {

        input#searchHospital.HospitalsResultsButton {
            width: 90% !important;
        }

        .BigGraph .CirclegraphContainer {
            height: 320px;
            width: 320px;
        }

            .BigGraph .CirclegraphContainer .CircleGraphContent {
                top: 45%;
            }

        .BigGraph .ManGraphContainer {
            width: 340px;
            height: 90px;
        }

        #StatGraphs .StatGrpahItem .BlockGraph {
            padding: 15px;
            min-height: 230px;
            height: auto;
        }

            #StatGraphs .StatGrpahItem .BlockGraph .Icon {
                width: 13%;
                background-size: contain !important;
                margin-right: 2%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .ContentSection {
                width: 85%;
                height: 120px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection h3 {
                    font-size: 20px;
                }
                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent {
                    
                    margin-left: 0px;
                }
                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .CircleStat span {
                    height: 45px;
                    width: 45px;
                    border-radius: 22px;
                    font-size: 16px;
                    line-height: 46px;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .ContentSection .StatContent .Text p {
                    font-size: 12px;
                }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .BarContainer {
                width: 85%;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .TopBar .ArrowTop {
                width: 15%;
                background: url(/Portals/_default/Images/DownArrow.svg) no-repeat center right 5px;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper {
                width: 88%;
                padding-top: 10px;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .ArrowBottom {
                width: 12%;
                background: url('/Portals/_default/Images/UpArrow.svg') no-repeat center right 5px;
            }

            #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div {
                height: 17px;
            }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .heading {
                    font-size: 10px;
                }

                #StatGraphs .StatGrpahItem .BlockGraph .BarGraphContainer .BottomBars .BottomBarsWrapper > div .Stat {
                    font-size: 11px;
                }

        .Legend .LegendWrapper {
            width: 100%;
        }

            .Legend .LegendWrapper .LegendItem .LegendSquare {
                float: none !important;
            }

       

        .nav-container .nav-tabs > li > a {
            font-size:14px;
        }
    }

    @media ( max-width: 350px ) {

        .BigGraph .CirclegraphContainer .CircleGraphContent {
            top: 40%;
        }


            .BigGraph .CirclegraphContainer .CircleGraphContent h3 {
                font-size: 20px;
            }

            .BigGraph .CirclegraphContainer .CircleGraphContent h4 {
                font-size: 17px;
            }

            .BigGraph .CirclegraphContainer .CircleGraphContent p span {
                font-size: 12px
            }
    }


    /*Patient Journey and Education and training redesign*/

    .patient-block {
        vertical-align: middle;
        border: 1px solid rgba(102, 102, 102, 0.2);
        height: 300px;
        width: 300px;
        border-radius: 4px;
        margin: 10px;
        padding: 44px 10px 10px 10px;
        text-align: center;
        box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.1);
    }

        .patient-block p {
            font-size: 14px;
            line-height: 20px;
            color: #939393;
        }

        .patient-block h3, .patient-block h4 {
            font-weight: normal;
            font-family: Lato-Regular;
            color: #666666;
        }


        .patient-block:hover {
            box-shadow: none;
            background-color: #8ebae5;
            border: 1px solid #8ebae5;
            cursor: pointer;
        }

            .patient-block:hover p, .patient-block:hover h3, .patient-block:hover h4 {
                color: #fff;
            }

            .patient-block:hover .patient-journey-icon svg path {
                fill: #fff;
            }


    .patient-journey-icon {
        min-height: 62px;
    }


    .education-block {
        padding: 25px 12px 10px 12px;
        margin: 10px auto;
        height: auto !important;
    }

    .GrayLink {
        font-family: Lato-Bold;
        font-size: 12px !important;
        color: #666666 !important;
        text-transform: uppercase;
        background: url('../images/GrayArrow.png') no-repeat right center;
        padding-right: 22px;
        display: inline-block;
        margin-top: -8px;
        margin-bottom: 5px;
    }

    .patient-block:hover .GrayLink {
        background: url('../images/WhiteArrow.png') no-repeat right center;
        color: #fff !important;
    }

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

        .education-quote .QuoteBlock {
            width: 70%;
        }

    .TextUnderQuote.center-block {
        width: 70%;
    }

    div#FNAH-post-basic-specialist-programmes-content h5, div#FECC-who-we-are-content h5 {
        margin-bottom: 0 !important;
    }

    div#FNAH-post-basic-specialist-programmes-content .GoldLink, div#FECC-who-we-are-content .GoldLink {
        margin-bottom: 10px !important;
    }

    div#netcare-education {
        float: right;
    }

        div#netcare-education span {
            line-height: 17px;
            font-size: 14px;
        }

    .prospectusButton, .prospectusButton:focus {
        display: inline-block;
        background: #bba365;
        border: 0px none;
        padding: 10px 15px;
        margin: 10px 0;
        font-size: 16px !important;
        border-radius: 5px;
        color: #fff !important;
    }

        .prospectusButton:hover {
            background: #ceb36c;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    @media ( max-width: 768px ) {
        div#netcare-education {
            float: none;
            margin-left: -5px;
            margin-right: -5px;
        }
    }

    div#FNAH-post-basic-specialist-programmes span {
        line-height: 18px;
    }

    @media ( max-width: 640px ) {
        .patient-block {
            width: 96%;
        }
    }

    .patient-journey-nav, .patient-journey-nav-old, .education-nav {
        margin-bottom: 30px;
    }


    .patient-nav span {
        display: inline-block;
        width: 70%;
        font-size: 16px;
        color: #666666;
        vertical-align: middle;
        line-height: 20px;
        padding-bottom: 2px;
    }

    .patient-journey-icon-small {
        display: inline-block;
        width: 25%;
        padding: 13px 0px;
        margin-right: 5px;
        vertical-align: middle;
    }


    .patient-nav {
        border-radius: 4px;
        border: solid 1px rgba(102, 102, 102, 0.2);
        margin: 10px;
        padding: 0px 13px;
        width: 195px;
        height: 65px;
        line-height: 61px;
        cursor: pointer;
        box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.1);
    }


    .discharge span {
        padding-bottom: 7px;
    }

    .patient-nav.active-tab {
        box-shadow: none;
        background-color: #8ebae5;
        border: 1px solid #8ebae5;
        cursor: pointer;
        color: #fff;
    }

    .active-tab .patient-journey-icon-small svg path {
        fill: #fff;
    }

    .patient-nav.active-tab span {
        color: #fff;
    }

    .patient-nav:hover {
        box-shadow: none;
        background-color: #8ebae5;
        border: 1px solid #8ebae5;
        cursor: pointer;
        color: #fff;
    }


        .patient-nav:hover span {
            color: #fff;
        }

        .patient-nav:hover .patient-journey-icon-small svg path {
            fill: #fff;
        }

    .patientjourney-section {
        margin-top: 55px;
    }

    @media ( max-width: 430px ) {
        .patient-nav {
            width: 96%;
        }

            .patient-nav span {
                width: 85%;
            }

        .patient-journey-icon-small {
            width: 12%;
        }
    }
    /*Added css for hospital pages*/
    a#ReadMoreHereHosptitals {
        margin-top: -8px;
        margin-bottom: 10px;
    }

    .sthoverbuttons-chicklets img {
        max-width: 45px !important;
    }


    .management-section {
        margin-bottom: 12px;
    }

    a.GoldLink.VisitingHours {
        margin-top: 18px;
        margin-bottom: -8px;
    }

    .address-tel {
        height: 37px;
    }

    .mobile-version-nav .panel-default {
        border: solid 1px #8ebae5 !important;
    }

/* FNAH Training Programmes table styling*/

.DnnModule-FECCTrainingProgrammes {
    display: none;
}

#TrainingProgrammes .hidden-fields {
    display: none;
}


#TrainingProgrammes {
    font-size: 14px;
}

#TrainingProgrammes thead {
        color: #fff;
        background-color: #8ebae5;
}

#TrainingProgrammes tbody {
    font-size: 14px;
}
    #TrainingProgrammes > tbody > tr > td {
        border: none;
    }
    #TrainingProgrammes tr.shown {
        color: #8ebae5;
        font-weight: bold;
    }

        #TrainingProgrammes tr.shown td {
            border-bottom: none !important;
        }

    #TrainingProgrammes > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 0px !important;
    }

    #TrainingProgrammes td.details-control {
        background: url('../images/arrow-down-grey.png') no-repeat 97% center;
        cursor: pointer;
    }

    #TrainingProgrammes tr.shown td.details-control {
        background: url('../images/arrow-up-blue.png') no-repeat 97% center;
    }

    #TrainingProgrammes .course-details {
        margin: 10px;
        background-color: #fff;
        padding: 15px;
    }

    #TrainingProgrammes .course-dates p:first-child {
        margin-bottom: 0;
    }


#TrainingProgrammes a.course-button, #TrainingProgrammes a.course-button:focus {
    background: #8ebae5 !important;
    display: inline-block;
    border: 0px none;
    padding: 10px 15px;
    margin: 10px 0;
    font-size: 16px !important;
    border-radius: 5px;
    color: #fff !important;
}

    #TrainingProgrammes a.course-button:hover {
        background: #aed1f4c !important;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }


#TrainingProgrammes_paginate .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #8ebae5;
    border-color: #8ebae5;
    color: #fff !important;
}

#TrainingProgrammes_paginate > .pagination > li > a, .pagination > li > span {
    color: #8ebae5;
}

div#TrainingProgrammes_length {
    float: right;
}

div#TrainingProgrammes_filter {
    float: left;
    margin-bottom: 10px;
}

div#TrainingProgrammes_paginate {
    float: right;
}

div#TrainingProgrammes_info {
    float: left;
  
}

@media (max-width:768px) {

    div#TrainingProgrammes_length {
        float: none;
        margin-bottom: 10px;
    }

    div#TrainingProgrammes_filter {
        float: none;
        margin-bottom: 10px;
    }
    div#TrainingProgrammes_info {
        float: none;
    }
    div#TrainingProgrammes_paginate {
        float: none;
        margin-top: 10px;
    }
}

@media (max-width:440px) {

    #TrainingProgrammes .hidden-fields {
        display: block;
    }
}