html{font-family:Arial;font-weight:400;}
body{background:white;font-weight:400;font-size:16px;width:100%;overflow:auto !important;overflow-x:hidden;}

header{}
main{min-height:650px;padding-top:20px;padding-bottom:40px;}
/*main .body-wrapper{padding-top:40px;padding-bottom:40px;}*/
footer{}
a:hover{cursor:pointer;}
a.disable-click{color:white !important;background:#CCCCCC !important;border-color:#CCCCCC !important;pointer-events:none;cursor:not-allowed;}
.row{margin-bottom:0px;}
.col .row{margin-left:0px;margin-right:0px;}


#preloader-div{z-index:1100;position:fixed;background:white;bottom:-100px;height:40px;width:40px;box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
#preloader-div>div{height:inherit;width:inherit;}
#preloader-div .preloader-wrapper{margin-top:7px;}
#preloader-div .preloader-wrapper.small{height:26px;width:26px;}
.spinner-primary-color-only{border-color:#5196f0;}

[v-cloak]{display:none;}

.btn{font-size:13.33px;font-family:Arial;height:auto;line-height:initial;padding:12px 2rem 11px 2em;}
.btn-large{height:auto;line-height:initial;padding:15px 2rem;}
.btn-small{font-size:12px;padding:1px 1rem;}
.btn.primary,.btn-large.primary,.btn-small.primary{background:#5196f0;}
.btn.secondary,.btn-large.secondary,.btn-small.secondary{color:black;background:#DDDDDD;}

.modal:not(.datepicker-modal){background:white;top:5% !important;max-height:90% !important;}
.modal:not(.datepicker-modal) .modal-content{padding:5px 10px;}
.modal:not(.datepicker-modal) .modal-content .modal-close{padding:5px 8px;margin-top:5px;color:#666666;border:2px solid #A1A1A1;border-radius:100px;}
.modal:not(.datepicker-modal) .modal-content .modal-close:hover{background:#F7F7F7;color:black;}

.table-wrapper{width:100%;overflow-x:auto;}
table tr td{padding:8px 5px;}
table thead{border-bottom:1px solid #BBBBBB;}
table.no-border tr{border:0px;}
table.PSMALL tbody tr td{padding:5px 0px;}
table.PSMALL thead tr th{font-size:12px;padding:5px 0px;}
table.no-padding tbody tr td{padding:0px;}

/* HELPER CLASSES */
	.DBLOCK{display:block;}
	.DINLINE{display:inline;}
	.DINLINEBLOCK{display:inline-block;}
	.TRANSITION04{transition:all 0.4s;}
	.TJUSTIFY{text-align:justify;}
	.CPOH:hover{cursor:pointer;}
	.TU{text-decoration:underline;}
	.TUOH:hover{text-decoration:underline;}
	.STRIKETHROUGH{text-decoration:line-through;}
	.COMMA:not(:last-child):after{margin-right:5px;content:',';}
	.TSENTENCECASE{text-transform:capitalize;}
	.TUPPERCASE{text-transform:uppercase;}
	.VATOP{vertical-align:top;}
	.VAMIDDLE{vertical-align:middle;}
	.VABOTTOM{vertical-align:bottom;}
	.BRADIUS5{border-radius:5px !important;}
	.BRADIUS10{border-radius:10px !important;}
	.BRADIUS100{border-radius:100px !important;}
	.BRNR{background-repeat:no-repeat;}
	.BSCONTAIN{background-size:contain;}
	.BSCOVER{background-size:cover;}
	.HI{height:inherit;}
	.LHI{line-height:inherit;}
	.card{background-color:white;box-shadow:2px 2px 3px 0 hsla(205,5%,48%,.12);padding-top:20px !important;padding-bottom:30px !important;}
	.shadow-1{box-shadow:2px 2px 3px 0 hsla(205,5%,48%,.12);}
	.shadow-2{box-shadow:0 14px 42px 0 rgba(0,0,0,.2);}
	.shadow-3{box-shadow:0 5px 18px 0 rgba(0,0,0,.2);}

	.PRELATIVE{position:relative;}
	.PABSOLUTE{position:absolute;}

	ul{margin-top:0px;margin-bottom:0px;}
	ul.inline li{display:inline;}
	ul.margin{margin-left:30px !important;}
	ul.margin li{list-style-type:none;padding-bottom:5px;}
	ul.bullets{margin-left:30px;}
	ul.bullets li{list-style-type:disc;padding-bottom:5px;}
	ul.decimal{margin-left:30px;}
	ul.decimal li{list-style-type:decimal;padding-bottom:5px;}

	.toast{background:white;color:black;padding:0px;font-size:14px;box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0.3);border-radius:5px;min-height:40px;margin-top:20px;}
	.toast div.main-content{width:100%;background:white;margin-left:8px;padding:10px 30px;min-height:inherit;}
	.toast.general-toast{background:#03a9f4;}
	.toast.success-toast{background:#388e3c;}
	.toast.warning-toast{background:#fb8c00;}
	.toast.failed-toast{background:#e65100;}
/* HELPER CLASSES */


/* FONT WEIGHT CLASSES */
	.FW300{font-weight:300;}
	.FW400{font-weight:400;}
	.FW700{font-weight:700;}
/* FONT WEIGHT CLASSES */


/* FONT SIZE CLASSES */
	.FS8{font-size:8px;}
	.FS10{font-size:10px;}
	.FS11{font-size:11px;}
	.FS12{font-size:12px;}
	.FS13{font-size:13px;}
	.FS14{font-size:14px;}
	.FS15{font-size:15px;}
	.FS16{font-size:16px;}
	.FS17{font-size:17px;}
	.FS18{font-size:18px;}
	.FS19{font-size:19px;}
	.FS20{font-size:20px;}
	.FS21{font-size:21px;}
	.FS22{font-size:22px;}
	.FS23{font-size:23px;}
	.FS24{font-size:24px;}
	.FS26{font-size:26px;}
	.FS28{font-size:28px;}
	.FS30{font-size:30px;}
	.FS32{font-size:32px;}
	.FS36{font-size:36px;}
	.FS38{font-size:38px;}
	.FS40{font-size:40px;}
	.FS60{font-size:60px;}
	.FS80{font-size:80px;}
	.FS100{font-size:100px;}
/* FONT SIZE CLASSES */


/* PADDING CLASSES */
	.P5{padding:5px !important;}
	.P10{padding:10px !important;}

	.TP20{padding-top:20px !important;}

	.BP0{padding-bottom:0px !important;}
	.BP20{padding-bottom:20px !important;}

	.HP0{padding-left:0px !important;padding-right:0px !important;}
	.HP5{padding-left:5px !important;padding-right:5px !important;}
	.HP10{padding-left:10px !important;padding-right:10px !important;}
	.HP15{padding-left:15px !important;padding-right:15px !important;}
	.HP20{padding-left:20px !important;padding-right:20px !important;}
	.HP30{padding-left:30px !important;padding-right:30px !important;}

	.VP2{padding-top:2px !important;padding-bottom:2px !important;}
	.VP5{padding-top:5px !important;padding-bottom:5px !important;}
	.VP10{padding-top:10px !important;padding-bottom:10px !important;}
	.VP20{padding-top:20px !important;padding-bottom:20px !important;}
	.VP25{padding-top:25px !important;padding-bottom:25px !important;}
	.VP30{padding-top:30px !important;padding-bottom:30px !important;}
	.VP40{padding-top:40px !important;padding-bottom:40px !important;}
	.VP50{padding-top:50px !important;padding-bottom:50px !important;}
	.VP60{padding-top:60px !important;padding-bottom:60px !important;}
/* PADDING CLASSES */


/* MARGIN CLASSES */
	.TM5{margin-top:5px;}
	.TM10{margin-top:10px;}
	.TM20{margin-top:20px;}
	.TM30{margin-top:30px;}
	.TM40{margin-top:40px;}
	.TM80{margin-top:80px;}

	.RM5{margin-right:5px;}
	.RM10{margin-right:10px;}
	.RM20{margin-right:20px;}

	.BM0{margin-bottom:0px;}
	.BM5{margin-bottom:5px;}
	.BM10{margin-bottom:10px;}
	.BM40{margin-bottom:40px;}
	.BM80{margin-bottom:80px;}

	.LM50{margin-left:50px;}

	.VM0{margin-top:0px;margin-bottom:0px;}
	.VM5{margin-top:5px;margin-bottom:5px;}
	.VM8{margin-top:8px;margin-bottom:8px;}
	.VM10{margin-top:10px;margin-bottom:10px;}
	.VM12{margin-top:12px;margin-bottom:12px;}
	.VM15{margin-top:15px;margin-bottom:15px;}
	.VM20{margin-top:20px;margin-bottom:20px;}

	.HM10{margin-left:10px !important;margin-right:10px !important;}
	.HM20{margin-left:20px;margin-right:20px;}
/* MARGIN CLASSES */


/* COLOR CLASSES */
	.TCWHITE{color:white;}
	.TCWHITEOH:hover{color:white !important;}
	.TCBLACK{color:black;}
	.TCPRIMARY{color:#5196f0;}
	.TCPRIMARYOH:hover{color:#5196f0;}
	.TCLGREEN{color:#4BC800;}
	.TCDGREEN{color:green;}
	.TCORANGE{color:#FF9800;}
	.TCRED{color:red;}
	.TCYELLOW{color:#FF9800;}

	.TC333333{color:#333333;}
	.TC333333OH:hover{color:#333333 !important;}
	.TC666666{color:#666666;}
	.TC999999{color:#999999;}
	.TCBBBBBB{color:#BBBBBB;}
	.TCBBBBBBOH:hover{color:#BBBBBB;}
/* COLOR CLASSES */


/* BACKGROUND COLOR CLASSES */
	.BGWHITE{background-color:white !important;}
	.BGWHITEOH:hover{background-color:white !important;}
	.BGPRIMARY{background-color:#5196f0;}
	.BGBLUE{background-color:#F4F9FF;}
	.BGORANGE{background-color:#FF9800;}
	.BGDGREEN{background-color:green;}
	.BGRED{background-color:red;}
	.BGYELLOW{background-color:yellow;}
	.BGLIGHTBLUE{background-color:rgba(78,255,255,0.1);}

	.BGEEEEEE{background-color:#EEEEEE;}
	.BGF4F4F4{background-color:#F4F4F4;}
	.BGF4F4F4OH:hover{background-color:#F4F4F4;}
	.BGF8F8F8{background-color:#F8F8F8;}
	.BG1B1B1B{background-color:#1B1B1B;}
	.BG2B2B2B{background-color:#2B2B2B;}
	.BGTRANSPARENT{background-color:transparent !important;}
/* BACKGROUND COLOR CLASSES */


/* BORDER CLASSES */
	.BALL{border:1px solid white;}
	.BT{border-top:1px solid white;}
	.BR{border-right:1px solid white;}
	.BB{border-bottom:1px solid white;}
	.BL{border-left:1px solid white;}

	.BW2{border-width:2px !important;}
	.BW3{border-width:3px;}
	.BW4{border-width:4px;}

	.BCPRIMARY{border-color:#5196f0;}
	.BCWHITEOH:hover{border-color:white;}
	.BCLGREEN{border-color:#4BC800 !important;}
	.BCRED{border-color:red !important;}
	.BC454545{border-color:#454545;}
	.BCBBBBBB{border-color:#BBBBBB;}
	.BCDFDFDF{border-color:#DFDFDF;}
	.BCDDDDDD{border-color:#DDDDDD;}
	.BCF2F2F2{border-color:#F2F2F2;}
/* BORDER CLASSES */


@media(max-width:600px){
	.TM15os{margin-top:15px !important;}
	.TALEFTos{text-align:left;}
	.TACENTERos{text-align:center;}
	.TARIGHTos{text-align:right;}
	.DBLOCKos{display:block;}
	.HP0os{padding-left:0px !important;padding-right:0px !important;}
	.W100os{width:100% !important;}

	#preloader-div{right:45%;}
	#preloader-div.show{bottom:50px;}

	.card{padding:20px 10px 30px 10px!important;}
	.modal:not(.datepicker-modal){width:100%;height:100%;max-height:100% !important;top:0% !important;}
}
@media(min-width:601px) and (max-width:992px){
	.TM15om{margin-top:15px !important;}
	.TALEFTom{text-align:left;}
	.TACENTERom{text-align:center;}
	.TARIGHTom{text-align:right;}
	.DBLOCKom{display:block;}
	.HP0om{padding-left:0px !important;padding-right:0px !important;}

	#preloader-div{right:46%;}
	#preloader-div.show{bottom:50px;}

	.card{padding:20px 30px 30px 30px!important;}
	.modal:not(.datepicker-modal){width:90%;max-height:90% !important;}
}
@media(min-width:993px){
	.TALEFTol{text-align:left;}
	.TACENTERol{text-align:center;}
	.TARIGHTol{text-align:right;}

	#preloader-div{right:48%;}
	#preloader-div.show{bottom:100px;}

	.card{padding:20px 30px 30px 30px!important;}
	.modal:not(.datepicker-modal){width:70%;max-height:90% !important;}
}

.availability-container {
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	overflow: visible;
	/* allow inner scrolling */
}

.availability-container label {
	font-size: 1.2rem;
	color: #333;
}

#availability-rows {
	max-height: 300px;
	/* enable scrolling when content exceeds this height */
	overflow-y: auto;
	/* show vertical scroll */
	margin-bottom: 15px;
	padding-right: 8px;
	/* prevent scrollbar from overlapping content */
}

.availability-row {
	background-color: #ffffff;
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
	/* make responsive */
}

.availability-row input[type="date"],
.availability-row input[type="time"],
.availability-row select {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
	outline: none;
	transition: border-color 0.2s;
	font-size: 14px;
}

.availability-row input[type="date"] {
	width: 160px;
}

.availability-row input[type="time"] {
	width: 100px;
}

.availability-row select {
	width: 70px;
}

.availability-row input:focus,
.availability-row select:focus {
	border-color: #007bff;
}

.input-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.input-field-label {
	font-weight: 500;
	font-size: 13px;
	color: #555;
}

.center-label .until-text {
	display: inline-block;
	padding-top: 25px;
	font-weight: bold;
	color: #333;
}

.remove-row {
	background-color: transparent;
	color: #e74c3c;
	border: none;
	padding: 6px 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
}

.remove-row:hover {
	text-decoration: underline;
}

#add-availability-row {
	background-color: #007bff;
	color: white;
	padding: 10px 20px;
	font-size: 1rem;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

#add-availability-row:hover {
	background-color: #0056b3;
}

#availability-rows::-webkit-scrollbar {
	width: 8px;
}

#availability-rows::-webkit-scrollbar-thumb {
	background-color: #007bff;
	border-radius: 4px;
}

#availability-rows::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

/* Optional: horizontal chunk layout if desired */
.chunk-rows {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

/* Responsive: Ensure proper wrap on mobile */
@media (max-width: 768px) {
	.availability-row {
		flex-direction: column;
		align-items: stretch;
	}

	.availability-row input[type="date"],
	.availability-row input[type="time"],
	.availability-row select {
		width: 100%;
	}
}

.fix-height-subsection {
	min-height: 500px;
    max-height: 600px;
    height: auto;
    overflow-y: auto;
}
.availability-row [type="time"] {
    padding: 0 3px!important;
}
.strike-row {
    position: relative;
    opacity: 0.6;
}

.strike-row::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #999;
    transform: translateY(-50%);
    z-index: 1;
}

.time_input-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.time-input-wrapper {
    display: flex;
    align-items: center;
}

.time-type {
    margin-right: 10px;
    width: 100px;
}

.time-input-wrapper .browser-default, .time-input-wrapper input[type="text"] {
    width: 68px; 
}

td.remove-row-td {
    display: flex;
    justify-content: space-between;
	gap: 5px;
}

@media (max-width: 600px) {
	td.remove-row-td {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	td.remove-row-td button {
		font-size: 13px;
		padding: 10px 12px;
		width: 100%;
	}
	.checkbox-part {
		column-count: 1 !important;
	}
}