html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{background-color: #fbfbfb; font-family: 'Open Sans', sans-serif;}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #f2a139;
    border-color: #f2a139;
}



h1{text-align: center; margin:24px 0 26px; font-size: 1.125rem; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase;}
.locations-parent {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}
.locations-parent h1{width: 100%;}
.location-container{width:48%;margin-bottom: 50px; box-sizing: border-box;}
.location-heading{display: block;font-size: .875rem;font-weight: 600;text-transform: uppercase;color: #434a54; padding: 10px 0px;}




.card-location{margin-bottom: 15px;min-height:135px;width:100%;
	background: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgb(35 35 41 / 20%);
    height: 100%;
    padding: 0.75rem; box-sizing: border-box;
    cursor: pointer;
}

.card-location:hover{box-shadow: 0 1px 3px 0 rgb(35 35 41 / 40%);}

.main-location{color: #434a54; font-size:.875rem; margin-bottom: 10px; font-weight: 600;}
.location-container p{color: #434a54;line-height:18px;margin-bottom: 5px; font-size: 14px;}
.location-container .select-button{color: #FFF;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    padding: 6px 12px;
    border-radius: 3px;
    display: inline-block;
    background-color:#5b5c5e;
    display: inline-block;
    margin-top: 5px;
    min-width: 68px;
}


li.nav-item a{font-size: .875rem;white-space: nowrap;color: #2d2d2d;text-decoration: none; border-bottom: 2px solid transparent; padding:5px 0 3px;
    margin: 0.5rem 1rem;}
li.nav-item a.active{border-color: #f2a139;}
.location-container.location-container2 {width: 885px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.location-container.location-container2 .card-location{margin-bottom: 8px; max-width: 49.5%;}
.location-container .select-button.yellow{margin-top: 30px; background-color:#f2a139;}


/*div#Chiropractic,
div#Accounting\ Services,
div#Action\ Sports,
div#Acupuncture,
div#Body\ Services,
div#Chiropractic,
div#Education,
div#Facials,
div#Hair\ Styling {
    padding-top: 100px;
}
*/

.body-active .service_name{padding-top: 100px;}
.login-section input{
    font-size: 14px;
    line-height: 1.428571429;  
    display: block;
    padding: 6px 12px;
    background: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 40px;
    border-color: #AAB2BD;
    box-shadow: none;
    color: #656D78;

}


.login-section .card-body{max-width: 320px !important;}
.login-section .btn-primary{
        height: 49px;
    font-size: 1.125rem;
    margin-top: 30px;
    margin-bottom: 28px;
    background-color: #CCD1D9;
    color: #fff;
    border-color: #CCD1D9;
}


.container.top_links {  
    margin: 0 auto;
    position: sticky;  
    top: 45px;
   
    max-width: inherit;
}


.sticky .service_name{padding-top: 100px;}  

.container.top_links.sticky{ background-color: #fff; box-shadow: 0 4px 2px -2px rgb(45 45 45 / 20%);}
.container.top_links > div{max-width: 930px; margin: 0 auto;}  
 
.top-header{ width: 100%;} 
.service_name{
	width:100%;
	margin-bottom:20px;


}

.container-custom {
    margin-top: 50px;
}



button#goback {
    background: transparent;
    margin-bottom: 20px;
    border: none;
    color: #f2a139;
    font-size: 22px;
    padding: 0px;
    font-weight: 300;
}



button#goback i.fa.fa-angle-left {
    margin-right: 10px;
}




.card.border-warning {
    border: none;
    box-shadow: 0 4px 8px 0 rgb(35 35 41 / 20%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 32px;
    box-sizing: border-box;
}




.card-body{
    padding: 0px;
}



.card-header{background-color: #fff; border: none; padding: 0px; font-size: 1.125rem; margin-bottom: 10px; font-weight: 600; color: #434a54;}
.card-title{font-size: 14px; line-height: 20px; color: #2d2d2d;}


.outer_button {display: flex;justify-content: flex-end;margin-top: 25px;}
.outer_button .btn.btn-warning{margin-left: 24px;}
.outer_button .btn{padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 3px; border-color:#e2b51c; color: #e2b51c;}
.outer_button .btn:hover{background-color:#f2a139; opacity:0.7; color: #f2a139;}

.outer_button .btn.btn-warning {margin-left: 24px;color: #fff;}
.outer_button .btn.btn.btn-secondary {background: #fff;}
.outer_button .btn.btn.btn-secondary:hover{background-color:#f2a139; opacity:0.7; color: #fff; border-color: #f2a139;}

.outer_button .btn.btn-warning:hover {color: #fff;}
.card-body.card-body-new {padding: 12px 20px;background: #fff;border: 1px solid #CCD1D9;border-radius: 4px;color: #434a54;font-weight: 700;font-size: 14px;}
.col h6 {margin-bottom: 10px;font-size: .875rem;font-weight: 600;text-transform: uppercase;}

.btn.btn-warning.bun {color: #fff;padding: 3px 12px;}
.hasDatepicker{display: flex; justify-content: center;}


.custom-col .btn.btn-warning.bun {
    color: #fff;
    padding: 3px 12px;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 300;
    height: 49px;
    border-radius: 3px;
}
  
.btn-warning{background-color: #f2a139;}
.demoHeaders{display:none;}

.card.new-card-horizonal {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 24px;
    box-sizing: border-box;
}

.card.new-card-horizonal .card-horizontal {
    display: flex;
    flex: inherit;
    width: 48%;
    padding: 16px 20px;
    box-sizing: border-box;
    border-top: 1px solid #CCD1D9;        
    align-items: center;
}


.card.new-card-horizonal .img-square-wrapper {
    width: 113px;
    height: 113px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
}

.card.new-card-horizonal .img-square-wrapper i {
    font-size: 42px;
    color: #434a54;
}

.card.new-card-horizonal .card-title {
    font-size: 1.125rem;
    line-height: normal;
    color: #434a54;
    font-weight: 600; 
    padding-right: 10px;
}

.card.new-card-horizonal .card-body {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 130px);
}

.card.new-card-horizonal .card-body .btn-primary{
    background-color: #f2a139;
    min-width: 68px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background-color .15s;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 3px;
}

.card.new-card-horizonal .card-body .btn-primary:hover{
     border-color: #f2a139;
     background-color: #f9dfbc;
     color: #f2a139;
}


h5.font-weight-normal {
    font-weight: bold !important;
    color: #f2a139;
}


.top-header .lnr {
    font-size: 19px;
    padding-right: 10px;
}

.custom-col .btn-warning:hover {
    color: #000;
    background-color: #f3e4b7;
    border-color: #ffc107;
}

.top-header .lnr.lnr-user{font-size: 16px;}

.top-header a{text-decoration:none; font-size: 18px; color: #4a4a4a !important;
    font-family: 'Open Sans';}


.yellow-card{
    width: 833px;
    margin: 0 auto;
    box-shadow: none;
    border: none;
    background: #f3c890;   
    border-radius: 5px;
    color: #2D2D2D;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.25rem;
    padding:0px;
    text-align: left;
}     
  
.yellow-card .card-body{display: flex;}  
.yellow-card .card-body span{margin-right: 5px;}

h6.appointment-heading {
    display: flex;
    justify-content: space-between;
}

h6.appointment-heading  span {
    color: #838b91;
    font-size: .875rem;
}


.appointment-section{
    padding: 12px 20px;
    background: #fff;
    border: 1px solid #CCD1D9;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgb(34 36 40 / 20%);
}

.appointment-section br{display: none;}

.appointment-section .card-body {
    border: none;
    padding: 0px;
}


#msg {font-size: 12px;color: red;}  
.login-section a {
    color: #f2a139;
    text-decoration: none;
}


.pricing-header.custom-pricing-header {
    max-width: 835px;
}


.container.almost-done {
    max-width: 835px;
}

.pricing-header.custom-pricing-header .row{
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.pricing-header.custom-pricing-header .row::before, .pricing-header.custom-pricing-header .row::after{display: none;}

.pricing-header.custom-pricing-header .row .col {
    flex: inherit;
    width: auto;
}


.almost-done .card.border-warning{padding: 20px;}
.almost-done .card-header{margin-bottom: 20px;}
.almost-done .card-body {padding: 0px;}
.almost-done .card-body p.card-text{margin-bottom:5px; font-size: 14px;}
.almost-done .card-body .card-text .text-left{margin-bottom:5px; font-size: 14px;}
.almost-done .card-body p.card-text span {
    margin-right: 5px;
    color: #adadad;
}


.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #f2a139 !important;
    border-color: #f2a139 !important;
    box-shadow: none !important;
}


button#goback:focus{
    color: #f2a139;  
    background-color: transparent !important;
}





.detail-summary-container{max-width: 830px; margin: 0 auto;}

/* css added by sachin */  
.employee-picture-first-initial {
    display: inline-block; 
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    top: -2px;
    font-size: 3.25rem;
    line-height: 113px;
}


.login-section.reset-password .card-body {
    max-width: inherit !important;
    text-align: center;
}  


.login-section.reset-password .card-body #blanket{
    max-width: 320px;
    margin: 0 auto;
}

.reset-password #success_msg p:first-child{
    font-size: 1.125rem;
    line-height: 1.35;
    color: #434a54;
    max-width: 500px;
    margin: 0 auto;
}


.reset-password #success_msg p{
        color: #434a54;
    font-family: "Open Sans",sans-serif;
    margin: 10px 0px;
    font-size: .875rem;
}

.reset-password-body{
    background-color: #fbfbfb;
        margin-top: -1rem;
    height: calc(100vh - 60px);
}

.alert-img{
    width: auto;
    height: 110px;
    display: block;
    margin: 56px auto 46px;
}



.login-section.reset-password .card-body{   
      max-width: inherit !important;
    text-align: center;
}



@media(min-width:768px){  
.card.new-card-horizonal .card-horizontal:first-child{border: none;}
.card.new-card-horizonal .card-horizontal:nth-child(2){border: none;}
}  


@media(max-width:1280px){    
#mainNav .container{max-width: inherit !important;}    
h1#change_name, #disp_date{font-size: 20px; letter-spacing: 0px;}  
}


@media(max-width:1024px){    
.card.new-card-horizonal .card-body{flex-direction: column;}
span.description-emp {margin-bottom: 15px;}  
}


@media(max-width: 992px){
.location-container.location-container2{width: 100%;}
.location-container.location-container2 .card-location{max-width: inherit; min-height: inherit;}
.location-container .select-button.yellow {margin-top: 15px;}
}


@media(max-width: 991px){
.navbar-dark .navbar-toggler {background-color: #f2a139 !important;}    
.navbar > .container{justify-content: flex-end !important;}  
.yellow-card{width: 94%; box-sizing: border-box;}
.pricing-header{max-width: inherit;}
.container{max-width: inherit !important;}
}

@media (max-width: 767px){
.location-container{width: 100%; padding: 0 20px; box-sizing: border-box;}
.card.new-card-horizonal .card-horizontal{width: 100%; padding: 15px 0px;}
.card.new-card-horizonal .img-square-wrapper {width: 75px; height: 75px;  margin-right: 10px;}
.card.new-card-horizonal .img-square-wrapper i {font-size: 28px;}
.grouped-services{width: 100% !important; padding: 0px !important;}    
.grouped-services-item{margin: 0px !important;}  
.navbar > .container{padding: 0px !important;}
h1, .h1{font-size: 24px !important;}
.service-card-item {width: 100% !important;}
.main-container{padding: 0 15px !important;}
li.nav-item a{margin: 0px !important;}
.service-card-item{min-height: inherit !important;}
.detail-summary-container .detail-content .info-card-main{padding: 15px !important;}
.detail-summary-container .detail-content .btn-container{width: calc(100% - 15px) !important;margin: 0 auto !important; padding-bottom: 15px !important; padding-left: 0px !important;}
.custom-col .col{flex: inherit !important; width: 100% !important; margin: 15px 0px !important;}
h1#change_name, #disp_date{font-size: 20px !important;}
.navbar-dark .navbar-toggler::before {content: "Menu";position: absolute;left: 15px;color: #000; font-size: 14px; top:18px;}  
.navbar-dark .navbar-nav .nav-link {margin-left: 2px !important;}    
.navbar {background-color: #f2f2f2;}
.top-header a{font-size: 14px;}
.card.new-card-horizonal{padding:0px 15px;}
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #000;
}