/* main menu */

.uk-navbar-nav > li:last-child {margin-right: 10px;}
.tm-navbar .uk-navbar-brand {margin-left: -30px;margin-right: 15px;padding-left: 10px; padding-right: 10px;}
.tm-navbar .uk-navbar-brand-small {float: left; margin: 13px 10px;}
.tm-navbar .uk-panel {margin-top: 8px; margin-bottom: 0;}
.tm-navbar .uk-icon-hover {color: #939aa4;}
.tm-navbar .uk-icon-hover:hover {color: #009dd8;}
.uk-navbar-nav {background: #06659B; width: 100%; margin: 0 -30px;  padding: 0 30px;}
.uk-navbar-nav > li.uk-active > a {margin: 0 -10px; padding: 0 10px;}
a.patient-education i,a.patient-education:focus i {color:#fff}

@media (max-width: 1180px) {
a.patient-education {font-size: 0!important;width: 40px;}
a.patient-education i {font-size: 16px!important;line-height: 95px!important}
}

@media screen and (max-width: 1060px) {.uk-navbar-nav > li { margin-right: 12px;}}

/* logo */

.uk-navbar-toggle {padding:30px 30px 30px 15px}

@media (max-width: 768px) {.tm-logo-small {padding: 0 ;letter-spacing: 0;} .tm-logo-small img{max-width:200px}}
@media (max-width: 360px) {.tm-logo-small img{max-width:200px}}
@media (max-width: 340px) {.tm-logo-small img{max-width:145px}}

/* toolbar */
.tm-toolbar, .tm-container-full-width .tm-toolbar {padding: 5px 10px;}
.top-login {margin: 30px 0 27px 25px;}

.uk-subnav-pill > li > a {background: #f7fdff;}

/* sidebar menu*/
.uk-panel-space {padding: 10px;}	
.sidebar-menu1 > ul > li > a {padding: 5px 5px;font-weight: 400;}
.sidebar-menu2 > ul > li > a {padding: 5px 5px;color:#fff!important;margin-bottom: 20px;}
.sidebar-menu2 > ul > li > a:focus, .sidebar-menu2 > ul > li > a:active, .sidebar-menu2 > ul > li > a:hover{color: #ffffff!important; background-color: #00aff2!important;background-image: none;}

.sidebar-menu2 > ul > li > a i{padding: 5px 2px;color:#fff}
.carecredit {font-weight: 800!important;color:#006F60!important}
.dental-emergencies {font-weight: 800!important;color:#F50600!important}

/* Homepage footer menu */
.footmer-menu > ul {
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/* Appointments */
.appointment-request-confirmation-messsage {font-weight: 800;font-size: 18px;color: #7e7e7e;}
.appointment-request-confirmation-label {font-weight: 600;color: #06659B;}
.gbs3 .form-control {font-size:16px!important;}

/* testimonials */
.tm-noblog .tm-content > *:first-child, .tm-content .uk-breadcrumb {padding-top: 0px;}
.testimonial-stats {padding: 15px 10px 20px;margin:0 10px 10px 0;color: #FFFFFF; font-size: 2em; font-weight: 600; background: #258501;display: inline-block;}
.testimonial-stats-text {display: inline-block; width: 70%; vertical-align: middle;}
@media (min-width: 1660px) {.testimonial-stats-text {width: 78%;}}


#jform_testimonial {width: inherit;}
@media (max-width: 600px){
.format_form { margin-left: 10px;}
}


/* testimonials custom module*/
.owl-item .avatar-testimonial i {color:#c1e5f9}
.new-testimonials .icon-star, .new-testimonials .icon-star-bg {width: auto; height: auto;text-shadow: #FFF 1px 1px;}
.new-testimonials .icon-star:before { content: "";}

/* home page */
.doctors-in {padding-top: 26%;}
@media (min-width: 1660px) {.doctors-in {padding-top: 31%;}}
@media (max-width: 960px) {.doctors-in {padding-top: 5%;}}

/* home page buttons*/
.home-page-button i{font-size:2em;float: left; margin: 7px 10px 10px 0px;;padding-right:0!important}
.home-page-button span{font-size:20px;}
.home-page-button {font-size: 14px;}
.home-page-buttons {margin-left: -13px;}

/* new patients */
.new-patients {font-size: 20px;line-height: 76px;}
.new-patients i {font-size: 36px; margin-top: -5px;vertical-align: middle;}


/* grid*/
a, .uk-link {font-weight: 400;}


/* buttons */
.uk-button i{padding-right: 20px; padding-left: 10px;}


.uk-button {
    border: 1px solid rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(to bottom,#fff,#eee);
    border-radius: 5px;
	font-weight: 400;
}

.uk-button-primary {
	color: #ffffff!important;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5)!important;
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5)!important;}
	
.uk-button-primary:focus, .uk-button-primary:hover {
	color: #ffffff!important;
    background-color: #00aff2!important;
    background-image: none!important;
}
@media (max-width: 768px) {.uk-button {margin-bottom: 20px!important;}}

/* widgetkit */
.meet-doctors-widget .uk-width-medium-1-4 img {margin-top: 13px;}


/* offcanvas */
.uk-offcanvas {background: rgba(165,220,255,0.5);}
.uk-offcanvas-bar {background: #002134;}
.uk-nav-offcanvas > li > a.carecredit {color: #00F524!important;}
.uk-nav-offcanvas a.uk-button {margin: 7px;padding: 10px 20px;}

.uk-offcanvas-bar > ul > li a.patient-education i { line-height: 26px!important;}

.uk-offcanvas-bar > ul > li a.patient-education {font-size: 16px!important; width: 210px}

/* icons */
.uk-icon-file-pdf-o {color: #C70101;font-size: 3em;margin-right:10px}
i.doctor-admin-icon {font-size: 1em;}
.uk-icon-play-circle-o {color: #009EDA;font-size: 3em;margin-right:10px}
i.dental-emergencies {color: #F50600;font-size: 3em;margin-right: 10px;float: left;}
a.font-icon:hover {text-decoration:none}
i.uk-icon-lock {color:green;}

/* widget grid video */
.iframe-video .uk-overlay-icon:before {content: "\f144"; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px;
    font-size: 72px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #06659B;
}

.uk-overlay-hover:hover .uk-overlay-fade, .uk-overlay-active .uk-active > .uk-overlay-fade {opacity: 0.7;}
.iframe-video h3.uk-panel-title {font-size: 16px;line-height: 18px;text-transform: capitalize; margin-left: -20px; margin-right: -20px;}

.uk-subnav-pill > li > a {color: #06659b;}
.uk-subnav-pill > li {margin-right: -10px;}

/* tooltip */
.uk-tooltip {background: #3d3d3d; color: rgba(255,255,255,.99);}

/* welcome new patients */
.history-email {background: rgba(137, 203, 241, 0.02);}

/* new-patient registration form */

@media screen and (max-width: 650px){
#npr  input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
    width: 95% !important;
}}

#npr .uk-form-help-inline {margin: 0 10px 0 0px;}
strong.formRequired {color: #F50600;}

#npr .uk-panel-badge {    top: initial;    bottom: 10px;    right: 30px;}

#npr .rsform-block-address input,
#npr .rsform-block-prfa-address input,
#npr .rsform-block-occupation input,
#npr .rsform-block-employers-name input,
#npr .rsform-block-drug1 input,
#npr .rsform-block-drug2 input,
#npr .rsform-block-drug3 input,
#npr .rsform-block-purpose1 input,
#npr .rsform-block-purpose2 input,
#npr .rsform-block-purpose3 input,
#npr .rsform-block-emergency-contact-name input,
#npr .rsform-block-emergency-contact-relation input,
#npr .rsform-block-aware-of-problem input,
#npr .rsform-block-last-dental-visit input,
#npr .rsform-block-x-rays-last input,
#npr .rsform-block-previous-dentist input,
#npr .rsform-block-teeth-last-cleaned input,
#npr .rsform-block-hear-about-us textarea

 {width: 97%;}
 
#npr h2.form-section {background: #E4E4E4;    text-align: center;    padding: 5px;    margin-top: 30px;}

#npr .rsform-calendar-button{margin-left: 5px;}

#npr .rsform-block-submit .rsform-submit-button

{
    color: #ffffff!important;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5)!important;
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5)!important;
	    min-height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 16px;
	
}

#npr .rsform-block-submit .rsform-submit-button:hover

{
    color: #ffffff!important;
    background-color: #00aff2!important;
    background-image: none!important;
	
}


#npr .rsform-block-submit .rsform-reset-button

{
    color: #ffffff!important;
    min-height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 16px;
	
}

#appointment-form .formBody {float:none}
#appointment-form h2.form-section {background: #E4E4E4;    text-align: center;    padding: 5px;    margin-top: 30px;}