.borderred {border: 1px solid #ff0000;}
.borderred2 {border: 2px solid #ff0000;}
.bordergreen {border: 1px solid #00ff00;}
.borderblue {border: 1px solid #0000ff;}
.borderblue2 {border: 2px solid #0000ff;}
.borderorange {border: 1px solid #ff9725;}
.borderyellow {border: 1px solid #ffff80;}
.borderpink {border: 1px solid #fc03c2;}
.borderblack {border: 1px solid #000000;}
.borderblack2 {border: 2px solid #000000;}
.borderblack3 {border: 3px solid #000000;}
.borderbrown {border: 1px solid #603913;}
.borderwhite {border: 1px solid #ffffff;}
.bordergray {border: 1px solid #dddddd;}
.borderdarkgray {border: 1px solid #777777;}

.booked-color {aborder: 1px solid #28b6b6;background-color: #28b6b6;color:#ffffff !important;}
.confirmed-color {aborder: 1px solid #0f8c45 !important;background-color: #0f8c45;color:#ffffff !important;}
.arrived-color {aborder: 1px solid #0273d8 !important;background-color: #0273d8;color:#ffffff !important;}
.noshow-color {aborder: 1px solid #ffdc00 !important;background-color: #ffdc00;color:#000000 !important;}
.off-color {aborder: 1px solid #ffdc00 !important;background-color: #ffffff;color:var(--bs-body-color) !important;}
.paid-color {aborder: 1px solid #de0912 !important;background-color: #de0912;color:#ffffff !important;}

.booked-color a {color:#ffffff;}
.paid-color a {color:#ffffff;}
.arrived-color a {color:#ffffff;}
.confirmed-color a {color:#ffffff;}
.noshow-color a {color:#000000;}

#pull-down-refresh {
   border: 1px solid #dddddd;
   height: 32px;
   background-color: #ffffff;
   border-radius: 6px;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-top: 10px;
   padding-bottom: 30px;
}

.currentpage {
	font-weight:bold;
}
/*
class="borderred pt-2 pb-1 bg-white" style="height:32px;"
*/

.ui-datepicker{z-index: 9999 !important};

.w-10 {
	width: 10%;
}

.btn-cancel {
   background-color: #de0912;
   border: 1px solid #de0912;
}

.backgroundlightgray {
	background-color: #eeeeee;
}
.backgroundwhite {
	background-color: #ffffff;
}

#top2header {
	background-color: #333333;
}

.book-appointment-btn {
	background-color:var(--hip-joint-primarycolor-dark);
	padding: 2px 4px 2px 4px;
	text-decoration:none;
	border-radius:6px;
	color:#ffffff;
}
.book-appointment-btn:hover {
	color:#ffffff;
	text-decoration:none;
}

.booked {
	aborder: 2px solid var(--hip-joint-primarycolor-dark);
	aborder: 2px solid #000000;
	aborder-radius: 6px;
	color: #333333;
}

.home-therapist {
	font-size: 10pt;
}

.home-actions {
	font-size: 10pt;	
}
.btn-bookappointment {
	background-color: var(--hip-joint-primarycolor-dark);
	border: 1px solid var(--hip-joint-primarycolor-dark);
	border-radius: 6px;
	color: #ffffff;
	max-width: 70px;
	padding-left: 5px;
	padding-right: 5px;
}
.btn-bookappointment:hover {
	color: #ffffff;
}

/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

#pagetitle {
	color:#ffffff;
	font-weight: bold;
	padding-left: 15px;
	font-size: 18pt;
	padding-bottom: 0px;
}

.smallfont {
	font-size: 8pt;
}

.schedule0 {display:none;}	
.schedule5 {height: 15px;}
.schedule10 {height: 30px;}
.schedule15 {height: 45px;}
.schedule20 {height: 60px;}
.schedule25 {height: 75px;}
.schedule30 {height: 90px;}
.schedule35 {height: 105px;}
.schedule40 {height: 120px;}
.schedule45 {height: 135px;}
.schedule50 {height: 150px;}
.schedule55 {height: 165px;}
.schedule60 {height: 180px;}
.schedule65 {height: 195px;}
.schedule70 {height: 210px;}
.schedule75 {height: 225px;}
.schedule80 {height: 240px;}
.schedule85 {height: 255px;}
.schedule90 {height: 270px;}
.schedule95 {height: 285px;}
.schedule100 {height: 300px;}
.schedule105 {height: 315px;}
.schedule110 {height: 330px;}
.schedule115 {height: 345px;}
.schedule120 {height: 360px;}
.schedule125 {height: 375px;}
.schedule130 {height: 390px;}
.schedule135 {height: 405px;}
.schedule140 {height: 420px;}
.schedule145 {height: 435px;}
.schedule150 {height: 450px;}
.schedule155 {height: 465px;}
.schedule160 {height: 480px;}
.schedule165 {height: 495px;}
.schedule170 {height: 510px;}
.schedule175 {height: 525px;}
.schedule180 {height: 540px;}
.schedule185 {height: 555px;}
.schedule190 {height: 570px;}
.schedule195 {height: 585px;}
.schedule200 {height: 600px;}
.schedule205 {height: 615px;}
.schedule210 {height: 630px;}
.schedule215 {height: 645px;}
.schedule220 {height: 660px;}
.schedule225 {height: 675px;}
.schedule230 {height: 690px;}
.schedule235 {height: 705px;}
.schedule240 {height: 720px;}
.schedule245 {height: 735px;}
.schedule250 {height: 750px;}
.schedule255 {height: 765px;}
.schedule260 {height: 780px;}
.schedule265 {height: 795px;}
.schedule270 {height: 810px;}
.schedule275 {height: 825px;}
.schedule280 {height: 840px;}
.schedule285 {height: 855px;}
.schedule290 {height: 870px;}
.schedule295 {height: 885px;}
.schedule300 {height: 900px;}
.schedule305 {height: 915px;}
.schedule310 {height: 930px;}
.schedule315 {height: 945px;}
.schedule320 {height: 960px;}
.schedule325 {height: 975px;}
.schedule330 {height: 990px;}
.schedule335 {height: 1005px;}
.schedule340 {height: 1020px;}
.schedule345 {height: 1035px;}
.schedule350 {height: 1050px;}
.schedule355 {height: 1065px;}
.schedule360 {height: 1080px;}
.schedule365 {height: 1095px;}
.schedule370 {height: 1110px;}
.schedule375 {height: 1125px;}
.schedule380 {height: 1140px;}
.schedule385 {height: 1155px;}
.schedule390 {height: 1170px;}
.schedule395 {height: 1185px;}
.schedule400 {height: 1200px;}
.schedule405 {height: 1215px;}
.schedule410 {height: 1230px;}
.schedule415 {height: 1245px;}
.schedule420 {height: 1260px;}
.schedule425 {height: 1275px;}
.schedule430 {height: 1290px;}
.schedule435 {height: 1305px;}
.schedule440 {height: 1320px;}
.schedule445 {height: 1335px;}
.schedule450 {height: 1350px;}
.schedule455 {height: 1365px;}
.schedule460 {height: 1380px;}
.schedule465 {height: 1395px;}
.schedule470 {height: 1410px;}
.schedule475 {height: 1425px;}
.schedule480 {height: 1440px;}
.schedule485 {height: 1455px;}
.schedule490 {height: 1470px;}
.schedule495 {height: 1485px;}
.schedule500 {height: 1500px;}
.schedule505 {height: 1515px;}
.schedule510 {height: 1530px;}
.schedule515 {height: 1545px;}
.schedule520 {height: 1560px;}
.schedule525 {height: 1575px;}
.schedule530 {height: 1590px;}
.schedule535 {height: 1605px;}
.schedule540 {height: 1620px;}


#scheduletablecontainer {
	overflow: auto;
	-ms-overflow-style: auto;	
}
#scheduletablecontainer::-webkit-scrollbar { /* WebKit */
    awidth: 0;
    aheight: 0;
}

.scheduletable thead, .scheduletable tbody {
	display:block;
} 
.scheduletable tbody {
   max-height: 800px;
   overflow: auto;
}

.scheduletable th {
  font-weight:normal;
  position: sticky;
  top: 0;
  z-index: 2;
}
.scheduletable-title {
   border: 1px solid #cccccc;	
   white-space: nowrap;   
   padding: 4px !important;
   background-color: #333333 !important;
   color:#ffffff;
}
.scheduletable td {
	aborder: 1px solid #ff0000; 
	padding: 0px;
	awidth: 200px;
	background-color: #eeeeee;
}
.scheduleitemtime {
	border: 1px solid #333333;	
	padding-left: 4px !important;
	padding-right: 4px !important;
	width: 75px !important;
}
.scheduleitem {
	border: 1px solid #bbbbbb;	
	padding-left: 10px;
	overflow: scroll;
	-ms-overflow-style: none;
}
.scheduleitem::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.available {
	border: 1px solid #bbbbbb;
}
.grayborderbottom {
	border-bottom: 1px solid #aaaaaa;	
}
.lightgrayborderbottom {
	border-bottom: 1px solid #aaaaaa;	
}
.graybordertop {
	border-top: 1px solid #aaaaaa;	
}
.notavailable {
	border-right: 1px solid #bbbbbb;	
	border-left: 1px solid #bbbbbb;	
	background-color:#bbbbbb;
	overflow: hidden !important;
	-ms-overflow-style: none;
}
.day-view-therapist-name {
	font-weight:bold;
	font-size: 10pt;
}
.quickselectrow:hover {
	background-color: #eeeeee;
}

.paymentmethodinfodivclass {
   border: 1px solid var(--bs-gray-dark);
   background-color: var(--bs-gray-dark);
   margin-top: 20px;  
   margin-bottom: 20px;  
   padding: 10px;   
   border-radius: 6px;
   color: #ffffff;
   font-weight: normal;
}
.paymentmethodinfodivclass label {
   color: var(--bs-gray-dark);
}
.text-small {
	font-size: 9pt;
}
.text-smaller {
	font-size: 8pt;
}

.usegiftcardlink, .usediscountcodelink {
	text-decoration: underline;
	color: var(--bs-body-color);
}

.btn-soapnote {
	margin-right: 5px;
	padding: 4px 6px 4px 6px;
	border: 1px solid #333333;
	border-radius: 3px;
	font-size: 10pt;
	background-color: #eeeeee;
	color: #000000 !important;
}
.btn-soapnote:hover {
	background-color: #dddddd;
	background-color: #dddddd;
	text-decoration: none;
}

.btn-soap-edit {
	
}
.btn-soap-complete {
   background-color: var(--hip-joint-primarycolor-dark);
   color:#ffffff !important;
}
.btn-soap-complete:hover {
   background-color: var(--hip-joint-primarycolor-dark);
}

.btn-checkout {
	margin-right: 0px;
	padding: 4px 6px 4px 6px;
	border: 1px solid #333333;
	border-radius: 3px;
	font-size: 8pt;
	background-color: #eeeeee;
	color: #000000 !important;
}
/* desktop */
@media (min-width: 768px) {
	.btn-checkout {
		font-size: 10pt;
	}
}



.schedulerow {
	background-color: #eeeeee;
}

.signature-canvas {
  aposition: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  border: 1px solid #333333;
}

/* desktop */
@media (min-width: 768px) {
	.signature-canvas {
		awidth: 1600px;
		awidth: 1600px;
	}
}

#calendaricon {
	color: var(--hip-joint-primarycolor-dark);
}

.form-floating label {
	color: #000000;
}

.schedule-therapist-photo-div-parent {
    awidth:10vw;
    aheight:10vh;
	aposition:relative;
	
}
.schedule-therapist-photo-div {
   position: absolute;	
   top: 0;
   margin:auto;
   awidth: 40%;
   left: 62px;
   text-align: center;
   
   width: 75px;
   amargin: auto;
   atransform: translateX(50%);
   
}

.ui-front {
	border: 1px solid #ff0000;
}
.ui-menu-item {
	padding-top: 20px;
	border: 1px solid #0000ff;
}

#toppatientsearch{
   position:absolute;
   top:0;
   margin-top:8px;
}

#toppatientsearch_results {
	background-color:#ffffff;
	padding: 10px;
	opacity: 0.95;
	color: #000000;
	border: 1px solid #dddddd;
	border-radius: 6px;
	overflow: scroll;
	max-height: 500px;
	max-width: 400px;
}

.toppatientsearchline {
	border-bottom: 1px solid #dddddd;
	padding: 2px;
}
.toppatientsearchline:hover {
   background-color:var(--hip-joint-primarycolor);
   color:#000000 !important;
}
.toppatientsearchline a:hover {
   color:#000000 !important;
}
.badge-red {
	background-color:#ff0000;
	margin-top:0px !important;
}
.badge-black {
	background-color:#000000;
	margin-top:0px !important;
}

.not-paid-row td, .not-paid-row a {
	color: #ff0000 !important;
}

.nav-tab-bottom {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}
@media (max-width: 768px) {
	.nav-tab-bottom {
		padding: 5px;
	}
}
.light-gray-hover:hover {
	border: 2px solid #bbbbbb;
	border-radius: 6px;
}
.nav-tabs .nav-item .nav-link {
	color: var(--hip-joint-primarycolor-dark);
}
.nav-tabs .nav-item .nav-link.active {
	font-weight: bold;
	background-color:#ffffff;
}

/* mobile only*/
@media (max-width: 768px) {
	#checkout-table {
		border-top: 1px solid #333333; 
		border-bottom: 1px solid #333333; 
	}
}
	
.border-home-column-1 { border-bottom: 1px solid #000000; }
.border-home-column-2 { border-bottom: 1px solid #000000; }
.border-home-column-3 { border-bottom: 1px solid #000000; }

.border-home-column-first-1 { border-top: 1px solid #000000; }
.border-home-column-first-2 { border-top: 1px solid #000000; }
.border-home-column-first-3 { border-top: 1px solid #000000; }

@media (max-width: 768px) {
	.border-home-column-1 { border-bottom: 0px solid #000000; }
	.border-home-column-2 { border-bottom: 0px solid #000000; }
	.border-home-column-3 { border-bottom: 1px solid #000000; }
	.border-home-column-first-1 { border-top: 1px solid #000000; }
	.border-home-column-first-2 { border-top: 0px solid #000000; }
	.border-home-column-first-3 { border-top: 0px solid #000000; }
}

.TabletCheckoutTableDiv {
	border: 1px solid #333333;
	border-radius: 6px;
	padding: 6px;
	width: 100%;
}
/* mobile */
@media (max-width: 768px) {
	.TabletCheckoutTableDiv {
		border: 1px solid #333333;
		border-radius: 6px;
		padding: 1px;
		width: 100%;
	}
}
.selfcheckout-card-body {
   padding: 6px;
}

#TabletCheckoutTable {
}

#TabletCheckoutTable td {
	padding: 6px;
	border: 1px solid #ffffff;
	font-size: 14pt;
}

.div-needtocancel {
	color: #ffffff;
	background-color: #ff0000;
	padding: 3px;
	margin: 3px;
	border-radius: 6px;
}

#cancelmessage {
	color: #ff0000;
}

.white {
	color: #ffffff !important;
}

.addproducttitlerow {
	background-color: var(--hip-joint-primarycolor-dark);
	color: #ffffff !important;
}

.DivAddCustomMessage {
	font-weight:bold;
	font-size: 10pt;
	margin-top: 10px;
	color: #ff0000;
}

.giftcardimageselected {
	border: 3px solid #000000;
}