@font-face {
    font-family: Poppins-Regular;
    src: url("../fonts/Poppins/Poppins-Regular.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Light;
    src: url("../fonts/Poppins/Poppins-Light.otf") format("opentype");
}

@font-face {
    font-family: Poppins-ExtraLight;
    src: url("../fonts/Poppins/Poppins-ExtraLight.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Thin;
    src: url("../fonts/Poppins/Poppins-Thin.otf") format("opentype");
}

@font-face {
    font-family: Poppins-Bold;
    src: url("../fonts/Poppins/Poppins-Bold.otf") format("opentype");
}

 @media(min-width:993px){
	body {
		    font-family: "Nunito",sans-serif;
		/* font-family: "Poppins-ExtraLight" !important; */
	}

	body * { 
		-webkit-font-smoothing: subpixel-antialiased !important; 
		text-rendering:optimizeLegibility !important;
	}
 }

:root {
	--theme-0-primary: #00395f;
	--theme-0-secondary: #0076c4;
	--theme-0-tertiary: #0081d6;
	
	--theme-1-primary: #462a68;
	--theme-1-secondary: #6d41a1;
	--theme-1-tertiary: #8e41a1;
	
	--theme-2-primary: #02393e;
	--theme-2-secondary: #045b62;
	--theme-2-tertiary: #079aa6;
	
	--theme-3-primary: #670000;
	--theme-3-secondary: #9a0000;
	--theme-3-tertiary: #cd0000;
	
    --h1-font: 'Nunito', sans-serif;
    --h1-size: 4.5rem;
    --h1-weight: 900;
    
    --h2-font: 'Nunito', sans-serif;
    --h2-size: 3rem;
    --h2-weight: 700;
    
    --p-font: 'Nunito', sans-serif;
    --p-size: 1rem;
    --p-weight: 400;

    --header-bg-color: #21333e;
    --nav-top-bg-color: #21333e;
    --nav-sub-bg-color: #21333e;
    --nav-holder-bg-color: #21333e;
    --nav-brand-height: 35px;
    --nav-item-color: #f9f9f9;
    --hero-bg-color: #111117;
    --footer-brand-height: 80px;

    --primary-color: #058283;
    --secondary-color: #00a6a6;
    
    --white-color: #ffffff;
    --black-color: #000007;
    --dark-grey-color: #111117;

    --primary-t-color: #21333e;
    --secondary-t-color: #f9f9f9; 
    --primary-p-color: #606d75;
    --secondary-p-color: #c0c3d0;
    --primary-b-color: #f9f9f9;
    --primary-l-color: rgba(0, 0, 0, .25);
    --secondary-l-color: rgba(255, 255, 255, 0.35);

    --valid-color: #007a4d;
    --invalid-color: #e34f4f;

    --primary-bg-color: #f9f9f9;
    --primary-bg-color-2: #f1f1f1;
    --primary-bg-color-3: rgba(5, 130, 131, 0.15);

    --secondary-bg-color: #111117;
    --secondary-bg-color-2: #080d10;
    --secondary-bg-color-3: #191919;

    --card-bg-color: #ffffff;

    --footer-bg-color: #111117;
}


html {
  scroll-behavior: smooth;
  transition: all 0.5s ease;
  font-weight :400;
}

#modal-intake-field-edit-add-option {outline:0px !important;}

/* #register-form-container{
	min-height:520px;
}
 */
.register-business-option.selected{
	border: 4px solid green !important;
}

.op-0{
	opacity: 0;
}

#register-select-business-structure-message{
	transition: all 0.5s ease;
}

.flash-message{
	transform:scale(1.2);
}

.display-none{
	display:none !important;
}

.container{
	max-width: 100% !important;
}

.mw-30{
	width:30px !important;
}

.mw-20{
	width:20px !important;
}

.mw-50{
	width:50px !important;
}

.ripple-gray { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: #868e96;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}
.ripple-gray:hover {
  background: #b1bbc4 radial-gradient(circle, transparent 1%, #b1bbc4 1%) center/15000%;
}
.ripple-gray:active {
  background-color: #cfd9e3;
  background-size: 100%;
  transition: background 0s;
}

.ripple-white { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: #868e96;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}
.ripple-white:hover {
  background: #b1bbc4 radial-gradient(circle, transparent 1%, #b1bbc4 1%) center/15000%;
}
.ripple-white:active {
  background-color: #cfd9e3;
  background-size: 100%;
  transition: background 0s;
}

.ripple-danger { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: #800000;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}
.ripple-danger:hover {
  background: #ad0000 radial-gradient(circle, transparent 1%, #ad0000 1%) center/15000%;
}
.ripple-danger:active {
  background-color: #d40202;
  background-size: 100%;
  transition: background 0s;
}

$primaryColor: var(--theme-0-primary);

@font-face {
  font-family: Glyphicons Halflings;
   src: url("glyphicons-halflings-regular.tiff") format("truetype");
}

.hun-element-heading--type-1 .description{
    max-width: 100% !important;
}

[class*="hun-section-"][class*="set-bg-"] .inner-section::before {
    background-color: #fff;
}

input[type=text], input[type=email], input[type=password], input[type=tel], textarea{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.d-grid{
	display:grid !important;
}

#mainTabs .nav-item .nav-link{
	transition: all .2s;
	font-size: 1em !important;
	padding: .7rem .25rem;
	font-weight: 400;
}

.form-shadow{
	box-shadow: 6px 8px 20px 0px rgb(0 0 0 / 10%);
	border: 1px solid #d3d3d3a3 !important;
	border-radius:0px !important;
}

.wrapper-header{
	    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}

.marketplace-header{
	font-family: "Brush Script MT", cursive; 
	font-size: 24px; 
	font-style: normal; 
	font-variant: normal;
	font-weight: 700; 
	line-height: 26.4px;
	bottom: 8px;
    position: absolute;
	color: var(--theme-0-primary) !important;
}

.divider-li{
	height: 0.5px;
    background: lightgray;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
}

/* #profile-modal{
	overflow-y:auto;
} */

.wrapper-header{
	z-index: 1001 !important;
}

.background-transparent{
	background:transparent !important;
}

select option:disabled {
    color: #eee;
}

select option.closed {
    color: #eee;
}


.d-contents{
	display:contents !important;
}

.fs-1{
	font-size: 0.8em !important;
}

.fs-2{
	font-size: 0.85em !important;
}

.fs-3{
	font-size: 0.9em !important;
}

.fs-4{
	font-size: 0.95em !important;
}

.fs-5{
	font-size: 1em !important;
}

.fs-xs{
	font-size: 0.85em !important;
}

.fs-sm{
	font-size: 0.9em !important;
}

.fs-m{
	font-size: 0.95em !important;
}

.fs-r{
	font-size: 1em !important;
}

.fs-sl{
	font-size: 1.2em !important;
}

.fs-l{
	font-size: 1.4em !important;
}

.fs-xl{
	font-size: 2em !important;
}

.fs-xxl{
	font-size: 3em !important;
}

.fs-xxxl{
	font-size: 4em !important;
}

.lh-1{
	line-height:1 !important;
} 

.lh-1-2{
	line-height:1.2 !important;
} 

.lh-2{
	line-height:2 !important;
} 

.lh-3{
	line-height:3 !important;
} 


.w-auto{
	width: auto !important;
}

.web-logo{
	max-height:30px !important;
}

.uae-logo{
	max-height:20px !important;
}


.modal form select,.modal form input,.modal form label,.modal form textarea,.modal form span{
	font-size: 0.95em;
}

.modal form input{
	font-size: 0.95em;
}

.modal{
	z-index:1100; /* !important */
}

.blockUI.blockOverlay{
	/*z-index:1100 !important;*/
}

.user-card-photo img{
	border-radius: 50%;
    border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 100px 50px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 100px 50px rgba(0,0,0,0.5);
	filter: grayscale(0%) !important;
}

.user-card-book-appointment a{
	color: #555a64 !important;
}
.user-card-photo{
	backdrop-filter: grayscale();
	/*filter: grayscale(100%);*/
}

.text-justify{
	text-align: justify !important;
}

.text-darkgray{
	color: darkgray !important;
}

.text-lightgray{
	color: #a5a4a4 !important;
}

.text-orange{
	color: #FF5E13 !important;
}

.border-right{
	border-right:1px solid #eee;
}

.border-left{
	border-left:1px solid #eee;
}

.border{
	border:1px solid lightgrey !important;
}

.border-thick{
	border:2px solid lightgrey !important;
}

.border-light{
	border:1px solid #d8d7d7 !important;
}

.bl-warning{
	border-left:6px solid #ffc107 !important;
}


.z-index-1{
	z-index:1;
}

.z-index-2{
	z-index:2;
}

.z-index-3{
	z-index:3;
}

.highlight{
	/* color: #0070ba; */
	color: var(--theme-0-primary) !important;
}


/************* THEME 0 ******************/
.theme-0-primary{
	color: var(--theme-0-primary) !important;
}

.background-theme-0-primary{
	background-color: var(--theme-0-primary) !important;
}

.b-theme-0-primary {
    border: dashed 1px var(--theme-0-primary) !important;
}

.bb-theme-0-primary{
	border-bottom:5px solid var(--theme-0-primary) !important;
}

.bb-theme-0-primary-thin{
	border-bottom:1px solid var(--theme-0-primary) !important;
}

.b-theme-0-primary-thick{
	border:2px solid var(--theme-0-primary) !important;
}

.bb-theme-0-primary-thick{
	border-bottom:3px solid var(--theme-0-primary) !important;
}

.theme-0-secondary{
	color: var(--theme-0-secondary) !important;
}

.background-theme-0-secondary{
	background-color: var(--theme-0-secondary) !important;
}

.b-theme-0-secondary {
    border: dashed 1px var(--theme-0-secondary) !important;
}

.bb-theme-0-secondary{
	border-bottom:5px solid var(--theme-0-secondary) !important;
}

.bb-theme-0-secondary-thin{
	border-bottom:1px solid var(--theme-0-secondary) !important;
}

.bb-theme-0-secondary-thick{
	border-bottom:3px solid var(--theme-0-secondary) !important;
}

.bl-theme-0-secondary{
	border-left:6px solid var(--theme-0-secondary);
}

/* Ripple effect */
.ripple-theme-0-primary { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: var(--theme-0-primary) !important;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}

.ripple-theme-0-primary:hover {
  background: var(--theme-0-secondary) radial-gradient(circle, transparent 1%, var(--theme-0-secondary) 1%) center/15000% !important; /*#005791*/
}

.ripple-theme-0-primary:active {
  background-color: var(--theme-0-tertiary) !important;
  background-size: 100%;
  transition: background 0s;
}

.theme-0-tertiary{
	color: var(--theme-0-tertiary) !important;
}
/************* THEME 1 ******************/
.theme-1-primary{
	color: var(--theme-1-primary) !important;
}

.background-theme-1-primary{
	background-color: var(--theme-1-primary) !important;
}

.b-theme-1-primary {
    border: dashed 1px var(--theme-1-primary) !important;
}

.bb-theme-1-primary{
	border-bottom:5px solid var(--theme-1-primary) !important;
}

.bb-theme-1-primary-thin{
	border-bottom:1px solid var(--theme-1-primary) !important;
}

.b-theme-1-primary-thick{
	border:2px solid var(--theme-1-primary) !important;
}

.bb-theme-1-primary-thick{
	border-bottom:3px solid var(--theme-1-primary) !important;
}

.theme-1-secondary{
	color: var(--theme-1-secondary) !important;
}

.background-theme-1-secondary{
	background-color: var(--theme-1-secondary) !important;
}

.b-theme-1-secondary {
    border: dashed 1px var(--theme-1-secondary) !important;
}

.b-theme-1-secondary-thick{
	border:2px solid var(--theme-1-secondary) !important;
}

.bb-theme-1-secondary{
	border-bottom:5px solid var(--theme-1-secondary) !important;
}

.bb-theme-1-secondary-thin{
	border-bottom:1px solid var(--theme-1-secondary) !important;
}

.bb-theme-1-secondary-thick{
	border-bottom:3px solid var(--theme-1-secondary) !important;
}

.bl-theme-1-secondary{
	border-left:6px solid var(--theme-1-secondary);
}

/* Ripple effect */
.ripple-theme-1-primary { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: var(--theme-1-primary) !important;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}

.ripple-theme-1-primary:hover {
  background: var(--theme-1-secondary) radial-gradient(circle, transparent 1%, var(--theme-1-secondary) 1%) center/15000% !important;
}

.ripple-theme-1-primary:active {
  background-color: var(--theme-1-tertiary) !important;
  background-size: 100%;
  transition: background 0s;
}

.theme-1-tertiary{
	color: var(--theme-1-tertiary) !important;
}

/************* THEME 2 ******************/
.theme-2-primary{
	color: var(--theme-2-primary) !important;
}

.background-theme-2-primary{
	background-color: var(--theme-2-primary) !important;
}

.b-theme-2-primary {
    border: dashed 1px var(--theme-2-primary) !important;
}

.bb-theme-2-primary{
	border-bottom:5px solid var(--theme-2-primary) !important;
}

.bb-theme-2-primary-thin{
	border-bottom:1px solid var(--theme-2-primary) !important;
}

.b-theme-2-primary-thick{
	border:2px solid var(--theme-2-primary) !important;
}

.bb-theme-2-primary-thick{
	border-bottom:3px solid var(--theme-2-primary) !important;
}

.theme-2-secondary{
	color: var(--theme-2-secondary) !important;
}

.background-theme-2-secondary{
	background-color: var(--theme-2-secondary)!important;
}

.b-theme-2-secondary {
    border: dashed 1px var(--theme-2-secondary) !important;
}

.bb-theme-2-secondary{
	border-bottom:5px solid var(--theme-2-secondary) !important;
}

.bb-theme-2-secondary-thin{
	border-bottom:1px solid var(--theme-2-secondary) !important;
}

.bb-theme-2-secondary-thick{
	border-bottom:3px solid var(--theme-2-secondary) !important;
}

.bl-theme-2-secondary{
	border-left:6px solid var(--theme-2-secondary);
}

/* Ripple effect */
.ripple-theme-2-primary { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: var(--theme-2-primary) !important;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}

.ripple-theme-2-primary:hover {
  background: var(--theme-2-secondary) radial-gradient(circle, transparent 1%, var(--theme-2-secondary) 1%) center/15000% !important;
}

.ripple-theme-2-primary:active {
  background-color: var(--theme-2-tertiary) !important;
  background-size: 100%;
  transition: background 0s;
}

.theme-2-tertiary{
	color: var(--theme-2-tertiary) !important;
}

/************* THEME 2 ******************/
.theme-3-primary{
	color: var(--theme-3-primary) !important;
}

.background-theme-3-primary{
	background-color: var(--theme-3-primary) !important;
}

.b-theme-3-primary {
    border: dashed 1px var(--theme-3-primary) !important;
}

.bb-theme-3-primary{
	border-bottom:5px solid var(--theme-3-primary) !important;
}

.bb-theme-3-primary-thin{
	border-bottom:1px solid var(--theme-3-primary) !important;
}

.b-theme-3-primary-thick{
	border:2px solid var(--theme-3-primary) !important;
}

.bb-theme-3-primary-thick{
	border-bottom:3px solid var(--theme-3-primary) !important;
}

.theme-3-secondary{
	color: var(--theme-3-secondary) !important;
}

.background-theme-3-secondary{
	background-color: var(--theme-3-secondary)!important;
}

.b-theme-3-secondary {
    border: dashed 1px var(--theme-3-secondary) !important;
}

.bb-theme-3-secondary{
	border-bottom:5px solid var(--theme-3-secondary) !important;
}

.bb-theme-3-secondary-thin{
	border-bottom:1px solid var(--theme-3-secondary) !important;
}

.bb-theme-3-secondary-thick{
	border-bottom:3px solid var(--theme-3-secondary) !important;
}

.bl-theme-3-secondary{
	border-left:6px solid var(--theme-3-secondary);
}

/* Ripple effect */
.ripple-theme-3-primary { /* 00395f*/
  background-position: center;
  transition: background 0.8s;
  cursor: pointer;
  color: white;
  background-color: var(--theme-3-primary) !important;
  box-shadow: 0px 2px 8px rgba(211,211,211,0.6);
  outline: none;
  padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
	 border: none;
	 font-weight:400;
}

.ripple-theme-3-primary:hover {
  background: var(--theme-3-secondary) radial-gradient(circle, transparent 1%, var(--theme-3-secondary) 1%) center/15000% !important;
}

.ripple-theme-3-primary:active {
  background-color: var(--theme-3-tertiary) !important;
  background-size: 100%;
  transition: background 0s;
}

.theme-3-tertiary{
	color: var(--theme-3-tertiary) !important;
}
/************** END THEMES ***************/

.font-white{
	color: #fff !important;
}

.fw-600{
	font-weight:600 !important;
}

.fw-800{
	font-weight:800 !important;
}

.fw-900{
	font-weight:900 !important;
}


.background-black{
	background-color: #000 !important;
}

.background-ivory{
	background-color: snow !important;
}

.background-dark{
	background-color: #161c2d !important;
}

.background-warning{
	background-color: #f0ad4e !important;
	
}

.background-warning-2{
	background-color:#6504af !important;
}

.background-lightsteelblue{
	    background-color: lightsteelblue;
}

.background-lightgray{
	    background-color: #d3d3d391;
}

.background-gray{
	    background-color: gray;
}

.hun-element-form--type-1 .form-check-input{
	width: 15px;
	height: 15px;
}

#book-main-body {
	background-color: rgba(29, 42, 59, 0.05);
	/*background-color: white !important;*/
}

.form-footer{
	background-color: #d3d3d3 !important;
	border-top: 1px solid lightgray;
}

.hun-element-form--type-1 form input, .hun-element-form--type-1 form select{
	border: 0.5px solid lightgray;
}

.form-check-label{
	cursor: pointer;
	cursor: hand;
}

.availability-card{
	cursor:pointer;
	cursor:hand;
}

.color-gray{
	color: gray;
}

.project-line-footer-action:hover , .project-line-actions-button:hover,.appointment-line-footer-action:hover , .appointment-line-actions-button:hover, .class-line-footer-action:hover , .class-line-actions-button:hover{
	cursor:pointer;
	cursor:hand;
	text-decoration:underline;
}

.invalid{
	border: 1px solid #8e41a1 !important;
}


.shadow{
	box-shadow:0 0 10px rgb(60 72 88 / 15%) !important; /* 0px 2px 8px rgb(85 85 85 / 60%);*/
}

.shadow-none{
	box-shadow: none;
}

.card-shadow-danger {
	box-shadow: 0px 5px 8px rgba(217,37,80,0.6);
}

.card-shadow-warning {
	box-shadow: 0px 5px 8px rgba(240,173,78,0.6);
}

.card-shadow-success{
	box-shadow: 0px 5px 8px rgba(32,129,82,0.6);
}

.color-success{
	color: #208152 !important;
}
.color-primary{
	color: #3d5d83 !important;
}
.color-info{
	color: #5bc0de !important;
}
.color-warning{
	color: #f0ad4e !important;
}
.color-danger{
	color: #d9534f !important;
}

.datepicker table tr td.today{
	background-image:none !important;
	color: #fff !important;
    background-color: #3d5d83 !important;
}

.datepicker th {
	font-size:.8rem !important;
}

.datepicker td{
	font-size:1rem !important;
	text-transform: uppercase;
}

.datepicker td{
	width: 32px !important;
	height:32px !important;
	
}

.datepicker-column{
	min-width:250px !important;
}

#modal-set-availability-datepicker td.active:not(.old):not(.new){
	color: #555a64 !important;
	background-color: #fff !important;
	background-image: none !important;
	border:1px solid green !important;
	border-radius:4px !important;
}

.datepicker td.active:not(.old):not(.new){
	color: #555a64 !important;
	background-color: #fff !important;
	background-image: none !important;
	border:3px solid #555a64 !important;
	border-radius:4px !important;
}

#modal-reschedule-appointment-datepicker .datepicker td.timeslot-available,#modal-reschedule-class-datepicker .datepicker td.timeslot-available,#modal-book-appointment-datepicker .datepicker td.timeslot-available,#modal-create-class-datepicker .datepicker td.timeslot-available{
	/* font-family: "Poppins-Regular" !important; */
	font-family: "Nunito" !important;
	font-weight:bold;
    color: #555a64;
}
/* 
#availability-datepicker .datepicker td.timeslot-available{
    color: var(--theme-0-primary);
}

#availability-datepicker .datepicker td.timeslot-booked{
	text-decoration: underline;
	font-family: "Nunito" !important;
	font-weight:bold;
    color: var(--theme-0-primary);
} */

.datepicker th {
	color: #3d5d83;
}

.datepicker tbody{
	border-top:1px solid #3d5d83;
}

.datepicker-inline{
	margin: 0 auto;
}

.datepicker .table-condensed{
	border:none;
} 

#book{
	font-weight: 700;
    line-height: 50px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 100%;
    border: none;
    overflow: hidden;
    padding: 0px 20px;
    border-radius: 25px;
    background-color: #1d2a3b;
    transition: all .2s;
    margin-top: 40px;
}

#summary-area-icon-container{
	width: fit-content;
    margin: 0 auto;
}


/****************** Loader ******************
 .circle-loader {
	 margin-bottom: 3.5em;
	 border: 1px solid rgba(0, 0, 0, 0.2);
	 border-left-color: #5cb85c;
	 animation: loader-spin 1.2s infinite linear;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
	 height: 7em;
}
 .load-complete {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #5cb85c;
	 transition: border 500ms ease-out;
}
 .checkmark {
	 display: none;
}
 .checkmark.draw:after {
	 animation-duration: 800ms;
	 animation-timing-function: ease;
	 animation-name: checkmark;
	 transform: scaleX(-1) rotate(135deg);
}
 .checkmark:after {
	 opacity: 1;
	 height: 3.5em;
	 width: 1.75em;
	 transform-origin: left top;
	 border-right: 3px solid #5cb85c;
	 border-top: 3px solid #5cb85c;
	 content: "";
	 left: 1.75em;
	 top: 3.5em;
	 position: absolute;
}
 @keyframes loader-spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes checkmark {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 1.75em;
		 opacity: 1;
	}
	 40% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
	 100% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
}

*/

.circle-loader-block {
	 margin-top: -3.5em;
	 margin-left: -3.5em;
	 border: 4px solid rgba(0, 0, 0, 0.2);
	 border-left-color:#fff;
	 animation: loader-spin-payment 1.2s infinite linear;
	 position: absolute;
	 top:50%;
	 left:50%;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
	 height: 7em;
}

.circle-loader-logo {
	 margin-top: -3.5em;
	 margin-left: -3.5em;
	 position: absolute;
	 top:50%;
	 left:50%;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
	 height: 7em;
}

.circle-loader-logo img{
	margin-top: -1.5em;
	margin-left: -1.3em;
    width: auto;
    height: 3em;
    top: 50%;
    left: 50%;
    position: relative;
    display: block;
    top: 50%;
}

.circle-loader svg {
  width: 100px;
  display: none;
  margin: 0px auto;
}

.loader-message{
	min-height:30px !important;
}

.circle-loader {
	 margin-bottom: 3.5em;
	 border: 5px solid rgba(0, 0, 0, 0.2);
	 border-left-color: #73AF55;
	 animation: loader-spin 1.2s infinite linear;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
     height: 7em;
}
 .load-complete {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #73AF55;
	 transition: border 500ms ease-out;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}


/****************** Loader Payment ******************/

 .circle-loader-payment {
	 margin-bottom: 3.5em;
	 border: 1px solid rgba(0, 0, 0, 0.2);
	 border-left-color: #5cb85c;
	 animation: loader-spin-payment 1.2s infinite linear;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
	 height: 7em;
}
 .load-complete-payment {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #5cb85c;
	 transition: border 500ms ease-out;
}
 .checkmark-payment {
	 display: none;	
}
 .checkmark-payment.draw:after {
	 animation-duration: 800ms;
	 animation-timing-function: ease;
	 animation-name: checkmark-payment;
	 transform: scaleX(-1) rotate(135deg);
}
 .checkmark-payment:after {
	 opacity: 1;
	 height: 3.5em;
	 width: 1.75em;
	 transform-origin: left top;
	 border-right: 3px solid #5cb85c;
	 border-top: 3px solid #5cb85c;
	 content: "";
	 left: 1.75em;
	 top: 3.5em;
	 position: absolute;
}
 @keyframes loader-spin-payment {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes checkmark-payment {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 1.75em;
		 opacity: 1;
	}
	 40% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
	 100% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
}

.input-group>.input-group-prepend {
	margin-top: auto;
	margin-bottom: auto;
    flex: 0 0 35%;
}
.input-group .input-group-text {
    width: 100%;
}

#profile-cover-image-holder{
	/*border:1px solid black;*/
	position: relative;
	z-index:100;
	width:100% !important;
	height:350px !important;
	margin: 0px auto;
    cursor: pointer;
    cursor: hand;
	overflow: hidden;
}

#profile-cover-image-holder img{
	position: relative;
	z-index:100;
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
	display:block;
	margin: 0 auto;
	width: 100%;
}

#profile-image-holder{
	/*border:1px solid black;*/
	position: relative;
	z-index:1000;
	width:200px !important;
	height:200px !important;
	margin: 20px auto;
    cursor: pointer;
    cursor: hand;
	overflow: hidden;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 13px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

#profile-image-holder img{
	position: relative;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}


#donation-page-image-holder-create{
	/*border:1px solid black;*/
	position: relative;
	z-index:1000;
	width:200px !important;
	height:200px !important;
	margin: 20px auto;
    cursor: pointer;
    cursor: hand;
	overflow: hidden;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 13px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

#donation-page-image-holder-create img{
	position: relative;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

#donation-page-image-holder-update{
	/*border:1px solid black;*/
	position: relative;
	z-index:1000;
	width:200px !important;
	height:200px !important;
	margin: 20px auto;
    cursor: pointer;
    cursor: hand;
	overflow: hidden;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 13px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

#donation-page-image-holder-update img{
	position: relative;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

#donation-page-image-holder{
	position: relative;
	z-index:1000;
	width:150px !important;
	height:150px !important;
	margin: 20px auto;
	overflow: hidden;
	margin-bottom: -20px;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 13px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

#donation-page-image-holder img{
	position: relative;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.donation-page-line-image{
	width: 130px !important;
}

/* .donation-page-line-desc{
	white-space:nowrap;
	overflow:hidden !important;
	text-overflow:ellipsis;
	
} */

.donation-page-line-total:hover{
	cursor:pointer;
	cursor:hand;
	text-decoration:underline;
}


.marketplace-teammember-card-inner{
	box-shadow: 6px 8px 20px 0px rgba(0, 0, 0, 0.1);
	border:1px solid lightgray;
	border-radius: 0px;
	
}

.marketplace-teammember-card{
    transition: 0.4s ease !important;
}

.marketplace-teammember-card:hover {
    transform: translateY(-8px) !important;
	 animation: 0.4s ease !important;
}

.team-member-photo-holder{
	/*border:1px solid black;*/
	position: relative;
	z-index:1000;
	width:125px !important;
	height:125px !important;
	margin: 20px auto;
	overflow: hidden;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

.team-member-photo-holder img{
	position: absolute;
	top: 0px;
    left: 0px;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.about-calendar-photo-holder{
	/*border:1px solid black;*/
	position: relative;
	z-index:1000;
	width:180px !important;
	height:180px !important;
	overflow: hidden;
	/* -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em; */
    border: 2px solid #898989;
	background-color: white;
	cursor: pointer;
    cursor: hand;
	margin:0 auto;
}

.about-calendar-photo-holder img{
	position: absolute;
	top: 0px;
    left: 0px;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.scale-width{
	height: auto;
	width: 100%;
}

.scale-height{
	width: auto;
	height: 100%;
}

.scale-equal{
	width: 100%;
	height: 100%;
}


.blockOverlay{
	cursor: auto !important;
	opacity:0.3 !important;
}

/********************* TYPEAHEAD ***************************/
.typeahead{
	padding:15px 20px;
	width:100% !important;
	background-color: #fff !important;
    padding-left:20px !important; 
	height:60px !important;
	border-radius: 0px !important;
}

span.twitter-typeahead{
	width: 100%;
}

span.tt-suggestion{
	display: block;
    width: 100%;
    padding: 10px;
    padding-left: 15px;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.3em;
    font-weight: 600;
    font-size: 1em !important;
}

span.tt-suggestion:hover{
	background-color:#eee;
}

.empty-message{
	color:red;
    text-align: center;
    padding:10px 0px;
}
.tt-menu {
	display: block;
    width:100%;
    background-color: #fff;
    border:unset !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
	max-height:300px !important;
	overflow-y: scroll !important;
}
.marketplace .tt-menu{
	max-height:200px;
	overflow-y: scroll !important;
}

.overflow-visible{
	overflow:visible !important;
}

.tt-suggestion {
    padding: 0px;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}
.man-section{
    position: relative;
    width:100%;
    border-bottom:1px solid #d2d2d2;
}
.image-section{
    width:70px;
    height:70px;
    float:left;
    display: table;
	margin-left:15px;
}
.image-section img{
    width:70px;
    height:70px;
    border:1px solid #eee;
    display: table-cell;
    vertical-align: middle;
    margin:6px 0px 5px -9px;
	border-radius: 50%;
}
.description-section{
    float:left;
    width:80%;
}
.description-section h1{
    margin:0px;
	font-family: "Poppins-Regular" !important;
    padding:0px 7px; 
    font-size:16px;
    color:#000;
    margin-top:4px;
    text-transform: uppercase;
}
.description-section p{
    margin:0px;
    padding:0px 1px 0px 8px;
    font-size:14px;
    color:#7d7f80;
    line-height: 15px;
}
.description-section span{
    padding:7px;
    font-size:13px;
    color:#a09999;
}
.more-section{
    position: absolute;
    bottom:7px;
    right:16px;
}
.more-section a{
    text-decoration: none;
}
.more-section button{
    border:unset;
    color:var(--theme-0-primary);
    border-radius: 4px;
	border: 1px solid var(--theme-0-primary);
    padding:5px;
    background-color:#fff;
}

.more-section button:hover{
    background-color:var(--theme-0-primary);
    color:#fff;
}

.search-box-container{
	min-height:450px;
}

.bold{
	/* font-family: "Poppins-Regular" !important; */
	font-family: "Nunito" !important;
	font-weight: bold;
}

.bolder{
	/* font-family: "Poppins-Regular" !important; */
	font-family: "Nunito" !important;
	font-weight: bolder;
}

.appointment-line, .order-line{
	border-bottom: 1px solid #eee !important;
}

.dark-text{
	color:#555a64 !important;
}

/***** CANCELED & NO SHOW ****/

.appointment-line.canceled .appointment-line-details, .appointment-line.noshow .appointment-line-details, .class-line.canceled, .project-line.canceled, .order-line.canceled .order-line-details, .order-line.noshow .order-line-details,
	border-bottom:3px solid #000;
	background-image: linear-gradient(135deg, #ffffff 33.33%, #e8e8e8 33.33%, #e8e8e8 50%, #ffffff 50%, #ffffff 83.33%, #e8e8e8 83.33%, #e8e8e8 100%);
    background-size: 4.24px 4.24px;
}

.order-line.canceled .order-line-summary, .order-line.noshow .order-line-summary{
	border-left:7px solid #161c2d;
	background-image: linear-gradient(135deg, #ffffff 33.33%, #e8e8e8 33.33%, #e8e8e8 50%, #ffffff 50%, #ffffff 83.33%, #e8e8e8 83.33%, #e8e8e8 100%);
    background-size: 4.24px 4.24px;
}


.appointment-line.canceled .appointment-line-summary, .appointment-line.noshow .appointment-line-summary, .order-line.canceled .order-line-summary, .order-line.noshow .order-line-summary{
	border-left:7px solid #161c2d;
	background-image: linear-gradient(135deg, #ffffff 33.33%, #e8e8e8 33.33%, #e8e8e8 50%, #ffffff 50%, #ffffff 83.33%, #e8e8e8 83.33%, #e8e8e8 100%);
    background-size: 4.24px 4.24px;
}

.appointment-line.canceled .appointment-remaining,.appointment-line.noshow .appointment-remaining, .class-line.canceled .class-remaining, .order-line.canceled .order-remaining,.order-line.noshow .order-remaining{
	color:#000 !important;
}

.appointment-line.canceled .appointment-payment-status,.appointment-line.noshow .appointment-payment-status, .class-line.canceled .class-payment-status, .order-line.canceled .order-payment-status,.order-line.noshow .order-payment-status{
	color:#000 !important;
}

/****** UPCOMING *****/
/* 
.appointment-line.pending, .class-line.pending, .project-line.pending{
	border-bottom:3px solid var(--theme-0-primary) !important;
}

.appointment-line.pending .appointment-remaining, .class-line.pending .class-remaining, .project-line.pending .project-remaining{
	color:var(--theme-0-primary) !important;
}

.appointment-line.pending .appointment-payment-status, .class-line.pending .class-payment-status, .project-line.pending .project-payment-status{
	color:var(--theme-0-primary) !important;
} */

/****** Complete *****/

/* .appointment-line.complete .appointment-line-details, .class-line.complete, .project-line.complete, .order-line.complete{
	border-bottom:3px solid #006400 !important;
}
 */
.appointment-line.complete .appointment-line-summary,.order-line.complete .order-line-summary{
	border-left:6px solid #006400 !important;
}

.order-line.started .order-line-summary{
	border-left:6px solid var(--theme-1-secondary) !important;
}


.appointment-line.complete.has-balance .appointment-remaining, .class-line.complete.has-balance .class-remaining, .project-line.complete.has-balance .project-remaining, .order-line.complete.has-balance .order-remaining{
	color:#800000 !important;
}

.appointment-line.complete.has-balance .appointment-payment-status, .class-line.complete.has-balance .class-payment-status, .project-line.complete.has-balance .project-payment-status, .order-line.complete.has-balance .order-payment-status{
	color:#800000 !important;
}

.client-bookings-container,.appointment-line.complete.has-balance .appointment-line-summary-total-container, .appointment-line.canceled.has-balance .appointment-line-summary-total-container, .appointment-line.noshow.has-balance .appointment-line-summary-total-container, .client-has-no-balance{
	border: 2px solid #6c6b6b78;
    background-color: #afabab4f;
}

.order-line.complete.has-balance .order-line-summary-total-container, .order-line.canceled.has-balance .order-line-summary-total-container, .order-line.noshow.has-balance .order-line-summary-total-container{
	border: 2px solid #6c6b6b78;
    background-color: #afabab4f;
}

.appointment-line.complete.has-balance .appointment-line-summary-remaining-container, .appointment-line.canceled.has-balance .appointment-line-summary-remaining-container, .appointment-line.noshow.has-balance .appointment-line-summary-remaining-container, .client-has-balance{
	border: 2px solid #80000078;
    background-color: #8000004f;
    color: #800000;
}

.order-line.complete.has-balance .order-line-summary-remaining-container, .order-line.canceled.has-balance .order-line-summary-remaining-container, .order-line.noshow.has-balance .order-line-summary-remaining-container{
	border: 2px solid #80000078;
    background-color: #8000004f;
    color: #800000;
}


/****** Pending *****/

/* .appointment-line-details.pending.fully-paid, .appointment-line-details.pending.free, .class-line.pending.fully-paid, .class-line.pending.free,.project-line.pending.fully-paid, .project-line.pending.free, .appointment-line-details.complete.fully-paid, .appointment-line-details.complete.free, .class-line.complete.fully-paid, .class-line.complete.free, .project-line.complete.fully-paid, .project-line.complete.free{
	border-bottom:3px solid #006400 !important;
} */

.appointment-line.pending.fully-paid .appointment-remaining, .appointment-line.pending.free .appointment-remaining, .class-line.pending.fully-paid .class-remaining, .class-line.pending.free .class-remaining, .project-line.pending.fully-paid .project-remaining, .project-line.pending.free .project-remaining,.appointment-line.complete.fully-paid .appointment-remaining, .appointment-line.complete.free .appointment-remaining, .class-line.complete.fully-paid .class-remaining, .class-line.complete.free .class-remaining, .project-line.complete.fully-paid .project-remaining, .project-line.complete.free .project-remaining{
	color:#006400 !important;
}

.order-line.pending.fully-paid .order-remaining, .order-line.pending.free .order-remaining, .class-line.pending.fully-paid .class-remaining, .class-line.pending.free .class-remaining, .project-line.pending.fully-paid .project-remaining, .project-line.pending.free .project-remaining,.order-line.complete.fully-paid .order-remaining, .order-line.complete.free .order-remaining, .class-line.complete.fully-paid .class-remaining, .class-line.complete.free .class-remaining, .project-line.complete.fully-paid .project-remaining, .project-line.complete.free .project-remaining{
	color:#006400 !important;
}

.appointment-line.pending.fully-paid .appointment-payment-status, .appointment-line.pending.free .appointment-payment-status, .class-line.pending.fully-paid .class-payment-status, .class-line.pending.free .class-payment-status, .project-line.pending.fully-paid .project-payment-status, .project-line.pending.free .project-payment-status,.appointment-line.complete.fully-paid .appointment-payment-status, .appointment-line.complete.free .appointment-payment-status, .class-line.complete.fully-paid .class-payment-status, .class-line.complete.free .class-payment-status, .project-line.complete.fully-paid .project-payment-status, .project-line.complete.free .project-payment-status{
	color:#006400 !important;
}

.order-line.pending.fully-paid .order-payment-status, .order-line.pending.free .order-payment-status, .class-line.pending.fully-paid .class-payment-status, .class-line.pending.free .class-payment-status, .project-line.pending.fully-paid .project-payment-status, .project-line.pending.free .project-payment-status,.order-line.complete.fully-paid .order-payment-status, .order-line.complete.free .order-payment-status, .class-line.complete.fully-paid .class-payment-status, .class-line.complete.free .class-payment-status, .project-line.complete.fully-paid .project-payment-status, .project-line.complete.free .project-payment-status{
	color:#006400 !important;
}

.w-45{
	width: 45% !important;
	display:inline-block;
}

.w-90{
	width: 90% !important;
	display:inline-block;
}

.w-100{
	width: 100% !important;
	display:inline-block;
}

.w-80{
	width: 80% !important;
	display:inline-block;
}

.width-100{
	width: 100% !important;
}

.h-50p{
	height: 50px !important;
}

.br-0{
	border-radius: 0px !important;
}

.br-50{
	border-radius: 50% !important;
}

.br-5{
	border-radius: 4px !important;
}

.of-h{
	overflow: hidden;
}

.of-v{
	overflow: visible !important;
}

.bb{
	border-bottom:1px solid lightgrey;
}

.bt{
	border-top:1px solid lightgrey;
}

.br{
	border-bottom:1px solid lightgrey;
}

.bl{
	border-top:1px solid lightgrey;
}


.bt-thick{
	border-top: 2.5px solid #d3d3d3b8 !important;
}

.bt-0{
	border-top:0px;
}

.bb-0{
	border-bottom:0px;
}

.b-0{
	border:none !important;
}

.b-r-0{
	border-right:none !important;
}

.b-l-0{
	border-left:none !important;
}

.bb-bt{
	border-left:0px;
	border-right:0px;
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}

.prepend-text{
	/* border: 1px solid #eee; */
    background: #d2d2d2;
    border-radius: 4px 0px 0px 4px;
}

.background-purple,#schedule-container,#orders-container, #mainTabContent, #home-main-container, #dashboard-container,#cdash-payment-methods, #schedule-calendar-container, #appointments-container, #finances-container, #team-container, #clients-container, #about-container, #services-container, #chat-footer, #classes-container, #modal-class-participants-body, #schedule-calendar-container,#about-calendar-payment-methods,#about-calendar-hardware,#about-calendar-payout-info,#about-calendar-social,#about-calendar-subscriptions,#intake-forms-container,#projects-container,#agreements-container,#promos-inner-container, #donations-inner-container, #about-portfolio-dropzone,#about-calendar-links, #attachments-tab-pane-dropzone, #about-calendar-portfolio, #about-calendar-company-bio, #modal-view-transactions-container, #agreements-templates-select-container form{
	/* background-color: rgba(29, 42, 59, 0.05); */
	background-color: #f8f9fc !important;
}

.background-dark-purple{
	background-color: #d1cfec !important;
}

.view-transaction-line{
	min-height: 65px !important;
}

.filters-container{
	background-color: rgba(29, 42, 59, 0.07) !important;
}

.user-service-line,.appointment-line, .class-line,.project-line, #schedule-calendar-body{
	background-color:#fff;
}

.user-service-line-service-area, .user-service-line-service-credential-id{
	max-width:60%;
	white-space:nowrap;
	overflow:hidden !important;
	text-overflow:ellipsis;
}

.user-service-line-service-desc{
	height:55px !important;
}

#team-container .team-member-card .team-member-card-inner .team-member-remove{
	position: absolute;
    top: 12px;
    right: 25px;
	cursor:pointer;
	cursor:hand;
}

.client-balance-val:hover{
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}
.client-revenue-val:hover{
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}

.client-next-booking-val:hover{
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}

button.timeslot-selected{
	color: #fff !important;
	background-color: var(--theme-1-primary) !important;
}

.dropdown-item{
	cursor:pointer;
	cursor:hand;
}

.dropdown-item:active{
	background-color: #161c2d !important;
	color: #fff !important;
	transition: all 0.8s
}

.dropdown-menu.show {
    display: block;
    z-index: 10000;
}

.multiselect-container{
	position: absolute !important;
	transform: translate3d(0px, -200px, 0px) !important;
	padding: 7px !important;
	min-height: 200px !important;
	width:100% !important;
}

.dropup{
	    width: 100% !important;
}

button.multiselect{
	height:60px !important;
	border-radius: 0px !important;
}

.dropup button{
	font-weight: inherit !important;
    line-height: 25px !important;
    color: #1d2a3b !important;
	background-color: #fff !important;
    text-align: left !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius:  0px !important;
    padding: 0px 20px !important;
    transition: all .2s !important; 
    margin-top: 0px !important;
	margin-left:7 !important;
	width:100% !important;
	
}

.text-underline{
	text-decoration:underline !important;
}

.multiselect-container button{
	border: none !important;
	/* width:auto !important; */
	
}

.multiselect-container button label{
	margin:0px !important;
	padding:0px !important;
}

.multiselect-container button span{
	padding:10px !important;
	margin-bottom: 0px !important;
}

.multiselect-container button.add-service{
	width: 100% !important;
    border: 1px solid var(--theme-0-primary) !important;
	margin-bottom: 20px !important;
}

.multiselect-container button.add-service span{
	margin-bottom:0px !important;
}

.multiselect-container button.add-service label{
    color:var(--theme-0-primary) !important;
	text-align:center !important;
}

#copy-to-next-week-link{
	cursor:pointer;
	cursor:hand;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.tab-pane{
	background-color:#fff !important;
}

#mainTabs{
	min-height: 100vh !important;;
	width:200px !important;
}

/* #mainTabs{
	background-color: var(--theme-0-primary) !important;
}

#mainTabs .nav-item{
	width:12.5%;
}
 */
.nav .nav-link{
	opacity:0.4;
}

.nav .nav-link:hover{
	opacity:1;
	/* border-bottom:4px solid #fff; */
}

.nav .nav-link.active{
	opacity:1;
	/* border-bottom:4px solid #fff; */
}

.floating-label{
	z-index: 1000;
    position: relative;
	/* background-color: #fff; */
	font-size: 0.7rem;
	margin-left:15px;
	color:#bebebe;
}

.position-relative{
	position:relative;
}

.mt-n10{
	margin-top:-10px !important;
}

.mt-n20{
	margin-top:-23px !important;
}

.mt-n15{
	margin-top:-18px !important;
}

.mb-n10{
	margin-bottom:-10px !important;
}

.mb-6 {
  margin-bottom: 5rem !important;
}

#schedule-calendar-start, #schedule-calendar-end{
	line-height: 4;
	font-size: 0.9em;
	min-width:115px;
}

@media (max-width: 1399px){
	.hun-section-mainbanner.marketplace .text-banner {
		padding-top: 8%;
		padding-bottom: 13.5%;
	}
	
	.booking-schedule-card{
		margin-top:20px;
	}
}

/* @media (max-width: 1000px){
	#mainTabs  .nav-item{
		width:25%;
	}
} */

@media (max-width: 767px){
	#mainTabs .nav-item{
		width:50% !important;
	}
	
	#mainTabs .nav-item.last-tab{
		width:100% !important;
	}
	
	.w-s-100{
		width: 100%;
	}
	
	.select-wrapper{
		width:50% !important;
	}
	
	.mt-n15{
		margin-top: -10px !important;
	}
	
/* 	#manage-about{
		width:100% !important;
	} */
	
	.ellipsis{
		margin:0 auto;
		text-align:center;
	}
	
	.about-calendar-name{
		margin-top:30px !important;
	}
	
	#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.datepicker-switch,#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.prev,#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.next{
		font-size: 1rem !important;
	}
	
	.appointment-line-status-buttons-container, .appointment-line-checkin-container, .class-line-status-buttons-container, .project-line-status-buttons-container{
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}

	.business-hours-select-wrap:after{
		width:15px !important;
	}

	.business-hours-select-start, .business-hours-select-end{
		padding-left:10px !important;
	}
	
	.about-calendar-social-link{
		width: 75px !important;
		height: 75px !important;
	}
	
	.about-calendar-social-icon{
		font-size: 2.5rem !important;
	}
	
	.checkbox-circle-loader {
		 width: 22px !important;
		 height: 22px !important;
		 margin-top: 3px !important;
	}
	
	 .checkbox-checkmark.draw:after {
		 animation-duration: 800ms !important;
		 animation-timing-function: ease !important;
		 animation-name: checkmark-mobile !important;
		 transform: scaleX(-1) rotate(135deg) !important;
	}
	
	.checkbox-checkmark:after {
		opacity: 1 !important;
		height: 11px !important;
		width: 6.5px !important;
		transform-origin: left top !important;
		border-right: 3px solid #5cb85c !important;
		border-top: 3px solid #5cb85c !important;
		content: "" !important;
		left: 3px !important;
		top: 10px !important;
		position: absolute !important;
	}
	
	.datepicker td{
		font-size:0.9rem !important;
		text-transform: uppercase;
	}
}

@media (min-width: 768px){	
	/* .autohide-child{
		opacity: 0;
		height: 0;
	}
	
	.autohide-parent:hover .autohide-child{
		transition: opacity 0.5s ease-in-out;
		opacity: 1;
		height: auto;
	} */
	
	.keep-visible{
		opacity: 1 !important;
		height: auto !important;
	}
	
	
	#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.datepicker-switch,#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.prev,#booking-availability-datepicker>.datepicker-inline .table-condensed > thead tr th.next{
		font-size: 1.2rem !important;
	}
	
	/* .appointment-line-status-buttons-container, .appointment-line-checkin-container, .class-line-status-buttons-container, .project-line-status-buttons-container{
		margin-top: -55px !important;
		z-index: 2 !important;
		width: 76%;
		margin-left: 12%;
	} */
	
	.appointment-line-header-container, .class-line-header-container, .project-line-header-container{
		min-height:55px !important;
	}
}

#shipToBillingAddress{
	display:none !important;
}

/* .user-service-line{
	border: 1px solid #eee;
} */

/* .user-service-line-edit-container{
	margin-bottom: -25px !important;
} */

.appointment-edit-container, .class-edit-container, .project-edit-container{
	margin-bottom: -15px !important;
}

.user-service-line-edit, .appointment-edit, .class-edit, .project-edit, .client-note-line-edit, .promo-line-edit, .donation-page-line-edit{
	cursor:pointer;
	cursor:hand;
}

.user-service-line-footer{
	border-top: 1px solid #bebebe;
}

#delete-service{
	left: 15px;
    position: absolute;
}

.user-profile-trigger, .business-profile-trigger, .show-me-trigger, #help-modal-trigger, .calendars-link, .settings-link, .help-link{
	cursor:pointer;
	cursor:hand;
}

.appointment-line-footer-action:hover,  .schedule-calendar-select-all:hover,  .schedule-calendar-deselect-all:hover, .client-card-footer-action:hover{
	cursor:pointer;
	cursor:hand;
	text-decoration: underline;
}

.class-line-footer-action:hover{
	cursor:pointer;
	cursor:hand;
	text-decoration: underline;
}

.blockMsg{
	color: #fff !important;
	margin: 0 auto !important;
	top:50% !important;
	width: 100% !important;
	cursor:default !important;
	display: block;
    padding-left: 40px !important;
    padding-right: 40px !important;
	/*z-index:1101 !important;*/
}

/* .finance-calendar-section{ */
	/* border:1px solid var(--theme-0-primary); */
	/* border-radius:5px; */
/* } */

.finance-line-item{
	background-color: white;
	border-bottom: 1px solid lightgray;
}

/* .blockUI.blockOverlay.bringForward{
	z-index:1112 !important; 
}

.blockMsg.bringForward{
	z-index:1113 !important; 
}

.blockUI.blockOverlay.sendBack{
	z-index:1107 !important;
}

.blockMsg.sendBack{
	z-index:1108 !important;
} */

/***** finance tab ******/
.wrapper{
  width:100%;
}
@media(max-width:992px){
	.fs-1{
		font-size: 0.7em !important;
	}

	.fs-2{
		font-size: 0.85em !important;
	}

	.fs-3{
		font-size: 0.9em !important;
	}

	.fs-4{
		font-size: 0.95em !important;
	}

	.fs-5{
		font-size: 1em !important;
	}

	.fs-xs{
		font-size: 0.85em !important;
	}

	.fs-sm{
		font-size: 0.9em !important;
	}

	.fs-m{
		font-size: 0.95em !important;
	}

	.fs-r{
		font-size: 1em !important;
	}

	.fs-sl{
		font-size: 1.1em !important;
	}

	.fs-l{
		font-size: 1.25em !important;
	}

	.fs-xl{
		font-size: 1.5em !important;
	}

	.fs-xxl{
		font-size: 1.75em !important;
	}

	.fs-xxxl{
		font-size: 2em !important;
	}
	
	 .wrapper{
	  width:100%;
	} 
	
	.schedule-calendar-header > i{
		width:100% !important;
		margin:0px !important;
	}
	
	.copy-link{
		margin-left:0px !important;
		width:100% !important;
		display: block;
		margin-top: 20px !important;
	}
	
	.modal-xl {
		max-width: 800px;
	}
	
	.customize-agreement-button{
		max-width: 160px;
		max-height: 35px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	
}

@media(max-width:990px){
	#mainTabs{
		display:none !important;
	}
	
	#home-main-container{
		min-height:100vh !important;
	}
}

@media(min-width:993px){
	.modal-xl{
		max-width:80% !important;
	}
}

#color-picker-container {
	display: inline-block;
	width: 132px;
	height: 42px;
	border: 1px solid;
	border-radius: 4px;
}
	
.cp-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}

.cp-dot:hover {
  border:2px solid #fff;
}

.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-family: "Poppins-Regular" !important;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading .caret{
	transition: all 0.5s; 
	/* font-family: "Glyphicons Halflings";
    content: "\e114";
   float: right ;
   transition: all 0.5s ; */
}
.panel-heading.active .caret{
	-webkit-transform: rotate(90deg) !important;
	-moz-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
	transition: all 0.2s; 
/* 	font-family: 'Glyphicons Halflings';
   content: '\02C5';
   float: right ;
   transition: all 0.5s; */
} 

.client-card-inner .accordion-trigger i{
	transition: all 0.5s; 
	cursor:pointer;
	cursor:hand;
}
.client-card-inner .accordion-trigger:not(.collapsed) i{
	-webkit-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	transform: rotate(180deg) !important;
	transition: all 0.5s; 
/* 	font-family: 'Glyphicons Halflings';
   content: '\02C5';
   float: right ;
   transition: all 0.5s; */
} 

#search-city{
	margin:0 auto;
}

/* #modal-add-new-calendar-close{
	position: absolute;
    top: 0px;
    right: 0px;
} */

.marketplace-form input,.marketplace-form select,.marketplace-form button{
	border-radius:0px !important;
}

.marketplace-quicksearch-icon{
	cursor: pointer;
	cursor: hand;
}

.marketplace-fa-icon{
    padding:15px;
    border-radius: 50%;
	border:1px solid var(--theme-0-primary);
	width:70px;
	height:70px;
}

.marketplace-quicksearch-icon:hover{
	opacity:0.6;
}

.marketplace-team-member-photo-holder {
    /* border: 1px solid black; */
    position: relative;
    overflow: hidden;
    background-color: white;
    backdrop-filter: grayscale();
    max-height: 90px !important;
	overflow:visible;
}

.marketplace-team-member-about-container{
	cursor:pointer;
	cursor:hand;
}

.marketplace-team-member-about-container:hover{
	cursor:pointer;
	cursor:hand;
	color: var(--theme-0-primary) !important;
}

.marketplace-team-member-photo-holder img {
    width: 130px !important;
    height: 130px !important;
    top: 0px;
    left: 0px;
    z-index: 1000;
    top: 40%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
   /*  -webkit-box-shadow: 0px -50px 100px 50px rgba(0,0,0,0.5);
    box-shadow: 0px -50px 100px 50px rgba(0,0,0,0.5); */
    filter: grayscale(0%) !important;
}

.marketplace-team-member-book-appointment-link{
	border: 1px solid var(--theme-0-primary);
    border-radius: 4px;
}

.ellipsis{
	display:block;
	/* width:85%; */
	max-width:200px;
	white-space:nowrap;
	overflow:hidden !important;
	text-overflow:ellipsis;
}

.ellipsis-double{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marketplace-service-container{
	border: 1px solid var(--theme-0-primary);
    border-radius: 4px;
}

.background-teal{
	background-color: #7fcfdc; /*#009fba;*/
}

.background-lightpurple{
	background-color: rgb(248, 249, 252) !important;
}

.background-lightpurple-optional{
	background-color: rgb(248, 249, 252);
}

.background-light-purple-2{
	background-color: #dedffa !important;
}

#marketplace-team-members-container{
	min-height:500px;
}

#modal-calendar-services-container, #modal-calendar-teammates-body{
	background-color: rgba(29, 42, 59, 0.05);
}

.appointment-notes{
	max-width:70% !important;
}

/* #modal-edit-appointment-notes{
	max-height:80px !important;
	min-height:80px !important;
	height:80px !important;
} */

.input-group input{
	height: 60px !important;
	border-radius:0px;
}

.input-group>.input-group-prepend{
	flex: 0 0 40% !important;
	
}

.input-group .input-group-prepend{
	width: 100%;
}

.input-group>.input-group-prepend>.input-group-text{
	height: 60px !important;
	line-height:2;
	border-radius:0px;
}

.reschedule-timeslot-selected, .book-timeslot-selected, .class-timeslot-selected{
	color: #000 !important;
    background-color: #d1d1d1 !important;
}

#manage-page .btn-back-to-top{
	display:none !important;
}

#modal-book-appointment .btn-link, #modal-create-class .btn-link, #modal-create-project .btn-link, .signature-canvas-clear, .client-card-footer-action{
	cursor:pointer !important;
	cursor:hand !important;
	background-color: transparent;
	-moz-appearance: none !important; 
	-webkit-appearance: none !important; 
	appearance: none !important;
}

.hun-header .wrapper-header .main-navigation .list-menu li .sub-menu {
    width: 250px;
	z-index:1108 !important;
}

#chat-modal-trigger{
	cursor:pointer;
	cursor:hand;
	z-index: 1099 !important;
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
	border:3px solid white;
}

/* #appointments-book-appointment{
	cursor:pointer;
	cursor:hand;
	z-index:1099 !important;
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:var(--theme-0-primary);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
	border:3px solid white;
}

#appointments-book-appointment:hover{
	opacity:0.7;
} */

/* .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	left:20px;
	background-color:var(--theme-0-primary);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	border:3px solid white;
} */

.my-float{
	margin-top:12px;
}

.modal-chat-user-image{
	width:30px;
	height:30px;
}

#modal-chat-container{
	height:400px;
	max-height:400px;
	min-height:400px;
	overflow-y:scroll;
}

.blinking {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
	border:3px solid orange;
  }
}

.warning-blinking {
  animation: warning-blinker 2s linear infinite;
}

@keyframes warning-blinker {
  0% {
    color: #fff;
  }
  50% {
    color: orange;
  }
  100% {
    color: #fff;
  }
}

/* html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

img {
  width: 100%;
  height: auto;
	padding: 5px;
}

.slick-dots {
	text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  li {
    display:inline-block;
    margin-left: 4px;
    margin-right: 4px;
    &.slick-active {
      button {
        background-color:black;
      }
    }
    button {
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color:#999;
      border:none;
      width: 15px;
      height: 15px;
      border-radius:50%;
    }
		:hover{
			background-color: black;
		}
  }
}

.prev{
	color: #999;
	position: absolute;
	top: 38%;
	left: -2em;
	font-size: 1.5em;
		:hover{
			cursor: pointer;
			color: black;
		}
}
.next{
	color: #999;
	position: absolute;
	top: 38%;
	right: -2em;
	font-size: 1.5em;
	:hover{
			cursor: pointer;
			color: black;
		}
}

@media screen and (max-width: 800px) {
    .next {
        display: none !important;
    }
}
 */
 
.about-calendar-social-icon{
	margin-top:17px;
	font-size: 3rem;
}

.about-calendar-social-link{
	cursor:pointer;
	cursor:hand;
	display: block;
	z-index:1099 !important;
	width:85px;
	height:85px;
	border-radius:50%;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	border:3px solid white;
}

.about-calendar-social-link:hover{
	opacity:0.5;
}

.o-5{
	opacity:0.5;
}

#about-calendar-social-facebook{
	color:#4267B2;
	background-color:#FFF;
}

#about-calendar-social-twitter{
	color:#1DA1F2;
	background-color:#FFF;
}

#about-calendar-social-instagram{
	color:#833AB4;
	background-color:#FFF;
}

#about-calendar-social-snapchat{
	color:#FFFC00;
	background-color:#FFF;
}

#about-calendar-social-youtube{
	color:#FF0000;
	background-color:#FFF;
}

#about-calendar-social-web{
	color:#000;
	background-color:#FFF;
}

#marketplace-calendar-about-services .item-icon-box .text-item{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.m-x-65{
	/* max-width: 65% !important; */
}

#analytics-revenue-by-service, #analytics-revenue-by-teammate{
	max-width:600px !important;
}

.analytics-percentage{
	position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#analytics-prev, #analytics-next, #schedule-calendar-prev, #schedule-calendar-next{
	cursor:pointer;
	cursor:hand;
}

#analytics-prev:hover, #analytics-next:hover{
	opacity: 0.5;
}

#more-tabs .dropdown-menu .nav-link{
	display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
	border: none !important;
}

.tab-action-button{
	display: inline-block;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: .5rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    border-radius: 0rem !important;
    transition: all .15s ease-in-out !important;
	color: #343a40 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #343a40 !important;
    height: 50px !important;
}

.tab-action-button:hover{
	color:#fff !important;
	background-color: #343a40 !important;
}

.calendar-cell{
	border-right:0.3px solid #ededed;
	border-bottom:0.3px solid lightgray;
}

.c-bb{
	border-bottom:0.3px solid #ededed;
}

.c-bt{
	border-top:0.3px solid #ededed;
}

.c-br{
	border-right:0.3px solid #ededed;
}

.c-bl{
	border-left:0.3px solid #ededed;
}

.p-xs{
	padding: .1rem!important;
}

#schedule-calendar-container .row{
	margin-left: 0px;
	margin-right:0px;
}

#schedule-calendar-body{
	max-height:500px;
	overflow-y:auto;
}

#schedule-calendar-header-padding{
	width:18px;
}

.datepicker .timeslot-available{
	font-weight: 700 !important;
}

.new-timeslot-button-curtain{
	z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    color: white;
	background-color: white;
    opacity: 1;
    width: 100%;
	padding:3px;
}
.new-timeslot-button-curtain-inner{
	height: 100%;
    display: block;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 10px 0px #0000003b;
    box-shadow: 0px 0px 10px 0px #0000003b;
	
}

.new-timeslot-button-curtain-inner.unmarked{
	border: 2px solid orange !important;
	
}

.new-timeslot-button-curtain-inner-first{
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    max-height: 100%;
	overflow:hidden !important;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-left: 5px;
    padding-right: 5px;
}

.curtain-overlay{
	position: absolute !important;
    opacity: 0.3 !important;
    background: white !important;
	top: 0px;
    left: 0px;
}

.new-timeslot-button{
	height:23px !important;
}

.new-timeslot-button:not(.timeslot-unavailable){
	cursor:pointer;
	cursor:hand;
}

.new-timeslot-button.timeslot-booked{
	cursor:pointer !important;
	cursor:hand !important;
}

.new-timeslot-button.timeslot-unavailable{
	background-image: linear-gradient(135deg, #ffffff 33.33%, #e8e8e8 33.33%, #e8e8e8 50%, #ffffff 50%, #ffffff 83.33%, #e8e8e8 83.33%, #e8e8e8 100%);
	background-size: 4.24px 4.24px;
}

.new-timeslot-button.timeslot-available{
	background-color: var(--theme-0-tertiary);
	opacity: opacity:0.15;
}

.new-timeslot-button.timeslot-booked{
	background-color: var(--theme-0-tertiary);
	/* opacity:0.7; */
}

.new-timeslot-button.timeslot-available.cc_0{
	background-color: var(--theme-0-tertiary);
	opacity: opacity:0.15;
}

.new-timeslot-button.timeslot-booked.cc_0{
	background-color: var(--theme-0-tertiary);
	/* opacity:0.7; */
} 

.new-timeslot-button.timeslot-available-other.cc_0, .new-timeslot-button.timeslot-booked-other.cc_0{
	background-image: linear-gradient(135deg, #ffffff 33.33%, var(--theme-0-tertiary) 33.33%, var(--theme-0-tertiary) 50%, #ffffff 50%, #ffffff 83.33%, var(--theme-0-tertiary) 83.33%, var(--theme-0-tertiary) 100%);
	background-size: 4.24px 4.24px;
	opacity:0.15;
}

.new-timeslot-button.timeslot-available.cc_1{
	background-color: var(--theme-1-tertiary);
	opacity:0.15;
}

.new-timeslot-button.timeslot-booked.cc_1{
	background-color: var(--theme-1-tertiary);
	/* opacity:0.7; */
} 

.new-timeslot-button.timeslot-available-other.cc_1, .new-timeslot-button.timeslot-booked-other.cc_1{
	background-image: linear-gradient(135deg, #ffffff 33.33%, var(--theme-1-tertiary) 33.33%, var(--theme-1-tertiary) 50%, #ffffff 50%, #ffffff 83.33%, var(--theme-1-tertiary) 83.33%, var(--theme-1-tertiary) 100%);
	background-size: 4.24px 4.24px;
	opacity:0.15;
}

.new-timeslot-button.timeslot-available.cc_2{
	background-color: var(--theme-2-tertiary);
	opacity:0.15;
}

.new-timeslot-button.timeslot-booked.cc_2{
	background-color: var(--theme-2-tertiary);
	/* opacity:0.7; */
} 

.new-timeslot-button.timeslot-available-other.cc_2, .new-timeslot-button.timeslot-booked-other.cc_2{
	background-image: linear-gradient(135deg, #ffffff 33.33%, var(--theme-2-tertiary) 33.33%, var(--theme-2-tertiary) 50%, #ffffff 50%, #ffffff 83.33%, var(--theme-2-tertiary) 83.33%, var(--theme-2-tertiary) 100%);
	background-size: 4.24px 4.24px;
	opacity:0.15;
}

.new-timeslot-button.timeslot-available.cc_3{
	background-color: var(--theme-3-tertiary);
	opacity:0.15
}

.new-timeslot-button.timeslot-booked.cc_3{
	background-color: var(--theme-3-tertiary);
	/* opacity:0.7; */
} 

.new-timeslot-button.timeslot-available-other.cc_3 .new-timeslot-button.timeslot-booked-other.cc_3{
	background-image: linear-gradient(135deg, #ffffff 33.33%, var(--theme-3-tertiary) 33.33%, var(--theme-3-tertiary) 50%, #ffffff 50%, #ffffff 83.33%, var(--theme-3-tertiary) 83.33%, var(--theme-3-tertiary) 100%);
	background-size: 4.24px 4.24px;
	opacity:0.15;
}

.new-timeslot-button hr{
	background-color: #d70000;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0px;
    height: 1px;
    z-index: 3;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.scmw{
	min-width:60px !important;
}

#stripe-card-element,#stripe-card-element-replace,#stripe-card-element-hardware{
	border:1px solid #ddd;
	background-color: #fff;
}

.payment-method-remove:hover, .payment-method-replace:hover, .payout-info-update:hover, .view-agreement-link:hover, .edit-agreement-link:hover, .view-intake-link:hover, .project-intake-pending-link:hover, .appointment-intake-pending-link:hover, .class-intake-pending-link:hover, .class-participant-agreement-link:hover, .class-participant-intake-link:hover{
	cursor:pointer;
	cursor:hand;
	text-decoration:underline !important;
}


/************* BOOKING PAGE *************************/
#booking-availability-datepicker>.datepicker-inline .table-condensed{
	width:350px;
	height:350px;
	margin: auto!important;
}

#booking-availability-datepicker > .datepicker-inline{
	width: auto;
}

#booking-availability-datepicker .prev:hover, #booking-availability-datepicker .datepicker-switch:hover, #booking-availability-datepicker .next:hover{
	background-color:var(--theme-1-secondary) !important;
}

#booking-availability-datepicker > .datepicker-inline th{
	color: #fff;
}

#booking-availability-datepicker .datepicker tbody {
    border-top: 1px solid #fff;
}

.booking-schedule-card{
	height : 350px;
	overflow-y:scroll;
}

.booking-schedule-card button{
	font-size:.8rem;
	/*font-size: 0.8vw;*/
	width: 100% !important;
	color:#b1b1b1;
	border:1px solid var(--theme-1-primary);
    font-weight: 700;
	color: var(--theme-1-primary);
}

.booking-schedule-card button{
	background-color: #fff;
}

.booking-schedule-card button.timeslot-available:hover{
	color: #fff !important;
	background-color: var(--theme-1-primary) !important;
}

.booking-schedule-card button.timeslot-available:hover{
	color: #fff !important;
	background-color: var(--theme-1-primary) !important;
}

#booking-availability-datepicker .datepicker .day.active{
	background-color: #bbb;
	/* border-radius: 50% !important; */
	border:none !important;
}

#booking-availability-datepicker .datepicker .month.active {
	background-color: #bbb;
	background-image:none !important;
	border:none !important;
}

#booking-availability-datepicker .datepicker .day.timeslot-available:hover {
	background-color:transparent;
	/* border-radius: 50% !important; 
	border:1px solid #bbb !important;*/
}

#booking-availability-datepicker .datepicker td:not(.timeslot-available){
	background: 0 0;
    color: #999 !important;
    cursor: default !important;
	border:none !important;
}

#booking-availability-datepicker .datepicker td.timeslot-available{
	/* font-family: "Poppins-Regular" !important; */
	font-family: "Nunito" !important;
	font-weight:bold;
}

#book-provider-image-holder{
	position: relative;
	z-index:1000;
	width:150px !important;
	height:150px !important;
	margin: 20px auto;
	overflow: hidden;
	margin-bottom: -20px;
	-webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 2px solid #eee;
    box-shadow: 0 13px 12px rgba(0, 0, 0, 0.3);
	background-color: white;
}

#book-provider-image-holder img{
	position: relative;
	z-index:1000;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}



#book-cover-image-holder{
	/*border:1px solid black;*/
	position: relative;
	z-index:100;
	width:90% !important;
	height:350px !important;
	margin: 20px auto;
	overflow: hidden;
}

#book-cover-image-holder img{
	position: relative;
	z-index:100;
    top: 50%;
    transform: translateY(-50%);
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    height: 100%;
	width: 100%;
	border: 2px solid #fff;
}

.fw-300{
	font-weight: 300;
}

#book-duration, #book-timezone{
	border:none;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    /* and then whatever styles you want*/
	height: 30px; 
	width: 100px;
	padding: 5px;
}

#book-modal #stripe-card-element,#payment-modal #stripe-card-element{
	border:1px solid #ddd;
	background-color: #fff;
}

#book-modal-close{
	position: absolute;
    right: 10px;
    top: 10px;
}

@media (max-width: 500px){
	#about-calendar-hardware-order{
		width: 100% !important;
	}
	
	.about-calendar-social-link{
		width: 65px !important;
		height: 65px !important;
	}
	
	.about-calendar-social-icon{
		font-size: 2rem !important;
		margin-top:14px;
	}
}

@media (max-width: 992px){
	#booking-availability-datepicker>.datepicker-inline .table-condensed{
		width:240px;
		height:240px;
		margin: auto!important;
	}
	
	/* body{
		letter-spacing: -.05rem !important;
	} */
	.bold{
		font-weight: bold;
	}

	.bolder{
		font-weight: bolder;
	}

	#booking-availability-datepicker .datepicker td.timeslot-available{
		font-weight:bold;
	}

	.panel-title>a, .panel-title>a:active{
	  font-weight:bold;
	}

	.description-section h1{
		font-weight: bold;
	}
	#availability-datepicker .datepicker td.timeslot-booked{
		font-weight: bolder;
	}

	#modal-reschedule-appointment-datepicker .datepicker td.timeslot-available,#modal-reschedule-class-datepicker .datepicker td.timeslot-available,#modal-book-appointment-datepicker .datepicker td.timeslot-available,#modal-create-class-datepicker .datepicker td.timeslot-available{
		font-weight: bolder;
	}
	
	.service-option-price{
		font-size: 1em !important;
	}
	
	.service-option-dropdown-menu .service-option-price{
		margin-left: 35px;
	}
	
	.hardware-option-price{
		font-size: 1em !important;
	}
	
	.hardware-option-dropdown-menu .hardware-option-price{
		margin-left: 35px;
	}
}

.rating-star{
	cursor:pointer;
	cursor:hand;
}

.rating-star:hover{
	color: var(--theme-0-primary);
}

#complete-switch-payment-method:hover{
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
}

.client-card{
	background: transparent;
    border: none;
}

.client-initials{
	border-radius: 50%;
    width: 50px;
    height: 50px;
    padding-top: 10px;
}
.accordion-trigger{
	 border: none;
}

button:focus {outline:0;}

div.appointments-tab-pane > div:nth-of-type(even),div.intake-tab-pane > div:nth-of-type(even),div.agreements-tab-pane > div:nth-of-type(even),div.projects-tab-pane > div:nth-of-type(even), div.classes-tab-pane > div:nth-of-type(even), #attachments-tab-pane-inner > div:nth-of-type(even), #finances-container-inner > div:nth-of-type(even),#finances-income-container-inner > div:nth-of-type(even),#finances-expenses-container-inner > div:nth-of-type(even),#finances-payouts-container-inner > div:nth-of-type(even){
    background: #ededed !important;
}

.background-row-grey{
	background: #ededed !important;
}

.background-white{
	background-color: #fff !important;
}


.client-transaction-line-status{
	line-height: 1.2;
}

.transaction-line-status,.transaction-line-type{
	line-height: 1.4;
}


.stripe-color{
	color:#6772e5 !important;
}




.bb-success{
	border-bottom:5px solid #208152 !important;
}

.bb-warning{
	border-bottom:5px solid #FF5E13 !important;
}

.strike-through{
	text-decoration:line-through;
}

.transaction-line-expense:hover{
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}

.filters-container .wrap-select select{
    /*height: 30px !important;*/
	cursor: pointer;
	cursor: hand;
}


.filters-container .wrap-select::after{
	height: 26px !important;
	cursor: pointer;
	cursor: hand;
	top:17px !important;
}

.filters-container .input-group .input-group-prepend, .search-container .input-group .input-group-prepend{
	border-right: none;
    border-radius: 15px 0px 0px 15px;
    border: 0.5px solid lightgray;
    border-right: none;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
	flex: 0 0 0 !important;
	height: 60px;
}

.filters-container .input-group input, .search-container .input-group input{
	height: 60px !important;
	border-left: none;
    border-radius: 0 15px 15px 0;
}

.filters-container input, .search-container input{
    /*height: 30px !important;*/
	cursor: pointer;
	cursor: hand;
}

.filters-container .input-group input:focus, .search-container .input-group input:focus{
	border: 0.5px solid lightgray;
	border-left: none;
}

.reset-filters:hover{
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;
}

.client-attachment-edit, .client-attachment-remove, .client-attachment-download{
	cursor:pointer;
	cursor:hand;
}


#modules {
  padding: 20px;
  background: #eee;
  margin-bottom: 20px;
  z-index: 1;
  border-radius: 10px;
}

#modal-intake-form-dragzone{
  padding: 20px;
  background: #fff;
  min-height: 100px;
  margin-bottom: 20px;
  z-index: 0;
  border-radius: 5px;
  box-shadow: 0 0 20px 10px rgb(60 72 88 / 15%) !important;
}

#modal-intake-form-dragzone .drop-item-wrapper{
	cursor:move !important;
}

#modal-intake-form-builder .form-wrap .stage-wrap{
	min-height:400px !important;
}

.formbuilder-checkbox input, .formbuilder-checkbox label{
	float:left !important;
	margin:auto 0;
}

.hover {
  outline: 1px solid blue;
}

/* .drop-item-wrapper:focus-within{
	border: 1px solid black;
} */

/* .drop-item-active, .ui-sortable-placeholder{
	outline: dashed 1px var(--theme-1-primary) !important;
} */

.ui-state-highlight {
	display: block;
	height: 2.5em; 
	line-height: 2.2em; 
	margin-bottom:20px; 
	margin-top:20px;
	border: dashed 3px gray;
	/* background-image: linear-gradient(135deg, #ffffff 33.33%, var(--theme-1-secondary) 33.33%, var(--theme-1-secondary) 50%, #ffffff 50%, #ffffff 83.33%, var(--theme-1-secondary) 83.33%, var(--theme-1-secondary) 100%); */
	background-size: 4.24px 4.24px;
}

.ui-sortable-helper{
	box-shadow: 0 0 20px 10px rgb(60 72 88 / 15%) !important;
}

.drop-item-option-input{
	border: solid 1px var(--theme-1-secondary) !important;
}

.drop-item-options{
	height:30px !important;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

.drop-item {
    position: relative;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0;
}

/* .intake-form-field-optional-container{
    position: absolute;
    top: 5px;
    right: 45px;
} */

/* .drop-item-wrapper .remove {
  position: absolute;
  top: 4px;
  right: 4px;
} */

.drop-item-wrapper .remove-option{
	position: absolute;
    right: 15px;
    top: 8px;
}

.drop-item-wrapper .add-option {
  margin-top: 2px;
}

.drop-item input{
	border: 1px solid #bababa;
    border-radius: 4px;
}

.drag{
	cursor: pointer;
    cursor: hand;
	z-index: 2;
	border: 1px solid;
	background:white;
}

#modal-intake-form-preview .modal-body{
	overflow:visible;
}

#modal-intake-form-preview-container .multiselect-container{
	position: absolute !important;
    transform: translate3d(0px, 50px, 0px) !important;
    padding: 7px !important;
    min-height: 150px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d3d3d3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d3d3d3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d3d3d3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d3d3d3;
}

.intake-form-field-optional-container label{
	padding-top:2px !important;
}

.intake-form-response-line-answer-inner{
	line-height:1.2;
}

.fw-400{
	font-weight:400;
}

.fw-500{
	font-weight:400;
}

/* .focusable:not(.element-focused){
	filter: blur(4px);
} */

.trumbowyg-editor{
	background-color:white;
}

.d-flow-root{
	display:flow-root !important;
}

.m-x-100{
	max-width:100%;
}

/* #modal-view-agreement-text-readonly{
	max-height:300px !important;
	overflow-y: scroll;
	border:1px solid #ededed;
}
 */
#modal-view-agreement-text-readonly-inner{
	width:95% !important;
}

#complete-view-signed-agreement, #complete-view-intake-form, .signature-canvas-clear{
	cursor: pointer !important;
    cursor: hand !important;
	text-decoration:underline !important;
}

#payout-info-banner{
	cursor: pointer !important;
    cursor: hand !important;
}

#toast-container .toast{
	background-color: #fff !important;
	/* //opacity: 1 !important; */
}

#toast-container>div{
	padding: 15px 15px 15px 20px !important;
	-webkit-box-shadow: 0 0 12px #9999998a !important;
    box-shadow: 0 0 12px #9999998a !important;
}

#toast-container>div:hover{
	-webkit-box-shadow: 0 0 12px #9999998a !important;
    box-shadow: 0 0 12px #9999998a !important;
}


.toast-error .toast-message{
	color:#8e41a1 !important;
}

.toast-success .toast-message{
	color:#198525 !important;
}

.toast-info .toast-message{
	color:#026ae0 !important;
}

.toast-warning .toast-message{
	color:#FFA500 !important;
}

/* #modal-intake-form-submission,#modal-add-notes, #modal-update-attachment,#modal-view-transactions, #modal-intake-form-preview{
	z-index: 1101 !important;
} */

.mx-w-95{
	max-width:100% !important;
}

.mx-w-80{
	max-width:80% !important;
}

.flex-custom{
	flex-grow: 1;
    flex-basis: 0;
}

#appointments-container, #classes-container, #projects-container, #clients-inner-container, #team-inner-container, #services-inner-container, #finances-container-inner, #intake-forms-container, #agreements-container-inner{
	min-height:75px !important;
}

.checkin-item, #book-reset-password, #payment-reset-password{
	cursor:pointer;
	cursor:hand;
}

.checkin-item:hover{
	border:5px solid var(--theme-0-primary);
	transition: all 0.5s ease;
}

.toggle-group label{
	width: auto !important;
}

.toggle.btn{
	width: 100px !important;
}

.br-none{
 border-right: none
}

.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.btn-primary:hover {
    color: #fff;
    background-color: #285e8e;
    border-color: #3071a9;
}

.pi-image-container {
  position: relative;
  width: 100%; /* The size you want */
    background-color: #ddc;
    border: solid 2vmin #eee;
    border-bottom-color: #fff;
    border-left-color: #eee;
    border-radius: 2px;
    border-right-color: #eee;
    border-top-color: #ddd;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%) inset, 0 5px 10px 5px rgb(0 0 0 / 25%);
    box-sizing: border-box;
    display: inline-block;
    /* margin: 10vh 10vw; */
    height: 80vh;
    padding: 1vmin;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}
.pi-image-container:after {
  content: "";
  display: block;
  padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.pi-image-container img {
  position: absolute; /* Take your picture out of the flow */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; /* Make the picture taking the size of it's parent */
  width: 100%; /* This if for the object-fit */
  height: 100%; /* This if for the object-fit */
  object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
  object-position: center;
}

/* .pi-image{
	width:100%;
	height:auto;
	object-fit: cover;
} */

.pi-remove{
	position:absolute;
	top: 0px;
    right: 0px;
	cursor:pointer;
	cursor:hand;
}

.pi-rotate{
	position:absolute;
	top: 0px;
    left: 0px;
	cursor:pointer;
	cursor:hand;
}

.cursor:hover{
	cursor:pointer;
	cursor:hand;
}

.underline{
	text-decoration:underline;
}

.custom-tooltip{
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    height: 100%;
}

.p-l-40{
	padding-left: 40px !important;
}
/* 
.tooltip-inner{
	text-align: left !important;
} */

.show-hide-password{
	position: absolute;
    display: block;
    top: 17px;
    right: 25px;
    cursor: pointer;
	cursor: hand;
}

.pac-container {
    z-index: 10000 !important;
}

.pac-container:after{
    content:none !important;
}

#emitter {
  visibility: hidden;
  background-color: #222;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 40%;
  left: 0%;
}
.dot-container {
  position:absolute;
  left:0;
  top:0;
  overflow:visible;
  z-index:5000;
  pointer-events:none;
}
.dot {
  position: absolute;
  pointer-events: none; /*performance optimization*/
}

#book-calendar-name{
	max-width: 50%;
    text-overflow: ellipsis;
    height: 50px;
    display: block;
    overflow: hidden !important;
    white-space: nowrap;
}

.gdpr-cookie-notice{
	z-index: 2000 !important;
}

.refresh-button{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 35px !important;
}

.edit-business-profile-button{
	position:absolute;
	right:30px;
    margin-top:0px;
	transition: all 0.3s ease;
}

.edit-business-profile-button:hover{
	text-decoration:underline;
}

#service-option-dropdown-menu, #service-option-dropdown-menu, #hardware-option-dropdown-menu, #service-teammate-option-dropdown-menu,#service-location-option-dropdown-menu,#teammate-location-option-dropdown-menu,#modal-create-promo-location-option-dropdown-menu, #service-manage-providers-teammate-option-dropdown-menu, #modal-set-availability-teammate-option-dropdown-menu{
	/* transform: translate3d(0px, 100px, 0px) !important; */
	max-height: 400px;
    overflow-y: scroll;
}

#service-option-dropdown-menu{
	transform: translate3d(0px, 100px, 0px) !important;
}


.service-option-dropdown-menu, .hardware-option-dropdown-menu, .teammate-option-dropdown-menu, .location-option-dropdown-menu{
	transform: translate3d(0px, 54px, 0px) !important;
	max-height: 400px;
    overflow-y: scroll;
	-webkit-box-shadow: 0px 50px 50px 12px rgba(0,0,0,0.25) !important;
	box-shadow: 0px 50px 50px 12px rgba(0,0,0,0.25) !important;
	width:100% !important;
}

.service-option, .hardware-option, .teammate-option, .location-option{
	border-bottom: 1px solid lightgray;
	cursor:pointer;
	cursor:hand;
}

.service-option-label, .hardware-option-label, .teammate-option-label, .location-option-label, .transaction-line-service-title{
	overflow:hidden;
	text-overflow:ellipsis;
	max-width: 80%;
}

.service-option-duration, .hardware-option-duration{
	margin-top: 0px;
    display: block;
}

.service-card-remove{
	position:absolute;
	top:4px;
	right:4px;
	opacity:1;
}

.disabled-service-option, .disabled-hardware-option, .disabled-teammate-option, .disabled-location-option{
	background-image: linear-gradient(135deg, #ffffff 33.33%, #c2c2c2 33.33%, #c2c2c2 50%, #ffffff 50%, #ffffff 83.33%, #c2c2c2 83.33%, #c2c2c2 100%);
    background-size: 4.24px 4.24px;
}

/****************** Checkbkox Loader ******************/
 .checkbox-circle-loader {
	 border: 2px solid rgba(0, 0, 0, 0.2);
	/*  border-left-color: #5cb85c;
	 animation: loader-spin 1.2s infinite linear; */
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 30px;
	 height: 30px;
}
 .checkbox-load-complete {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #5cb85c;
	 transition: border 500ms ease-out;
}
 .checkbox-checkmark {
	 display: none;
}
 .checkbox-checkmark.draw:after {
	 animation-duration: 800ms;
	 animation-timing-function: ease;
	 animation-name: checkmark;
	 transform: scaleX(-1) rotate(135deg);
}
 .checkbox-checkmark:after {
	 opacity: 1;
	 height: 15px;
	 width: 7.5px;
	 transform-origin: left top;
	 border-right: 3px solid #5cb85c;
	 border-top: 3px solid #5cb85c;
	 content: "";
	 left: 6px;
	 top: 15px;
	 position: absolute;
}
 @keyframes loader-spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes checkmark {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 7.5px;
		 opacity: 1;
	}
	 40% {
		 height: 15px;
		 width:7.5px;
		 opacity: 1;
	}
	 100% {
		 height: 15px;
		 width: 7.5px;
		 opacity: 1;
	}
}

 @keyframes checkmark-mobile {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 6.5px;
		 opacity: 1;
	}
	 40% {
		 height: 11px;
		 width:6.5px;
		 opacity: 1;
	}
	 100% {
		 height: 11px;
		 width: 6.5px;
		 opacity: 1;
	}
}

/****************** Checkbkox Loader Small ******************/
 .checkbox-circle-loader-sm {
	 border: 2px solid rgba(0, 0, 0, 0.2);
	/*  border-left-color: #5cb85c;
	 animation: loader-spin 1.2s infinite linear; */
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 20px;
	 height: 20px;
}
 .checkbox-load-complete-sm {
	 -webkit-animation: none;
	 animation: none;
	 border-color: #5cb85c;
	 transition: border 500ms ease-out;
}
 .checkbox-checkmark-sm {
	 display: none;
}
 .checkbox-checkmark-sm.draw:after {
	 animation-duration: 800ms;
	 animation-timing-function: ease;
	 animation-name: checkmark-sm;
	 transform: scaleX(-1) rotate(135deg);
}
 .checkbox-checkmark-sm:after {
	 opacity: 1;
	 height: 10px;
	 width: 5px;
	 transform-origin: left top;
	 border-right: 3px solid #5cb85c;
	 border-top: 3px solid #5cb85c;
	 content: "";
	 left: 3px;
	 top: 9px;
	 position: absolute;
}
 @keyframes loader-spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes checkmark-sm {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 5px;
		 opacity: 1;
	}
	 40% {
		 height: 10px;
		 width:5px;
		 opacity: 1;
	}
	 100% {
		 height: 10px;
		 width: 5px;
		 opacity: 1;
	}
}

.dropdown-menu-select-services-button, .dropdown-menu-select-hardware-button, .dropdown-menu-select-teammates-button, .dropdown-menu-select-locations-button{
	color: #555a64 !important;
	border:0.5px solid lightgray !important;
	line-height:inherit !important;
	font-weight: 600 !important;
}

.dropdown-menu-select-services-button:after{
	content: '\f104' !important;
    font-family: Ionicons !important;
    font-weight: 400 !important;	
    width: 28px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 0px !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    padding-top: 2px !important;
    pointer-events: none !important;
	border: none !important;
}

.dropdown-menu-select-hardware-button:after{
	content: '\f104' !important;
    font-family: Ionicons !important;
    font-weight: 400 !important;
    width: 28px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 0px !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    padding-top: 2px !important;
    pointer-events: none !important;
	border: none !important;
}

.dropdown-menu-select-teammates-button:after, .dropdown-menu-select-locations-button:after{
	content: '\f104' !important;
    font-family: Ionicons !important;
    font-weight: 400 !important;
    width: 28px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 0px !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    padding-top: 2px !important;
    pointer-events: none !important;
	border: none !important;
}

.m-l-auto{
	margin-left:auto !important;
}

.m-r-auto{
	margin-right:auto !important;
}

.checkbox-lg{
	width:20px;
	height:20px;
}

#modal-class-participants-select-all-label{
	line-height:1.9;
}

.hun-section-footer-sticky{
	position:absolute !important;
	width: 100% !important;
	bottom:0px !important;
}

#client-card-tab-select{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%238C98F2'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-color: #efefef;
}

#debit-credit-button, #debit-credit-button-hardware{
	background-color: black !important;
    height: 40px;
    border-radius: 4px;
    line-height: 1;
}

#debit-credit-button:hover{
	opacity: 0.8 !important;
}

.checkbox-small {
  margin: 15px auto;
  display: block;
}
.checkbox-small label {
    position: relative;
    display: block;
    padding-left: 25px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    padding-top: 2px;
}
.checkbox-small label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox-small label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 15px;
  height: 15px;
  transition: transform 0.28s ease;
  border-radius: 0px;
  border: 2px solid #161c2d;
}
.checkbox-small label:after {
    content: "";
    display: block;
    width: 9px;
    height: 7px;
    border-bottom: 4px solid #161c2d;
    border-left: 4px solid #161c2d;
    transform: rotate(45deg) scale(0);
    transition: transform ease 0.25s;
    position: absolute;
    top: 7px;
    left: 7px;
}
.checkbox-small input[type=checkbox] {
  width: auto;
  opacity: 1e-8;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox-small input[type=checkbox]:checked ~ label:before {
  border: 2px solid #161c2d;
}
.checkbox-small input[type=checkbox]:checked ~ label:after {
  transform: rotate(-45deg) scale(1);
}
.checkbox-small input[type=checkbox]:focus + label::before {
  outline: 0;
}

.checkbox {
  width: 100%;
  margin: 15px auto;
  position: relative;
  display: block;
}
.checkbox label {
  position: relative;
  min-height: 34px;
  display: block;
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.checkbox label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 0px;
  border: 2px solid #161c2d;
}
.checkbox label:after {
      content: "";
    display: block;
    width: 12px;
    height: 8px;
    border-bottom: 4px solid #161c2d;
    border-left: 4px solid #161c2d;
    transform: rotate(45deg) scale(0);
    transition: transform ease 0.25s;
    position: absolute;
    top: 10px;
    left: 9px
}
.checkbox input[type=checkbox] {
  width: auto;
  opacity: 1e-8;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox input[type=checkbox]:checked ~ label:before {
  border: 2px solid #161c2d;
}
.checkbox input[type=checkbox]:checked ~ label:after {
  transform: rotate(-45deg) scale(1);
}
.checkbox input[type=checkbox]:focus + label::before {
  outline: 0;
}

.team-member-is-admin-label{
	width: 90px !important;
}

.payment-method-card-default-label{
	width: 100px !important;
}

.accordion-title-button{
	text-decoration:none !important;
	transition: all 0.3s ease;
}

.accordion-title-button{
	/* position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120px; */
	font-weight:500;
	display: inline-flex;
	align-items: center; 
	text-decoration:none !important;
	transition: all 0.3s ease;
}

.accordion-title-button:hover,.accordion-title-button:active{
	opacity:0.9;
	font-size: 1.5rem;	
	text-decoration:none !important;
}

.accordion-title-button i{
	color: #ffac0c;
}

.business-hours .items-list > ul > li {
	list-style-type: none;
}
.business-hours .items-list > ul > li:last-child {
  margin-bottom: 0px !important;
}
.business-hours .items-list > ul > li .title-wrap {
  z-index: 1;
  position: relative;
}
.business-hours .items-list > ul > li .title-wrap:before {
  left: 50%;
  width: 90%;
  height: 2px;
  bottom: 2px;
  content: "";
  z-index: -1;
  position: absolute;
  transform: translateX(-50%);
  border-bottom: 2px dotted #434343;
}
.business-hours .items-list > ul > li .title-wrap .week-day {
  z-index: 1;
  float: left;
  line-height: 1;
  /* color: #000000; */
  font-size: 16px;
  font-weight: 700;
  padding-right: 10px;
  display: inline-block;
  background-color: rgba(29, 42, 59, 0.05);
}
.business-hours .items-list > ul > li .title-wrap .week-day .item-label {
  margin-left: 5px;
}
.business-hours .items-list > ul > li .title-wrap .week-day-hours {
  z-index: 1;
  float: right;
  color: #000000;
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  padding-left: 10px;
  background-color: #ffffff;
}
.business-hours .items-list > ul > li .item-label {
  height: 16px;
  color: #ffffff;
  line-height: 1;
  font-size: 10px;
  padding: 0px 5px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  background-color: #000000;
  text-transform: uppercase;
}
.business-hours.text-white .food-menu-list > ul > li > a:after, .business-hours.text-white .food-menu-list > ul > li > a:before {
  background-color: #ffffff;
}
.business-hours.text-white .food-menu-list > ul > li > a:hover, .business-hours.text-white .food-menu-list > ul > li > a.active {
  color: #ffffff;
}
.business-hours.text-white .items-list > ul > li {
  margin-bottom: 40px;
}
.business-hours.text-white .items-list > ul > li:last-child {
  margin-bottom: 0px !important;
}
.business-hours.text-white .items-list > ul > li .title-wrap:before {
  border-bottom: 2px dotted #ffffff;
}
.business-hours.text-white .items-list > ul > li .title-wrap .week-day {
  color: #ffffff;
  background-color: #000000;
}
.business-hours.text-white .items-list > ul > li .title-wrap .week-day-hours {
  color: #ffffff;
  background-color: #000000;
}
.business-hours.text-white .items-list > ul > li .item-label {
  color: #000000;
  background-color: #ffffff;
}
.business-hours.text-white .tab-content p {
  color: #bbbbbb;
}


#about-calendar-company-bio .trumbowyg-box{
	margin-top: 40px;
} 

.hun-element-form--type-1 form label textarea, .hun-element-form--type-1 form label input {
    height: 60px;
	border-radius:0px;
}

.hun-element-form--type-1 form label .wrap-select select {
    height: 60px;
	border-radius:0px;	
}

.hun-element-form--type-1 form label .wrap-select::after {
    height: 56px;
}

.f-label label{
    margin-bottom:15px;
    position:relative;
    transform-origin:0 0;
}

.f-label input{
	height:auto !important;	
    padding-top: 25px !important;
	padding-bottom: 15px !important;
	padding-left: 65px !important;
	font-size: 1em !important;
	max-height:62px !important;
}

.f-label input::placeholder{
    opacity:0;
}

.f-label i{
    position:absolute;
    top: 20px;
    left: 35px;
    font-size:1.25em;
	transform:translateY(1px);
    transition-duration:300ms;
}

.f-label span{
    position:absolute;
    top: -10px;
    left: 65px;
    transform:translateY(30px);
    font-size:1em;
    transition-duration:300ms;
}

.f-label:focus-within > span,
.f-label input:not(:placeholder-shown) + span{
	opacity: 0.7 !important;
    color: var(--theme-1-secondary) !important;
	transform:translateY(15px) translateX(-40px) scale(0.8);
}

.f-label:focus-within > i,
.f-label input:not(:placeholder-shown) + span + i{
    color: var(--theme-1-secondary) !important;
	transform:translateY(5px) scale(0.8);
}

.f-label-select .label{
    position: absolute;
    top: 5px;
    left: 29px;
    font-size: 0.8em;
    color: var(--theme-1-secondary) !important;
    opacity: 0.7;
}

.f-label-select i{
	position: absolute;
    Top: 25px;
    left: 40px;
    font-size: 1.2em;
    color: var(--theme-1-secondary) !important;
    opacity: 0.8;
}

.hun-element-form--type-1 form .f-label-select select {
    padding: 8px 40px 0px 66px !important;
}

.hover-scale{
	transition: all 0.5s ease;
}

.hover-scale:hover, .hover-scale:active{
	transform:scale(1.3);
}

.hover-scale-mini{
	transition: all 0.5s ease;
}

.hover-scale-mini:hover, .hover-scale-mini:active{
	transform:scale(1.1);
}

#register-business-category-proceed, #register-header{
	transition: all 0.5s ease;
}

#register-business-category-proceed:hover, #register-business-category-proceed:active{
	transform:scale(1.05);
}

#help-container ol{
    counter-reset: list;
}

#help-container mark, #help-container .mark{
    padding:0px;
	background-color: #f8dc4d;
}

#help-container ol > li {
    list-style: none;
	text-indent: -20px;
    padding-left: 20px;
}

#help-container ol > li:before {
    content: counter(list) ") ";
    counter-increment: list;
}

/************ FINDER *******************/
.finder {
	position: sticky;
	top: 50px;
	right: 0;
	left: 0;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 70px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 5px;
	transition: top 0.15s ease-out;
}
 
.finder.active {
	top: 10px;
}
 
.finder-input {
	flex-grow: 1;
	width: 0;
	height: 40px;
	border: none;
	padding: 8px;
	outline: none !important;
}
 
.finder-input.not-found {
	color: #e7353f;
}
 
.btn-finder {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
}
 
.finder-input,
.btn-finder:not(:last-child) {
	margin-right: 5px;
}
 
.finder-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #888;
	border-right: 1px solid #e5e5e5;
	margin-right: 5px;
	padding-right: 20px;
	white-space: nowrap;
}
 
.btn-finder,
.finder-count {
	flex-shrink: 0;
	flex-grow: 0;
}
 
.highlight {
	background: #ff8;
}
 
.highlight.active {
	background: #ffd71b;
}
/******************* FINDER **************/

.supply-card img{
	min-width:300px;
	min-height:300px;
	max-width:300px;
	max-height:300px;
	object-fit: contain;
}

.location-lsr-relations{
	overflow: auto !important;
}

.location-lsr-relations table{
	width:100% !important;
}

.lsr-table-service-header{
	width:15%;
	min-width:150px !important;
}

.lsr-table-lane-header{
	min-width:100px !important;
}

.lsr-checkbox-label, .usr-checkbox-label{
	width: 34px !important;
	padding: 0px !important;
}

#vat-table-income, #vat-table-expenses, #schedule-table, .location-usr-relations-table{
	width: 100% !important;
}

.vat-table-input{
	text-align:right;
}

.vat-adj-input-container{
	display:block;
	height:40px !important;
}

.menu-item{
	cursor:pointer;
	cursor:hand;
}

#schedule-inner-container, .location-usr-relations{
	overflow-x:auto;
}

#schedule-table select{
	/*width:100% !important;*/
	text-align:center !important;
	text-align-last: center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color:transparent !important;
  min-height: 27px;
}

#schedule-table td, .location-usr-relations-table td{
	    border: 1px solid lightgrey;
}

.schedule-table-name-header, .location-usr-relations-table-name-header{
	min-width:200px !important;
}

.schedule-table-day-header,.location-usr-relations-table-service-header{
	min-width: 150px !important;
} 

.background-highlight{
	background-color: #fff8ee !important;
}

/* #schedule-table th:first-child, #schedule-table td:first-child
{
  position:sticky;
  left:0px;
  background-color:grey;
}
 */
/* #schedule-table > thead > tr > th:first-child, #schedule-table > tbody > tr > td:first-child{
  position: absolute;
  width: 200px;
  background-color: #FFF;
  opacity: 1;
  text-align: left;
  font-weight: bold;
}

#schedule-table > thead > tr > th:nth-child(2), #schedule-table > tbody > tr > td:nth-child(2) {
    padding-left: 201px !important;
	min-width:350px !important;
} */

#schedule-table th:first-child, #schedule-table td:first-child
{
  position:sticky;
  left:0px;
  min-width:200px;
}

.location-usr-relations-table th:first-child, .location-usr-relations-table td:first-child
{
  position:sticky;
  left:0px;
  min-width:200px;
}
.w-46{
	width:46% !important;
}
.w-8{
	width:8% !important;
}