/* Dashboard */
.ct-area {
    fill-opacity: .33 !important;
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: #7a6fbe !important;
}
.ct-golden-section {
    overflow: hidden;
}
.ct-line {
    stroke-width: 3px !important;
}
.ct-point {
    stroke-width: 7px !important;
}

/* Calender */
.fc-event {
	border-radius: 2px !important;
	cursor: move !important;
	font-size: 0.8125rem !important;
	margin: 5px 7px !important;
}
.fc-day-grid-event .fc-time {
    font-weight: 500 !important;
}
.fc-event .fc-content {
	color: #fff !important;
}
tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px !important;
}
.fc-day-grid-event{
    padding: 7px!important;
}
.jvectormap-label{
    display: none;
}

.fc .fc-daygrid-day-frame{
    min-height: auto;
}
.fc-appointment-button {
	margin-left: 10px !important;
	border-radius: 7px !important;
	background-color: #5d87ff !important;
	border-color: #5d87ff !important;
	color: #ffffff !important;
}
.fc-appointment-button-disabled {
	background-color: #5d87ff9e !important;
	border-color: #5d87ff14 !important;
}
.check_in_button, .check_out_button{
    margin:0px 12px !important;
}
.present-card{
	background-color: #E3F3DB;
	border-top: 3px solid #3FA456;
}
.absent-mark-card{
	background-color: #ebcccd;
	border-top: 3px solid #937274;
}
.absent-card{
	background-color: #FFE6E7;
	border-top: 3px solid #F08385;
}
.halfday-card{
	background-color: #d1f5e9;
	border-top: 3px solid #63e7bc;
}
.shorthour-card{
	background-color: #d6ebe6;
	border-top: 3px solid #7eb7a9;
}
.weekoff-card{
	background-color: #ede6e1;
	border-top: 3px solid #dcc0ab;
}

.holiday-card{
	background-color: #d6efff;
    border-top: 3px solid #8fd3fd;
}

.warning-card{
	background-color: #f5f2d0;
	border-top: 3px solid #e5dc6b;
}
.leave-card{
	background: #f9e6d1;
    border-top: 3px solid #ffad51;
}

/* Range Slider */
.irs--modern .irs-from:before, .irs--modern .irs-single:before, .irs--modern .irs-to:before {
    border-top-color: #626ed4 !important;
}
.irs--modern .irs-line {
    background: #dee2e6 !important;
    border-color: #dee2e6 !important;
}
.irs--modern .irs-max, .irs--modern .irs-min {
    color: #adb5bd !important;
    background: #f8f9fa !important;
    font-size: 11px !important;
}
.irs--modern .irs-handle>i:nth-child(1) {
    width: 8px !important;
    height: 8px !important;
}
.irs--modern .irs-bar, .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to {
    font-size: 11px !important;
}
.irs--modern .irs-grid-text {
    font-size: 11px !important;
    color: #ced4da !important;
}
.irs--modern .irs-handle {
    border: 1px solid #a3adc1;
    border-top-width: 0 !important;
}
.irs--square .irs-line {
    background: #f6f6f6 !important;
    border-color: #f6f6f6 !important;
}
.irs--square .irs-max, .irs--square .irs-min {
    color: #ced4da !important;
    background: #f6f6f6 !important;
    font-size: 11px !important;
}
.irs--square .irs-bar, .irs--square .irs-from, .irs--square .irs-single, .irs--square .irs-to {
    background: #556ee6!important;
    font-size: 11px !important;
}
.irs--square .irs-handle {
    border: 2px solid #556ee6 !important;
    width: 12px !important;
    height: 12px !important;
    top: 26px !important;
    background-color: #fff!important;
}
.irs--square .irs-grid-text {
    font-size: 11px;
    color: #ced4da !important;
}

/* Sweet Alert */
.swal2-styled:focus {
    box-shadow: none !important;
}

/* Form Advanced */
.text-dark-danger{
    color: #a51714 !important;
}
.text-dark-warning{
    color: #f19b3c !important;
}

/* color */
.sp-hidden {
	display: none !important;
}

/* Form File Upload */
.dropzone {
	min-height: 230px !important;
    border-style: dashed !important;
	background: transparent !important;
}


/* Chart Chartlist */
.ct-grid {
    stroke: rgba(52,58,64,.09) !important;
    stroke-width: 1px;
    stroke-dasharray: 3px !important;
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
    fill: #343a40 !important;
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill: #f8b425 !important;
}

/* C3 Chart */
.c3 path.domain, .c3-axis.c3-axis-x line, .c3-axis.c3-axis-y line {
    stroke: #ced4da !important;
}
.c3-areas-Pageview .c3-area {
    opacity: .2 !important;
}
.c3-legend-item {
    font-size: 14px !important;
}
.c3-chart-arcs-title {
    font-size: 18px !important;
}
.display-none{
    display: none;
}
.fs-10{
    font-size: 10px;
}
.fs-12{
    font-size: 12px;
}
.fs-11{
	font-size: 11px;
}
.search-form {
    display: inline;
}
.search-input {
    position: relative;
    left: 0;
    right: 140px;
    background-color: white;
    outline: none;
    border: none;
    padding: 0px;
    width: 0;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    border-bottom: 1px solid #ced4da;
}
.searchbutton {
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.search-input:focus, .search-input:not(:placeholder-shown) {
    width: 200px;
    padding: 0.47rem 0.75rem 0.47rem 0rem;
}
.custom-loader{
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999;
	background: black;
	opacity: 0.4;
	top: 0;
	pointer-events:none;
	display:none;
}
.custom-loader .spinner-border{
	left: 50%;
	top: 50%;
	position: absolute;
	width: 3rem; 
	height: 3rem;
}
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
    border: none;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
    right: 0;
}
.form-check-inline {
    margin-right: 2rem !important;
}
.width-height-50px{
    height: 50px; 
    width: 50px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.label {
    border-radius: 1.5px;
    vertical-align: middle;
    padding: .1em .4em .1em;
}

.label-primary {
    background-color: #556EE6;
}
.card-border-dark{
    border: 1px solid #d6d6d6 !important;
}

.nav-tab-top-content{
    border:0px;
}

.nav-tab-top-content .nav-item .nav-link{
    margin-bottom:0px;
}

.page-content-top-bar {
    margin: -24px -12px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
}
.nav-tab-top-content .nav-item .nav-link{
	color:#505d69;
}
.nav-tab-top-content .nav-item .nav-link.active{
	color:#000!important;
}
.nav-tab-top-content .nav-item .nav-link::after{
	background: transparent;
	position: absolute;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #0a1832;
	clear: both;
	text-align: center;
	bottom: 0px;
}

.c-pointer{
    cursor: pointer;
}

input[type='time']::-webkit-calendar-picker-indicator {
	background: none;
	display: none;
}
input[type='time']{
    cursor: pointer;
}

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

.swal2-title{
	font-size: 16px !important;
    margin-bottom: 0px !important;
    color: #000000;
    font-weight: 600 !important;
    margin-left: auto;
    margin-right: auto;
}
.swal2-styled.swal2-confirm{
	font-size: 14px!important;
	margin: 0px!important;
}
.swal2-styled.swal2-deny {
    font-size: 14px !important;
    margin: 0px !important;
    margin-right: 5px !important;
}
.swal2-styled.swal2-cancel{
    font-size: 14px!important;
	margin: 0px!important;
	margin-right: auto !important;
}
.swal2-popup{
	width: 30em!important;
}
.swal2-header{
	align-items: start!important;
	padding: 0px!important;
}
.swal2-content{
	padding:0px!important;
	font-size: 14px!important;
}
.swal2-html-container{
	text-align: center!important;
	margin-top: 10px;
	
}
.swal2-actions{
	padding: 0px!important;
	align-items: end!important;
	justify-content: end!important;
}
.last-login-outer {
    border: 1px solid #e9ecef;
    padding: 0px 5px;
    background: #F9FAFB;
}
.fw-200{
	font-weight: 200;
}
.spinner-counters{
	width: 20px;
	height: 20px;
	margin-bottom: 0px;
	float: right;
}
.graph-switch{
	float: initial!important;
	margin-right: 10px!important;
}
.list-custom-icon{
	width: 20px;
	height: 20px;
}
.dotted-border{
	border-bottom: 1px dashed #000!important;
}
.receipt-width{
	width: 380px!important;
}
.table-receipt-order th{
	background: #000;
	color: white;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: 400;
}
.table-receipt-order > :not(caption) > * > *{
	border-bottom-width:0px;
}
.absolute-center-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.btn.btn-xs, .wizard > .actions a.btn-xs, div.tox .btn-xs.tox-button, .swal2-popup .swal2-actions button.btn-xs, .fc .btn-xs.fc-button-primary {
    padding: 0.313rem 0.8rem;
    font-size: 0.75rem;
}

.reporting-icon{
	width: 45px;
	height: 45px;
}
.reporting-icon-1{
	background-color:#E1F5FE;
	color:#00ABFF;
}
.reporting-icon-2{
	background-color:#FFF4DE;
	color:#FEBD3D;
}
.reporting-icon-3{
	background-color:#FFF1EE;
	color:#FF9271;
}
.reporting-icon-4{
	background-color:#E6F2F2;
	color:#329189;
}
.reporting-icon-5{
	background-color:#F6EAFE;
	color:#B54DF8;
}
.reporting-icon-6{
	background-color:#FCE9EB;
	color:#E9747D;
}
.dashboard-attendance-dates{
	border-radius: 10px;
	padding: 10px 5px;
	border: 1px solid #e3e6ed;
	height: 105px;
}
.dashboard-attendance-calendar .active{
	background: #f2f2f2;
}
.header-group-picker-width{
	width:120px!important;
	font-weight:bold;
	text-align:center;
}
.inner-profile-card {
    background-color: #0a1832;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    height: 8rem;
}
.profile-pic-wrapper {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pic-holder {
	text-align: center;
	position: relative;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.pic-holder .pic {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position:absolute;
}
.pic-holder .upload-file-block,
.pic-holder .upload-loader {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(90, 92, 105, 0.7);
	color: #f8f9fc;
	font-size: 12px;
	font-weight: 600;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.pic-holder .upload-file-block {
	cursor: pointer;
}

.pic-holder:hover .upload-file-block,
.uploadProfileInput:focus ~ .upload-file-block {
	opacity: 1;
}

.pic-holder.uploadInProgress .upload-file-block {
	display: none;
}

.pic-holder.uploadInProgress .upload-loader {
	opacity: 1;
}
input[type=time]::-webkit-datetime-edit-ampm-field {
    display: none;
}
input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance:none;
    appearance: none;
    margin: -10px; 
}

div.tagsinput{
	border-radius: .2rem;
}
div.tagsinput span.tag {
	background: #6571ff;
	color: #fff;
	border: 0;
	border-radius: 0.15rem;
	margin-bottom: 4px;
}
.tox-tinymce-aux{
	z-index: 1300 !important;
}
.mail-modal-width{
	width:500px!important;
}

.download-btn {
	border: 1px solid #d7d6d6;
	padding: 2px 5px;
	background: #f2f2f25c;
	border-radius: 2px;
	cursor: pointer;
}
.flex-none{
	flex: none;
}
.rounded-end-0{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.rounded-start-0{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.focus-shadow-0:focus{
	box-shadow: none !important;
}

/*.dropdown-menu[style]{*/
/*    left: 134px !important;*/
/*}*/

.popover{
	z-index:1050;
}

.table-outer{
	width: 80px;
	height: 80px;
	margin: auto;
}
.table-panel {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 30px auto;
	background: #343A40;
	display: flex;
}
.table-number{
	margin: auto;
	color: white;
	font-size: 20px;
}
.chair-panel {
	width: 20px;
	height: 20px;
	border: 1px solid #343A40;
	border-radius: 10px 10px 0px 0px;
	border-bottom: 6px solid #343A40;
}
.table-qr{
	position: absolute;
	right: 20px;
	top: 10px;
}

.merchant-select-form{
	padding: calc(32px / 2) 0;
	width: 200px;
}
.merchant-header-select {
	border-radius: 20px;
	background-color: #F1F5F7;
	min-height: 38px !important;
	height: 38px !important;
	font-size: 14px;
	border: 0px !important;
	width: 100%;
}

.form-select:focus{
    box-shadow: none;
}

.transition-none{
    transition:none;
}

.width-m-c{
    width:max-content;
}



.ui-sortable tr{
    cursor:move;
}

.w-fit-content{
    width: fit-content;
}

.profile-outer {
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.profile {
	line-height: 70px;
}
.profile-outer:hover .update-profile{
	display: block;
	opacity: 2;
	background-color: #000;
	opacity: 75%;
}

.mail-list a.active{
   color: #5664d2;
}

.form-right-width-500{
    width:500px!important;
}

.color-group {
	padding: 0px;
	min-width: 20px;
	height: 20px;
	cursor: pointer;
}
.website-navbar{
	background-color:white;
	height:80px;
}

.website-navbar .navbar-nav{
	height:80px;
}

.website-navbar .dropdown-toggle::after {
	border: none;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: auto;
	margin-bottom: auto;
}
.website-navbar .nav-item .dropdown-menu {
	display: block;
	border: none;
	margin-top: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	padding: 0px;
	border-radius: 0px;
}

.website-navbar .nav-item:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
}
.website-navbar .navbar-nav .nav-link{
	font-size: 16px;
	font-weight: 500;
	padding: 0px 15px;
	color: #16181b;
	height:100%;
}

.dropdown-item{
    color: rgba(33, 37, 41, 0.75);
    font-size: 17px;
}

.dropdown-item i{
    padding-right: .25rem !important;
}

.website-navbar .dropdown-item{
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 20px;
	min-width: 200px;
}

.website-navbar .dropdown-item:focus{
	background-color: transparent;
}



.website-navbar .navbar-brand{
	margin-left: 1rem;
	margin-right: 1rem;
}
.sticky-top-header{
	position: sticky;
	top: 70px;
	z-index: 1020;
}
.sticky-menu-setting{
	position: sticky;
	top: 160px;
	z-index: 10;
}
.edit-logo-btn:hover {
	border: 1px dashed #fff;
}
.edit-logo-btn:hover + .logo-btn {
	display: flex;
}
.logo-btn {
	width: 25px;
	height: 25px;
	display: none;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 100%;
	justify-content: center;
	z-index: 2;
	background-color: #fff;
	left: 95% !important;
	top: 95% !important;
}
.p-5-rem{
    padding: 5rem;   
}
@media screen and (max-width: 768px) {
    .p-5-rem{
        padding: 0rem;   
    }
}
.dropdown-menu[style] {
    left: auto !important;
    right: 0 !important;
}
.sq-20{
    width: 20px;
    height: 20px;
}
.sq-30{
    width: 30px;
    height: 30px;   
}
.sq-70{
    width: 70px;
    height: 70px;   
}

#form-builder {
    min-height: 400px;
}
.draggable-item {
    cursor: grab;
    margin-bottom: 10px;
    z-index: 10;
}
.form-item {
    margin-bottom: 10px;
}
.sortable-placeholder {
    border: 2px dashed #ccc;
    background-color: #f0f0f0;
    height: 40px;
    margin: 10px 0;
}

html, body {
	touch-action: manipulation; /* Prevent gestures like pinch zoom */
	-ms-touch-action: manipulation; /* For older IE browsers */
}
.bg-card-left{
	background-image:url(../images/payment-background.jpg);
	background-size: cover;
	background-position: center;
}
.payment-form-field{
	background: #EDF2F5;
	border: none;
	border-radius: 2px;
}
.payment-form-field:focus{
	background-color: #EDF2F5;
}
.pin-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pin-input {
	font-family: monospace;
	font-size: 2rem;
	border: none;
	outline: none;
	padding: 0;
	width: calc(1.6ch * 4);
	background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.6ch) 0 100%/100% 2px no-repeat;
	color: dimgrey;
	letter-spacing: .6ch;
	-webkit-text-security: disc;
	-moz-text-security: disc;
}
.bg-table-striped{
    background-color: #f8f9fa;
}
#notificationTable tbody, td, tfoot, th, thead, tr {
	border-color: #dadada;
}
.sidebar-footer{
	position: absolute;
	bottom: 0px;
}
.sidebar-body{
	height: calc(100vh - 120px);
}
.logout-btn{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	color: #2a3547 !important;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 500;
}
.form-label{
    color: #000000;
    font-size: 16px;
}
.dashboard-menu{
     background-color: #49beff1a;
    display: flex !important;
    align-items: center;
    gap: 8px;
}
.bg-theme{
    background-color: #5d87ff;
}
.active-left-header{
	background-color: #f1f5f7 !important;
	border-radius: .25rem !important;
	font-weight: 600 !important;
	border: 1px solid #eff2f7 !important;
}

.input-border{
    border: 1px solid #ced4da;
}
input[name="empCode"]{
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

.table-column{
    white-space: nowrap;
}

.table-checkbox{
    width: 1.2rem;
    height: 1.2rem;
}

.table th{
    font-weight: 400;
}

.scrolbar-dropdown[style]{
    left:0!important;
    right:auto!important;
}

.w-5{
    width:5%;
}

.popup-warning-sub-text{
    background: #FFE9D9;
    padding: 10px;
    border-left: 4px solid #FA703F;
    color: #64392a;
}
.min-vh-250{
    min-height: 250px;
}
.min-vh-400{
    min-height: 400px;
}
.min-vh-450{
    min-height: 450px;
}
.border-dark-light{
    border: 1px solid #bfbfbf !important;
}
.fs-16{
    font-size: 16px !important;
}
.rounded-10{
    border-radius: 10px;
}

.payment-accordion .accordion-button:not(.collapsed){
	color: #505d69;
	background-color: #ffffff;
	border-bottom-width: 0px;
}
.payment-accordion .accordion-button:focus{
	border-color:rgba(0,0,0,.125);
}
.payment-accordion .accordion-item:last-of-type .accordion-button.collapsed{
	border-bottom-width: 1px;
}
.payment-page-body{
	margin-top:80px;
}

.error-message{
	color: #ff3d60!important;
}
.pointer-event-disabled{
	pointer-events: none!important;
}
.c-move{
    cursor: move !important;
}
.wh-20{
	width: 20px;
	height: 20px;
}
.div-calendar .datepicker{
	width:100%;
} 
.div-calendar table{
	width:100%;
}


.checkbox-radio{
    width: 20px;
	height: 20px;
	border-radius: 5px!important;
}

.checkbox-label{
	font-size: 16px;
	margin-left: 5px;
	margin-bottom: auto;
	margin-top: 2px;
}

.checkbox-radio:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input{
	width: 20px;
	height: 20px;
}

.form-check-label{
	font-size: 16px;
	margin-left: 5px;
	margin-bottom: auto;
	margin-top: 2px;
}

.form-switch .form-check-input {
	width: 2.5em;
}

.select-width-150 {
	width: 150px;
	text-align: left;
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.h-170{
	height: 170px;
}
.h-355{
	height: 355px;
}

.calendar-img-container {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.calendar-img-container img {
	display: block;
	transition: transform .4s;   /* smoother zoom */
}
.calendar-img-container:hover img {
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.footer-secure::before, .footer-secure::after {
	display: inline-block;
	content: "";
	border-top: 1px solid #cbd0d5 !important;
	width: 5rem;
	margin: 7px 20px;
	transform: translateY(-5px);
}
.booking-page .page-content{
	padding: calc(55px + 24px) calc(24px / 2) 130px calc(24px / 2)!important;
}
.min-vh-50{
	min-height:50px;
}
.card-hover{
	border-color:#d3d3d3!important;
}
.card-hover:hover{
	background-color:#F5F5F5;
}

.calendar-employee-info-icon{
	z-index: 9;
	position: absolute;
	right: 20px;
	top: 5px;
}
.margin-header{
	top:71px;
}
.calendar-modal .modal-content{
	border-radius: 15px;
}
.calendar-modal .modal-header{
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.calendar-modal .modal-title{
	font-size: 22px;
	color: #000;
}
.b-r-10{
	border-radius:10px;
}
.calendar-quantity-outer{
	background: #e3e3e3c9;
	border-radius: 50px;
}
.min-vh-350 {
	min-height: 350px;
}
.btn-link {
	font-weight: 400;
	color: #0d6efd;
	text-decoration: underline;
}
.calendar-date{
	border-radius: 50%;
	width: 65px;
	height: 65px;
	font-size: 26px;
	font-weight: 600;
	font-family: sans-serif;
}
.calendar-date-outer:hover .calendar-date{
	background-color:#F5F5F5;
	border-color:#D3D3D3;
}
.slot-card.active{
	border:3px solid #0A3D3D!important;
}
.card-header-bg-img{
	height: 200px!important;
	background-size: contain!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
}
.min-width-210{
    min-width: 210px;
}
.min-width-70{
    min-width: 70px;
}
.fc-daygrid-day-frame {
	height: 150px;
}
.fc-h-event .fc-event-title-container {
	flex-grow: inherit;
}
.fc-h-event .fc-event-main-frame{
	font-size: 12px;
}
.fc-event {
	margin-bottom: 10px;
	padding: 8px;
	border-radius: 2px;
	background: #13deb9;
	border: 0;
	border-left: 10px solid;
	font-weight: bold;
}
.fc-h-event .fc-event-main {
	color: #FFFFFF;
}
.cancel-event{
    background-color: #fa896b !important;
}
.reject-event{
    background-color: #ff5454 !important;
}
.pending-event{
	background-color: #ffae1f !important;
}
.expire-event{
	background-color: #74788d !important;
}
.active-card{
	background-color: #0A3D3D;
}
.active-card .card-body h5,.active-card .card-body div h6,.active-card .card-body div p{
	color: #ffffff;
}
.text-expire-event{
	color: #74788d !important;
}
.text-pending-event{
	/* color: #5d87ff ; */
	color: #ffae1f;
}
.text-cancel-event{
	color:  #fa896b;
}
.text-reject-event{
	color:  #ff5454;
}
.text-accept-event{
	color: #13deb9;
}
.bg-danger {
    background-color: #ff5454 !important;
}
.bg-cancel {
    background-color: #fa896b !important;
}
.datepicker td, .datepicker th{
	color: #000;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
	text-decoration: line-through;
}
.datepicker table{
	font-size:16px;
}
.spinner-show-body{
    pointer-events: none;
    overflow: hidden;
}
.booking-page .complete-booking-content {
	padding: 10px 0px !important;
}
@media (min-width: 768px) {
	.booking-page .complete-booking-content {
		padding: calc(55px + 24px) calc(24px / 2) 130px calc(24px / 2) !important;
	}
}
.z-index-9999{
	z-index: 9999;
}
.refund-event{
	background-color: #515050 !important;
}
.text-refund-event{
	color: #515050 !important;
}
.bg-refund {
    background-color: #515050 !important;
}
.width-200{
	width:200px;
}

.text-black{
	color:#000000;
}
 
.border-theme{
	border: 1px solid #e3e1e1;
}
hr{
	color:#e3e1e1;
	opacity:1;
}
.text-link{
	color:#0d6efd;
}
.counters-card .card-body .d-flex .avatar-sm{
	height: 3.5rem !important;
	width: 3.5rem !important;
}
.counters-card .card-body .d-flex .avatar-sm .avatar-title span{
	width: 40px;
	height: 40px;
}
.pending-card{
	background-color: #fef5e5;
}
.pending-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #ffae1f !important;
}
.pending-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #ffae1f;
}

.accept-card{
	background-color: #e6fffa;
}
.accept-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #13deb9 !important;
}
.accept-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #13deb9;
}

.cancel-card{
	background-color: #fbf2ef;
}
.cancel-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #fa896b !important;
}
.cancel-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #fa896b;
}

.reject-card{
	background-color: #ff54541f;
}
.reject-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #ff5454 !important;
}
.reject-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #ff5454;
}

.expire-card{
	background-color: #74788d1f;
}
.expire-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #74788d !important;
}
.expire-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #74788d;
}

.refund-card{
	background-color: #28282817;
}
.refund-card .card-body .d-flex .avatar-sm .avatar-title{
	background-color: #515050 !important;
}
.refund-card .card-body .d-flex .avatar-sm .avatar-title span{
	color: #515050;
}
.counters-card .card-body .d-flex .avatar-sm {
	height: 1.5rem !important;
	width: 1.5rem !important;
}
.counters-card .card-body .d-flex .avatar-sm .avatar-title span {
	width: 15px;
	height: 15px;
}
.btn-orange{
    color: #fff;
    background-color: #ff7900;
    border-color: #ff7900;
}
.btn-orange:hover{
    color: #fff;
    background-color: #ff7900;
    border-color: #ff7900;
}
.btn-orange:focus{
    color: #fff;
    background-color: #ff7900;
    border-color: #ff7900;
	box-shadow: 0 0 0 .15rem #ff79004f;
}
hr:not([size]) {
    height: 0.5px;
}
.btn-theme{
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-theme:hover{
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.btn-theme:focus{
	color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}
.rounded-7{
    border-radius: 7px !important;   
}
.py-8 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}.input-group{
	border-radius: 7px;
	border: 1px solid #ced4da;
}
.input-group .input-group-text{
	border: none;
	border-radius: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
}
.input-group .form-control{
	border-radius: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
}
.page-header{
    box-shadow: none !important;
    background-color: #5d87ff1a;
}
.fw-semibold {
    font-weight: 600 !important;
}
.fs-5 {
    font-size: 1.125rem !important;
}
.rounded-end-7{
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}
.card-body{
    padding: 30px;
}
.fc .fc-button {
    border-radius: 7px;
    padding: 7px 20px !important;
    text-transform: capitalize;
    color: #2a3547;
}
.fc-next-button{
    margin-left: 5px !important;
}
.fc .fc-prev-button {
    border-radius: 7px 0 0 7px !important;
    padding: 7px 10px !important;
}
.fc .fc-next-button {
    border-radius: 0 7px 7px 0 !important;
    padding: 7px 10px !important;
}
.fc .fc-button-primary {
    background-color: #eaeff4;
    border-color: #eaeff4;
    letter-spacing: 1px;
    font-size: 14px;
    color: #2a3547;
}
.fc-toolbar-title {
    color: #5d87ff;
    font-size: 18px !important;
    text-transform: none !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
    background-color: #2a3547 !important;
    font-weight: 400;
    border-color: #2a3547;
    color: #fff !important;
}
.fc .fc-button-primary:hover{
    background-color: #dfe5ef;
    color: #2a3547;
    border-color: #dfe5ef;
}

.fc .fc-button:focus, .fc .fc-button-primary:focus{
    box-shadow: none !important;
}
.fc-add_calendar-button{
    margin-left: 10px !important;
    border-radius: 7px !important;
    background-color: #5d87ff !important;
    border-color: #5d87ff !important;
    color: #ffffff !important;
}
.fc-add_calendar-button:hover{
    background-color: #4f73d9 !important;
    border-color: #4f73d9 !important;
}
.fc-add_calendar-button:active{
    border-color: #dfe5ef !important;
}
.p-20{
	padding: 20px;
}
.fc-theme-standard th{
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    height: 56px;
    background-color: #eaeff4;
    vertical-align: middle;
    color: #5a6a85;
}
.fc-theme-standard th:last-child{
    border-right: 1px solid #eaeff4 !important;
}
.fc .fc-scrollgrid-section-sticky > *{
    background: #eaeff4 !important;
}
.fc .fc-col-header-cell-cushion, .fc .fc-daygrid-day-number{
    color: rgb(90,106,133);
}
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #eaeff4;
    border-right-width: 0px;
    border-bottom-width: 0px;
}
.fc .fc-daygrid-day.fc-day-today {
	background-color: #ffffff;
}
.fc .fc-daygrid-day.fc-day-today {
	background-color: #ffffff;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: #eaeff4;
    border-radius: 7px;
    margin: 3px;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number{
    font-weight: 600;
}
.fc .fc-daygrid-event {
    border-radius: 4px 20px 20px 4px !important;
}

.image-show-box {
	height: 100px;
	width: 100px;
	border: 1px #b2b2b2 dashed;
	display: inline-block;
}
.active-border{
    border: 3px solid #5d87ff !important;
}
input[type=file]{
	padding: 7px 0.75rem !important;
	height: 43.2px !important;
}
input[type=file]::file-selector-button {
	height: 43.2px !important;
}
.sp-original-input-container .sp-add-on {
    width: 45px !important;
}

/* Login page css start*/
.auth-form-group-custom label{
    width: calc(100% - 70px);
}
#code-form {
	display: flex;
	justify-content: center;
}
#code-form input:focus-visible{
	border: 1px solid #a2a2a2;
	outline: none;
}
#code-form input {
	margin: 0 0.5rem;
	padding: 0.5rem;
	border: 1px solid #dddddd;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 2rem;
}
.dial-table{
	margin: 0px 60px;
}
.dial-table tbody tr {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 20px;
}
.dial-table tbody tr td {
	background-color: #fdfdfd;
	border: 1px solid #dddddd;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
/* Login page css end*/
.table-outer-border{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;
}
.table-rounded-expend{
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
}

.table-rounded-expend tr:first-child th:first-child{
	border-top-left-radius: 5px;
}
.table-rounded-expend tr:first-child th:last-child{
	border-top-right-radius: 5px;
}
.table-rounded-expend tr:nth-last-child(2) td:first-child{
	border-bottom-left-radius: 5px;
}
.table-rounded-expend tr:nth-last-child(2) td:last-child{
	border-bottom-right-radius: 5px;
}
.border-link{
	border: 1px solid #0D6EFD;
}
.booking-employee-sticky{
	top: 64px;
	background: #FFFFFF !important;
	position: sticky;
	z-index: 1020;
}
.rounded-circle {
    border-radius: 50% !important;
}
.overflow-y-scroll{
    overflow-y: scroll;
}

.calendar-sidebar a{
    font-size: 15px;
    padding: 12px;
    border-radius: 7px !important;
    transition: all .4s;
}
.calendar-sidebar a:hover:not(.active){
    color: #5d87ff !important;
    background-color: #eff3ff !important;
}
.calendar-sidebar .active{
    background-color: #5d87ff !important;
}
.product-image-outer{
	height: 250px !important;
	background-color: #E7E8FF;
	border-radius: 5px;
	color: #6849F3; 
}
.product-image-outer h6{
	color: #6849F3; 
}
body {
    background: #F3F5F9;
}
.card-title {
    font-family: Inter, sans-serif;
    font-weight: 600 !important;
    font-size: 1.125rem;
}
.btn {
    padding: 5px 10px;
}


.select2-container .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 7px !important;
    height:43.2px!important;
}
.select2-container .select2-selection--single:focus {
	outline: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 43.2px !important;
    padding-left: 12px !important;
    color: #495057 !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 43.2px !important;
    width: 20px !important;
    right: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    right: 8px !important;
    font-size: 18px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
	border-color: #adb5bd transparent transparent transparent !important;
	border-width: 6px 6px 0 6px !important;
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #adb5bd transparent !important;
	border-width: 0 6px 6px 6px !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f8f9fa !important;
	color: #16181b !important;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
	background-color: #0A3D3D !important;
	color: #fff !important;
}
.select2-results__option {
	padding: 6px 12px !important;
}
.select2-dropdown {
	border-color:rgba(0,0,0,.15) !important;
}
.select2-container .select2-selection--multiple {
	background-color: #fff !important;
	border: 1px solid #ced4da !important;
	border-radius: 7px !important;
    min-height: 43.2px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
	padding: 2px 10px !important;
	vertical-align: text-top !important;
}
.select2-container .select2-selection--multiple .select2-search__field {
	border: 0;
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-search__field::placeholder {
	color: #495057 !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #e9ecef !important;
	border: 1px solid #dee2e6 !important;
	border-radius: 5px !important;
	padding: 0 7px !important;
	font-size: 14px;
	color: #000000;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da !important;
    background-color: #fff !important;
    color: #74788d !important;
    outline: 0 !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	vertical-align:middle!important;
}

.select2-container--default .select2-results__option{
	display: flex !important;
	vertical-align: middle !important;
}
.select2-container--default .select2-results__message{
	display: block !important;
}

.select-sm-outer .select2-container .select2-selection--single,
.select-sm-outer .select2-container .select2-selection--single .select2-selection__arrow,
.select-sm-outer .select2-container .select2-selection--single .select2-selection__rendered{
	height: 28px !important;
	line-height: 28px !important;
}

.select2-container .parsley-error {
	border: 1px solid #ff3d60!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	float: inline-end;
	margin-left: 5px;
	color: #000000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-bottom: 5px;
}

.select2-results__option[aria-selected=true] {
	display: none!important;
}