@import 'hs_custom.css';

#module-121 {
  font-size: 14px;
}
.grid_title_color .el-title {
  color:#004053!important;
}
.button_color_background .uk-button-default {
  background-color: #306061!important;
  color:#fff!important;
}
.button_color_background .uk-button-default:hover {
  background-color:#F5F6F7!important;
  color:#306061!important;
}
.uk-card-default{
  box-shadow: 0 10px 6px 0 rgb(0 0 0 / 20%),
              0 6px 10px 0 rgb(0 0 0 / 19%) !important;
  margin: 15px 0 !important;
}

.nv-hover-scale-animation .uk-card{
  transform:scale(0.9);
}
.nv-hover-scale-animation .uk-card:hover{
  transform:scale(1);
}
.font_green, .font_green .el-title{
  color:#306061!important;
}

.font_white,.font_white a{
  color:#fff;
}
.meta_text_right .el-meta{
  text-align:right;
}
.font_light_green {
  color:#008795!important;
}
.h2_green{
  color:#81AEAF;
}

/**Forms**/
.formContainer {
    background-color: #cad4d8;
    padding: 30px;
    border-radius: 20px;
}

.formContainer label{
    color: #306061;
    font-weight: bold;
    font-size: 14px;
    text-transform:unset;
  	letter-spacing: unset;
}

.formContainer input, .formContainer textarea, .formContainer select {
    border-radius: 20px;
}

.formContainer .rsform-block-date #txtcal3_0, .formContainer #txtcal4_0, .formContainer #txtcal4_1, .formContainer #txtcal5_0, .formContainer #txtcal6_0, .formContainer #txtcal7_0{
    border-radius: 20px 0px 0px 20px;
}

.formContainer #btn3_0, .formContainer #btn4_0,.formContainer #btn4_1, .formContainer #btn5_0, .formContainer #btn6_0, .formContainer #btn7_0{
    border-radius: 0px 20px 20px 0px;
    color: #fff;
    text-transform: unset;
}

.formContainer #Submit {
    float:right;
    text-transform: unset;
}



.formContainer #Submit:hover, .formContainer #btn3_0:hover, .formContainer #btn4_0:hover, .formContainer #btn4_1:hover, .formContainer #btn5_0:hover, .formContainer #btn6_0:hover, .formContainer #btn7_0:hover {
    background-color: #fff;
    border-color: #306061;
    color: #306061;
}

.formContainer .rsform-block-let-us-help-you-by-scheduling-your-appointment p{
    color: #306061;
    margin-bottom: unset !important;
    margin-top: unset !important;
}

.formContainer .uk-grid{
  margin-top: 20px;
}

.formContainer .rsform-block-scheduling input, .formContainer .rsform-block-insurance-radio input{
background-color: #fff !important;
}

.rsform-block-scheduling label:nth-child(2), .rsform-block-insurance-radio label:nth-child(2){
padding-left: 150px;
}

.formContainer .rsform-block-agreecommunications input, .formContainer .rsform-block-agreement input{
border-radius: unset;
background-color: #fff !important;
}

.formContainer .rsform-block-termsandconditions a, .formContainer .rsform-block-agreement-text a{
color: #4eadcb !important;
text-decoration: unset;
}

.formContainer .rsform-block-termsandconditions a:hover, .formContainer .rsform-block-agreement-text a:hover{
color: #306061 !important;
}

#rsform_4_page_0 #Submit, #rsform_5_page_0 #Submit{
  float:right;  
}

.formContainer .rsform-block-termsandconditions p {
    color: #306061 !important;
}

.formContainer .form-check-input[type=radio]:checked, .formContainer .uk-radio:checked, .formContainer .form-check-input[type=checkbox]:checked, .formContainer .uk-checkbox:checked{
    background-color: #306061 !important;
    border-color: #000;
}

.formContainer .rsform-block-prescription button {
    color: #fff;
}

.rsform-block-prescription input {
    border-radius: 20px 0px 0px 20px !important;
}

.rsform-block-prescription button {
    border-radius: 0px 20px 20px 0px !important;
}
/**Forms**/

/*Quote*/
#rsfp_thankyou_popup_inner {
    border-radius: 20px;
    background: url('/images/request_a_quote/ThankYou_Message/Mask%20Group%20-%20background.png'), #fff;);
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    max-width: 550px;
    padding: 40px;
}

#rsfp_thankyou_popup_inner p{
    margin-top: unset;
    margin-bottom: unset
}

.rsfp_thankou_popup_close_btn{
    width: 30px !important;
    font-size: 35px;
}

@media screen and (max-width: 368px){
    #rsform_5_page_0 .rsform-block-prescription input{
        max-width: 150px !important;
        width: 100% !important;
    }
}
/*Quote*/

/*Heading*/
.nv_font_green_footer{
  color: #2EBEA1 !important;
}
/*Heading*/

/*Opening Hours*/
.hs-consulting-hours .uk-tile{
    padding: 30px !important;
}
/*Opening Hours*/

.eb-dialog{
  overflow-y: hidden !important;
}

/*Coming Soon Page*/
.nv-coming-soon-page .uk-navbar-container, 
.nv-coming-soon-page .eb-dialog, 
.nv-coming-soon-page .tm-toolbar, 
.nv-coming-soon-page .hs-footer-section{
    display: none !important;
}

.nv-coming-soon-page{
    background-color: #80AAAB !important;
}

.nv-coming-soon-caring-text {
    font: 32px 'Montserrat' !important;
}

.nv-coming-soon-coming-soon-text{
    font: 78px 'Montserrat' !important;
}

.nv-coming-soon-p-text{
    font: 24px 'Montserrat' !important;
}

.nv_sec_coming_soon{
    padding-left: 250px !important;
}

.nv-coming-soon-page {
  padding-top: unset !important;
}

@media screen and (max-width:959px){
.nv-coming-soon-section>div{
  /*background-image: unset !important;*/
  padding-bottom: 10px !important;

}
  
.nv-coming-soon-coming-soon-text{
    font-size: 60px !important;
}
}

@media screen and (min-width:959px){
.nv-coming-soon-section .uk-position-cover{
  background-color: unset !important;
}
}
/*Coming Soon Page*/

/*Homepage*/
@media screen and (max-width:959px){
.nv-desktop-section {
  display: none;
}

.nv-mobile-section {
  display: block !important;
}

#service_chisty_shifa>div.uk-background-cover{
background-image:unset !important;
}

.hs-services .el-item .el-title{
  font-size: 18px;
}
  
.nv-latest-news-arrow{
  margin-top: -60px;
}
  
.hs-latest-news .uk-grid>div{
  margin-top: unset;
}
  
#rsform_3_page_0 .uk-grid:not(:first-child):not(:last-child)>div:last-child {
    padding-top: 20px;
}
  
.nv-doctor-schedule-section>div{
  background-image: unset !important;
}
  
.hs-specialities .uk-grid>div{
  margin-top: unset !important;
}
  
#rsform_4_page_0 .uk-grid:nth-child(-n + 3)>div:last-child, #rsform_5_page_0 .uk-grid:nth-child(-n + 4)>div:last-child, #rsform_6_page_0 .uk-grid:nth-child(-n + 2)>div:last-child, #rsform_7_page_0 .uk-grid:nth-child(-n + 2)>div:last-child  {
    padding-top: 20px;   
}
}

.nv-mobile-section {
  display: none;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(2) .uk-panel .uk-grid div:first-child{
    width: 100px;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(2) .el-image{
    width: 50px;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(2) .uk-panel .uk-grid div:last-child{
    margin-top:15px;
    margin-left: -40px;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(2) .uk-panel:nth-child(5) .el-title{
  top:0;
  position:absolute;
  left: 60px;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(3) .el-image{
    width: 50px;
}

.nv-mobile-section .uk-container>.uk-grid>div:nth-child(3) .uk-panel .el-title{
  top:0;
  position:absolute;
  left: 60px;
}
/*Homepage*/

/*Footer - Contact Us - Text*/
.nv-contact-us-text li .el-content{
  color: #fff;
}
/*Footer - Contact Us - Text*/

/*Footer - Patient - Responsive*/
@media screen and (max-width:639px){
.nv-footer-patient-section>div {
  padding-top: unset;
  padding-bottom: unset;
}
  
/*Footer*/
.nv-footer-patient-section>div .uk-list li.el-item, .nv-footer-services-section>div .uk-list li.el-item{
  margin-top: unset;
}
/*Footer*/
}
/*Footer - Patient - Responsive*/

/*Emergency and Ambulance - Accordion*/
.emergency-accordions .el-item .el-title{
  color: #2ebea1;
}

.emergency-accordions .el-item{
  border-top: 2px solid #2ebea1; 
}

.emergency-accordions .el-item:first-child{
  border-top: unset !important; 
}
/*Emergency and Ambulance - Accordion*/

/*Request and apppointment - Form - Section*/
.request-an-appointment-form-section{
  padding-top: unset !important;
}
/*Request and apppointment - Form - Section*/

/*Request and apppointment - Form title*/
#rsform_3_page_0 .rsform-block-let-us-help-you-by-scheduling-your-appointment p:last-child {
    margin-top: 20px !important;
    line-height: 1;
}
/*Request and apppointment - Form title*/

/*Doctor Page - Doctor Details*/
.hs-doctor-details .el-item .uk-grid>div:last-child{
  margin-top: unset;
}

.hs-doctor-details>:nth-child(n+2){
  border-top: 2px solid  #e5e5e7;
}
/*Doctor Page - Doctor Details*/

/*Specialities*/
.hs-consulting-hours .uk-tile>div.uk-panel{
  padding-top: 10px;
  line-height: 1.2;
}
/*Specialities*/

.nv-search-page .js-finder-searchform a{
  color: #fff;
}

.nv-search-page .js-finder-searchform a:hover{
  color: #306016;
}

.hs-modal-department {
  padding-bottom: 20px;
}

/*Specialities Accordion*/
.uk-accordion .uk-accordion-title{
  color: #2ebea1 !important;
}

.uk-accordion>:nth-child(n+2){
  border-top: 2px solid #2ebea1 !important; 
}
/*Specialities Accordion*/

/*Vacancy Grid*/

.nv_vacancy_grid .uk-grid>div:nth-child(odd) .el-item {
  background-color: #fff;
}

.nv_vacancy_grid .uk-grid>div:nth-child(even) .el-item {
  background-color: #00b5af;
}

.nv_vacancy_grid .uk-grid>div .el-item {
  border: unset !important;
}

.nv_vacancy_grid .uk-grid>div:nth-child(even) .el-item .el-title,
.nv_vacancy_grid .uk-grid>div:nth-child(even) .el-item .el-content,
.nv_vacancy_grid .uk-grid>div:nth-child(even) .el-item .el-link svg {
  color: #fff !important;
}

.nv_vacancy_grid .uk-grid>div:nth-child(even) a:hover .el-title,
.nv_vacancy_grid .uk-grid>div:nth-child(even) a:hover>div>.el-link svg {
  color: #306061 !important;
}

.nv_vacancy_grid .uk-grid>div .el-item .el-content-publish-date {
  padding-top: 10px;
}

.nv_vacancy_grid .uk-grid>div:nth-child(even) .el-item .el-content-publish-date {
  border-top: 1px solid #fff;

}

.nv_vacancy_grid .uk-grid>div:nth-child(odd) .el-item .el-content-publish-date {
  border-top: 1px solid #00b5af;

}

.nv_vacancy_grid .uk-grid>div .el-item .el-content-closing-date {
  margin-top: 5px !important;
}

/*Vacancy Grid*/

.nv-font-light-green {
    color: #2ebea1 !important;
}

/*Publications - Blog Switcher*/

.ap-swt-buttons .el-content{
    background-color: #306061;
    border-radius: unset;
    text-transform: unset;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    padding: 0px 20px !important;
}

.ap-swt-buttons .el-item{
    padding: unset;
}

.ap-swt-buttons .el-content.ap-swt-active {
    background-color: #2EBEA1;
    border-color: #2EBEA1;
}

/*Publications - Blog Switcher*/