@charset "utf-8";
  .dt-sc-titled-box { margin-bottom:20px; width:100%; clear:both; }
.dt-sc-titled-box h6.dt-sc-titled-box-title { font-size:14px; font-weight:600; padding:10px 15px; text-shadow:none; margin:0px; } 
.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size:16px; margin-right:5px; }
.dt-sc-titled-box-content { padding:14px 15px 20px;     border: 1px solid #ededed; background:rgba(0, 0, 0, 0.05); }				
.dt-sc-titled-box h6.dt-sc-titled-box-title { color:#ffffff; }
.dt-sc-titled-box.blue h6.dt-sc-titled-box-title { background-color:#008bd3; }
.dt-sc-titled-box.brown h6.dt-sc-titled-box-title { background-color:#795548; }
.dt-sc-titled-box.cadetblue h6.dt-sc-titled-box-title { background-color:#3c939d; }
.dt-sc-titled-box.chillipepper h6.dt-sc-titled-box-title { background-color:#c10841; }
.dt-sc-titled-box.cyan h6.dt-sc-titled-box-title { background-color:#00bcd4; }
.dt-sc-titled-box.darkgolden h6.dt-sc-titled-box-title { background-color:#b48b3c; }
.dt-sc-titled-box.deeporange h6.dt-sc-titled-box-title { background-color:#ff5722; }	
.dt-sc-titled-box.deeppurple h6.dt-sc-titled-box-title { background-color:#673ab7; }
.dt-sc-titled-box.green h6.dt-sc-titled-box-title { background-color:#60ae0d; }
.dt-sc-titled-box.lime h6.dt-sc-titled-box-title { background-color:#cddc39; }
.dt-sc-titled-box.magenta h6.dt-sc-titled-box-title { background-color:#cb506d; }
.dt-sc-titled-box.orange h6.dt-sc-titled-box-title { background-color:#ff9800; }
.dt-sc-titled-box.pink h6.dt-sc-titled-box-title { background-color:#fd6ca3; }	
.dt-sc-titled-box.purple h6.dt-sc-titled-box-title { background-color:#9c27b0; }
.dt-sc-titled-box.red h6.dt-sc-titled-box-title { background-color:#da0000; }
.dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title { background-color:#0eb2e7; }
.dt-sc-titled-box.teal h6.dt-sc-titled-box-title { background-color:#009688; }
.dt-sc-titled-box.turquoise h6.dt-sc-titled-box-title { background-color:#32ccbd; }
.dt-sc-titled-box.wisteria h6.dt-sc-titled-box-title { background-color:#9b59b6; }
.dt-sc-titled-box.yellow h6.dt-sc-titled-box-title { background-color:#ffe401; color:#000000; } .dt-sc-colored-box { float:left; margin:0px; padding:15px 10% 18px; color: #fff; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }		
.dt-sc-colored-box a, .dt-sc-colored-box h5 { color: #fff; }
.dt-sc-colored-box h5 { text-transform:uppercase; border-bottom:1px solid #fff; padding-bottom:15px; margin-bottom:15px; width: 100%; float: left; }
.dt-sc-colored-box h5 i { font-size:24px; margin-right: 2%; position:relative; top:3px; width: 10%; float: left; }
.dt-sc-colored-box h5 span { float: right; width: 88%; }
.dt-sc-colored-box .dt-sc-button { background: none; border: 1px solid #fff; color:#fff; text-transform:uppercase; font-weight:normal;padding: 10px 20px; }
.dt-sc-colored-box .dt-sc-button:after { background:#fff; }
.dt-sc-colored-box .dt-sc-button:hover { color:#333334; }
.dt-sc-colored-box .dt-sc-button:hover:after { height: 100%; }  .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 35px; clear:both; }
.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
.dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:15px; left:10px; font-family: 'Font Awesome 5 Free'; font-style:normal; font-weight:900; text-decoration:inherit; font-size:16px; position:absolute; }		
.dt-sc-error-box:before { content:"\f057"; color:#C54228; }
.dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
.dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; }
.dt-sc-success-box { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; }
.dt-sc-success-box:before { content:"\f058"; color:#75b632; }
.dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
.dt-sc-info-box:before { content:"\f05a"; color:#008bc1; }
.dt-sc-error-box a { color:#d01313; }
.dt-sc-warning-box a { color:#c79d13; }
.dt-sc-success-box a { color:#7ba411; }
.dt-sc-info-box a { color:#2081b9; }
.dt-sc-reservation-form .aligncenter button { float: none; padding: 15px 20px 14px; }
.dt-sc-appointment-wrapper .dt-sc-reservation-form .selection-box:after,
.dt-sc-reservation-form .dt-sc-one-column .aligncenter button { width: 100%; }
.dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date,
.dt-sc-reserve-appointment.type1 .dt-appoint-date { position: relative; z-index: 1; }
.dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date span,
.dt-sc-reserve-appointment.type1 .dt-appoint-date span { position: absolute; top: 17px; right: 10px; font-size: 13px; }
.dt-sc-reservation .title { display: inline-block; text-align: center; width: 100%; margin: 0px 0px 30px; }
.dt-sc-reservation .title h6 { border-bottom: 3px solid #37251b; padding: 0px 10px 10px; margin-bottom: 0px; font-size: 16px; display: inline-block; text-align: center; text-transform: none; font-weight: normal; }
ul.time-table > li { background: #f0f0f0; position: relative; width: 25%;}
ul.time-table > li:after { content: ""; position: absolute; height: 6px; width: 100%; left: 0px; }
ul.time-table > li:after { bottom: -6px; }
ul.time-table > li:before { background-color: #f3e9f7; }
ul.time-table > li:before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0; z-index: -1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
ul.time-table > li ul,
ul.time-table > li > span { position: relative; z-index: 1; }
ul.time-table > li:hover:before,
ul.time-table > li.selected:before { height: 100%; }
ul.time-table { display: block; float: left; list-style-type: none; width: 100%; }
ul.time-table > li {
border-right: 1px solid #e3e3e3;
display: block;
float: left;
margin-bottom: 20px;
padding: 15px 20px 0;
position: relative;
text-align: center;
width: 25%;
z-index: 0; }
ul.time-table > li:last-child {border: none;}
ul.time-table > li:nth-child(4n) { margin-right: 0px; }
ul.time-table > li:nth-child(4n+1) { clear: both; }
ul.time-table > li span { display: block; transition: all 300ms linear; }
ul.time-table > li ul.time-slots { display: inline-block; margin: 15px 0 10px; padding: 5px 0px 0px; text-align: center; }
ul.time-table > li ul.time-slots > li { border: none; clear: both; display: block; float: left; margin: 0 auto 10px; padding: 0; }
ul.time-table > li > p { font-size: 16px; margin: 0; }
ul.time-table > li > p > span { display: block; font-size: 13px; }
ul.time-table > li ul.time-slots > li a { background: #FFF; border: 1px solid #f0f0f0; color:#868686; display: inline-block; min-width: 96px; padding: 5px 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition: all 0.3s linear; }
ul.time-table > li ul.time-slots > li a.selected,
ul.time-table > li ul.time-slots > li a.selected:hover { background: #000; border-color: #000; color: #ffffff; }
ul.time-table > li ul.time-slots > li:last-child { margin-bottom: 0; }
ul.time-table > li ul.time-slots > li a:hover { background: #000; border-color: transparent; color: #ffffff; }
.page-with-sidebar ul.time-table > li { width: 25%; }
.page-with-sidebar ul.time-table > li:nth-child(6n) { margin-right: 2%; }
.page-with-sidebar ul.time-table > li:nth-child(5n) { margin-right: 0px; }
ul.time-table > li:nth-child(6n+1),
.page-with-sidebar ul.time-table > li:nth-child(5n+1) { clear: both; }
.page-with-sidebar ul.time-table > li:nth-child(4n+1) {
border-left: 1px solid #e3e3e3;
clear: both;
}
.personal-info { float: left; width: 100%; }
.personal-info textarea { height: 110px; margin-bottom: 1.5em; }
.ui-datepicker th { background: none; color: inherit; font-size: inherit; text-transform: none; }
.ui-datepicker-header a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { cursor: pointer; }  @media only screen and (min-width:992px) and (max-width:1199px) {
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 16px; }	
} @media only screen and (min-width:768px) and (max-width:991px) {
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 17px; }
}  @media only screen and (max-width: 767px) {
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 16px; }
.dt-sc-colored-box h5 span {
font-size: 16px;
line-height: normal;
margin: 0;
width: 85%;
}
}  @media only screen and (max-width: 479px) {
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 17px; }
} @media only screen and (max-width: 319px) { .dt-sc-titled-box h6.dt-sc-titled-box-title { font-size: 12px; letter-spacing: 0; line-height: 20px; padding-left: 35px; position: relative; }
.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size: 14px; position: absolute; left: 10px; top: 14px; }
}