:root{
		--bs-primary:#008080;
		--bs-primary-light: #CCE3EA;
		--bs-primary-rgb: 0, 128, 128;
		--bs-primary-light-rgb: 204, 227, 234;
		--bs-success: #6A9F0D;
		--bs-success-rgb: 106,159,13;
		--bs-danger: #BF171D;
		--bs-danger-light: #E84249;
		--bs-danger-rgb: 191,23,29;
		--bs-danger-light-rgb: 255, 121, 82;
		--bs-warning: #F5AF02;
		--bs-warning-rgb: 245,175,2;
		--bs-info: #2D527C;
		--bs-info-rgb: 45,82,124;
		--bs-primary-text:#000000;
		--bs-primary-bg-subtle:#00808044;
		--bs-primary-border-subtle:#00808044;
		--btn-text-col: ;
		--bs-list-group-action-active-bg: #F7F7F7;
		--bs-list-group-active-bg: #F7F7F7;
}
.btn{
	--bs-btn-disabled-opacity: 0.55;
}
.btn-primary, .btn-outline-primary {
	--bs-btn-color: ;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: ;
	--bs-btn-hover-bg:  #979797;
	--bs-btn-hover-border-color: #979797;
	--bs-btn-focus-shadow-rgb: 130,138,145;
	--bs-btn-active-color: ;
	--bs-btn-active-bg:  #979797;
	--bs-btn-active-border-color:  #979797;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-primary:hover, .btn-outline-primary:hover{
	background-color : #008080CC !important;
	border-color : #008080CC !important;
}

.btn-secondary {
	--bs-btn-color: #000000;
	--bs-btn-bg: #D8D8D8;
	--bs-btn-border-color: #D8D8D8;
	--bs-btn-hover-color: #000000;
	--bs-btn-hover-bg:  #979797;
	--bs-btn-hover-border-color: #979797;
	--bs-btn-focus-shadow-rgb: 130,138,145;
	--bs-btn-active-color: #000000;
	--bs-btn-active-bg:  #979797;
	--bs-btn-active-border-color:  #979797;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:#000000;
	--bs-btn-disabled-bg: #D8D8D8;
	--bs-btn-disabled-border-color: #D8D8D8;
}

.btn-outline-primary {
	--bs-btn-color:var(--bs-primary);
	--bs-btn-bg: none;
	--bs-btn-border-color: var(--bs-primary);
}

.list-group{
	--bs-list-group-active-color: #000000;
	--bs-list-group-active-bg: #F7F7F7;
	--bs-list-group-active-border-color: #e9ecef;
	--bs-list-group-action-active-bg: #F7F7F7;
}


.text-primary{
	color: #008080 !important;
}


.text-bg-primary{
	color: #fff !important;
	background-color: var(--bs-primary) !important;
}
.text-bg-secondary{
	color: #000 !important;
	background-color: #F5F5F5 !important;
}

.border-primary{
	border-color: var(--bs-primary) !important;
}

.sidebar{
	box-shadow: -14px 0px 13px -5px  #D8D8D8 !important;
}

.topbar {
	/* background:; */
	color:var(--bs-primary);
}

body {
	/*scrollbar-color: #008080 #FFFFFF !important;*/
	scrollbar-color: #D8D8D8 #FFFFFF !important;
	background-color: #FFFFFF; 
}


.footer{
	background:#545454;
	color:#FFFFFF;
}

.form-check-input[type=radio] {
	border-color: var(--bs-secondary) !important;
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border:1px solid var(--bs-primary);
	box-shadow:0 0 0 2px white inset;
	background-image: none;
}

/*
.btn-landing{
	background:#D8D8D8;
}
*/

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 10px 10px 10px #F6F8F9;
}

::-webkit-scrollbar-thumb {
	background: var(--bs-primary);
}

::-webkit-scrollbar-thumb:window-inactive {
	background:var(--bs-primary);
}

.topShadow{
	box-shadow: 0px 0 10px #979797;
}

/* Promotion Block */
.promotion-block{
	background:#008080;
	color: !important;
}
.promotion-block  a {
	color: !important;
	text-decoration: underline;
}

.promotion-block span{
	color: !important;
}

/* SelectDay */
.TimePeriodTitle{
	color:#979797;
}

.CalDay.CalSel {
	background-color:#353535;
	color:#FFFFFF;
}

.CalDay.CalOpen {
	background-color:#FFFFFF;
	color:#000000;
}

.CalDay.CalEmpty {
	background-color:#FFFFFF;
	color:#000000;
}

.CalDay {
	background-color:#EDEDED;
	color:#000000;
}

.CalSel {
	background-color:#008080!important;
	color: !important;
} 

/* Menu */
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #9aa3ab !important;
    background-color: unset !important;
}

/* alert */
.alert-primary1{
	background-color: #008080 !important;
	--bs-alert-color:  !important;
	--bs-alert-link-color: #008080 !important;
}

/* Desktop CSS */
@media (min-width: 700px)  { 
	.topbar > div >  a, .topbar > div > div > a {
	  /*  color:var(--bs-primary) !important; */
		color: #000 !important; 
	}
	.topbar #navBlock{
		margin-bottom:0px !important;
	}
	.topbar #navBlock > li {
		display:inline-block;
	}
	.topbar #navBlock > li:not(:last-child)::after{
		content: " |";
		font-weight:bold;
		font-size:18px;
		margin:0px 2px;
	}
	.topbar #navBlock a {
		color: #000 !important; 
	}
	.right_arrow:after {
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.right_arrow:before {
		border-top: 15px solid #FFFFFF;
		border-bottom: 15px solid #FFFFFF;
	}
	.right_arrow_step_1 {
		color: ;
		background:var(--bs-primary);
	}
	.right_arrow_step_1:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_1:after {
		border-left: 15px solid #FFFFFF;
	}

	.right_arrow_step_2 {
		color: ;
		/* background: #008080DD; */
		background:var(--bs-primary);
	}
	.right_arrow_step_2:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_2:after {
		border-left: 15px solid #FFFFFF;
	}

	.right_arrow_step_3 {
		color: ;
	   /* background: #008080AA; */
	   background:var(--bs-primary);
	}
	.right_arrow_step_3:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_3:after {
		border-left: 15px solid #FFFFFF;
	}

	
	.right_arrow_step_4 {
		color: ;
	   /* background: #00808099; */
	   background:var(--bs-primary);
	}
	.right_arrow_step_4:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_4:after {
		border-left: 15px solid #FFFFFF;
	}

	
	.right_arrow_step_5 {
		color: ;
		/* background: #00808077; */
		background:var(--bs-primary);
	}
	.right_arrow_step_5:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_5:after {
		border-left: 15px solid #FFFFFF;
	}
	
	.right_arrow_step_7 {
		color: ;
		/* background: #00808066; */
		background:var(--bs-primary);
	}
	.right_arrow_step_7:before {
		border-left: 15px solid transparent;
	}
	.right_arrow_step_7:after {
		border-left: 15px solid #FFFFFF;
	}

	.list-size, .purchase-gv-size {
		height: calc(100vh - 260px);
		overflow-y: auto;
	}

	.tandc-size {
		//height: calc(100vh - 405px);
		overflow-y: auto;
	}

	.appointment-size {
		height: calc(100vh - 210px);
	}
	
	.history-size, .payment-page-size {		
		height: calc(100vh - 240px);
		overflow-y: auto;
	}
	
	.refund-page-size, .landing-page-size, .recover-password-page-size, .login-page-size, .register-page-size{
		padding-bottom: 280px !important;
	}

	.promotion-block {			
		/* dynamic height based on content */
		min-height: px;
	}
}

/* Mobile CSS */
@media (max-width: 699px)  { 
	.MobHide{
		display: none;
	}

	.topbar {
		background:#FFFFFF !important;
		color: #008080 !important;
	}
	.topbar > div >  a {
		color: !important;
	}
	.topbar #navBlock{
		margin-bottom:0px !important;
	}
	.topbar #navBlock > li {
		display:inline-block;
	}
	.topbar #navBlock > li:not(:last-child)::after{
		content: " |";
		font-weight:bold;
		font-size:18px;
		margin:0px 2px;
	}
	.topbar #navBlock a {
		color:  !important; 
	}
	nav{
		background-color: #FFFFFF;
	}

	.service-heading {
		border-top: 1px solid #37373733;
		background-color:var(--bs-white);
	}

	.mobile-agreement-heading {
		border-top: 1px solid #37373733;
		border-bottom: 1px solid #37373733;
	}

	.mobile-top-margin {
		margin-top: 100px !important;
	}

	.content-size {
		height: calc(100vh - 80px);
		overflow-y: auto;
		margin-top: 80px !important;
	}

	.register-size {
		height: auto;
		overflow-y: auto;
		margin-top: 110px !important;
		margin-bottom: 180px !important;
		padding-bottom: 45px;
	}
	
	.service-page-size,
	.time-page-size {
		margin-top: 100px !important;
		margin-bottom: 180px !important;
		/*margin-bottom: 340px !important;*/
	}

	.time-page-size {
		padding-bottom: 140px !important;
	}

	.service-list-size {
		height: auto;
	}

	.time-list-size {
		height: auto;
	}

	.agreement-page-size {
		margin-top: 100px !important;
		padding-bottom: 310px !important;
	}

	.payment-page-size {
		padding-bottom: 170px !important;
		padding: 1rem;
	}

	.appointment-size {
		padding-bottom: 240px !important;
		padding: 1rem;
	}

	.history-size {
		margin-top: 100px !important;
		padding-bottom: 220px !important;
	}

	.refund-page-size {
		margin-top: 100px !important;
		padding-bottom: 220px !important;
	}

	.promotion-block {
		/* dynamic height based on content */
		min-height: px;
	}
}