/* 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;
}
.border_right_grey{
    border-right: 1px solid grey;
}

/* Calender */
.fc-event {
	border-radius: 2px !important;
	cursor: move !important;
	font-size: 0.8125rem !important;
	margin: 5px 7px !important;
	border-left: 8px solid !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;
}

/* 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 */
.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;
}
.min_onefivefive{
    min-width:155px;
}

/* 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 !important;
}
.fs-11{
	font-size: 11px;
}
.fs-14{
	font-size: 14px;
}
.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: 18px !important;
    margin-bottom: 0px !important;
    color: #000000;
    font-weight: 600 !important;
    margin-left: 0px;
    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: 5px !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: left!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;
}
#addCashFlowCategoryBtn{
    position: absolute;
    top: 4px;
    right: -70px;
}
.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: 35px !important;
	height: 35px !important;
	font-size: 14px;
	border: 0px !important;
	width: 100%;
}
.border_radius_right_none{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.border_radius_left_none{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-select:focus{
    box-shadow: none;
}

.transition-none{
    transition:none;
}

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

.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;
}

.dropify-wrapper .dropify-message p{
	font-size:16px;
}

.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;
}

.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;
}
.container_light_border{
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5 !important;
}
.discount_del_element{
    right: 8px;
    top: 6px;
}
.discount_del_icon{
    font-size:22px;
}
.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;   
}
.table td{
    white-space:nowrap;
}
@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: rgba(93, 135, 255, 0.1) !important;
	border-radius: .25rem !important;
	font-weight: 600 !important;
	border: 1px solid rgba(93, 135, 255, 0.1) !important;
}

.input-border{
    border: 1px solid #ced4da!important;
}
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: 600;
    color:#343a40;
}

.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;
}
.select2-container .parsley-error {
	border: 1px solid #ff3d60!important;
}
.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%;
}
.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;
}

.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;
	border: 0;
	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: #5d87ff;
}
.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;
}
.form-control-sm{
    border-radius: 7px;
}
.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;
}
.card-footer{
    padding: 30px;
    background-color:#FFFFFF;
}
.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 !important;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: #ffffff;
    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;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-bottom: 5px;
}
.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;
}
.fw-600{
    font-weight: 600;
}
.sp-original-input-container .sp-add-on{
	width: 45px !important;
}
.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:hover{
	background-color: #4f73d9 !important;
	border-color: #4f73d9 !important;
}
.fc-appointment-button:active{
	border-color: #dfe5ef !important;
}

.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; 
}

.image-outer{
    min-height:200px;
	background-color: rgba(93, 135, 255, 0.1);
	border:1px dashed #5d87ff!important;
	border-radius: 5px;
}


.w-70{
    width:70%;
}
.w-80{
    width:80%;
}
.booked-table .table-panel{
	background: red;
}
.booked-table .table-panel .chair-panel {
	border: 1px solid red;
	border-bottom: 6px solid red;
}
.unbooked-table .table-panel{
	background: green;
}
.unbooked-table .table-panel .chair-panel {
	border: 1px solid green;
	border-bottom: 6px solid green;
}
.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 800px;
  margin: 1em auto;
}
.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
#chart-container h4 {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  color:#ffffff;
}
#chart-container p {
  font-size: 13px;
  line-height: 16px;
}
@media screen and (max-width: 600px) {
  #chart-container h4 {
	font-size: 2.3vw;
	line-height: 3vw;
  }
  #chart-container p {
	font-size: 2.3vw;
	line-height: 3vw;
  }
}
.highcharts-description {
  margin: 0.3rem 10px;
}
#chart-container img{
	background: white;
	padding: 2px;
}
.node-main-outer:hover .dropdown-node{
	display:block!important;
}
.node-main-outer:hover .node-edit-btn{
	display:block!important;
}
.node-main-outer:hover .node-delete-btn{
	display:block!important;
}
.node-main-outer:hover{
	border: 1px solid #00b300;
}
.node-delete-btn{
	position: absolute;
	right: 0;
	background: #00b300;
	padding: 4px;
	top: 40px;
	display:none;
}
.node-edit-btn{
	position: absolute;
	right: 0px;
	background: #00b300;
	padding: 4px;
	top: 40px;
	display:none;
}
.highcharts-label span{
	position: relative!important;
}

.dropdown-node {
	position: absolute;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 50%);
	display:none;
	color:#00b300;
	bottom: 0%;
}
.dropdown-node-content {
	display:none;
	position: absolute;
	background-color: #FFFFFF;
	min-width: 160px;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
	padding: .5rem 0;
	z-index: 1;
	border-radius: 5px;
}
.dropdown-node:hover .dropdown-node-content {
	display: block;
}
.dropdown-node-link{
	display: block;
	width: 100%;
	padding: 10px;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-size: .9rem;
	cursor:pointer;
}
.dropdown-node-link:hover{
	background-color: #f8f9fa;
}
.header-tab li a{
	color:#505d69;
}
.header-tab li .active{
	color:#FFFFFF;
	background-color:#5D87FF;
}
.header-tab li a:hover:not(.active){
	color:#000000;
}
.card-title{
    font-family: Inter, sans-serif;
    font-weight: 600 !important;
    font-size: 1.125rem;
}


.step-form-ul:before, #step-form-progress {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #f1f5f7;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 1;
}
#step-form-progress{
	background-color: #5d87ff !important;
	z-index: 8 !important;
}
.step-form-ul{
	display: flex;
	justify-content: space-around;
	list-style: none;
	margin-top: 1rem;
}
.step-form-ul li{
	text-align: center;
	z-index: 10;
}
.step-form-ul li .step-number{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #5d87ff;
	border: 2px solid #5d87ff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
}
.step-form-ul li .active{
	background-color: #5d87ff;
	color:hsl(0, 0.00%, 100.00%);
}

.simple-hi li {
	position: relative;
}
.simple-hi .post ul {
	padding-left: 16px;
}
.simple-hi .post ul li:before {
	display: block;
	position: absolute;
	top: -16px;
	left: -14px;
	height: 27px;
	width: 10px;
	content: "";
	border-left: 2px solid #a19b9b;
	border-bottom: 2px solid #a19b9b;
}
.simple-hi .post ul li:after {
	display: block;
	position: absolute;
	content: "";
	top: -4px;
	left: -14px;
	bottom: 0;
	border-left: 2px solid #a19b9b;
}
.simple-hi .post ul li:last-child:after {
	display: none;
}


.tree, .tree ul {
	margin:0;
	padding:0;
	list-style:none
}
.tree ul {
	margin-left:1em;
	position:relative
}
.tree ul ul {
	margin-left:.5em
}
.tree ul:before {
	content:"";
	display:block;
	width:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	border-left:1px solid
}
.tree li {
	margin: 0;
	padding: 0 1em;
	line-height: 2em;
	position: relative;
	font-size: 16px;
	cursor: pointer;
}
.tree ul li:before {
	content:"";
	display:block;
	width:10px;
	height:0;
	border-top:1px solid;
	margin-top:-1px;
	position:absolute;
	top:1em;
	left:0
}
.tree ul li:last-child:before {
	background:#fff;
	height:auto;
	top:1em;
	bottom:0
}
.indicator {
	margin-right: 5px;
	font-size: 20px;
	color: #5d87ff;
}
.tree li a {
	text-decoration: none;
	color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
	text-decoration: none;
	color:#369;
	border:none;
	background:transparent;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	outline: 0;
}

.opacity-half{
	opacity: 0.5;
}

.disable-sync-item{
	opacity: 0.3;
	pointer-events: none;
}
.select2-results__option[aria-selected=true] {
	display: none!important;
}
.card-counter {
	margin-bottom: 0.5rem !important;
	padding: 10px 10px;
	background-color: #fff;
	border-radius: 7px;
	transition: .3s linear all;
	box-shadow:rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,
				rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
}
.card-counter i{
	font-size: 4em;
	opacity: 0.2;
}
.card-counter.primary {
	background-color: #007bff;
	color: #FFF;
}
.card-counter.danger {
	background-color: #ef5350;
	color: #FFF;
}
.card-counter.success {
	background-color: #66bb6a;
	color: #FFF;
}
.card-counter.info {
	background-color: #26c6da;
	color: #FFF;
}
.card-counter.light-purple {
	background-color: #b926b9;
	color: #FFF;
}
.card-counter .count-numbers {
	position: absolute;
	right: 35px;
	top: 30px;
	font-size: 24px;
	display: block;
}
.card-counter .count-name {
	position: absolute;
	right: 35px;
	top: 65px;
	display: block;
	font-size: 16px;
}
.card-counter .setting_dropdown_icon{
	font-size:14px;
	color:white;
	opacity:1;
}
.card-counter .setting_main_icon{
	font-size:18px;
	color:white;
	opacity:1;
}
.card-counter .card_dropdown_container{
	position:absolute;
	top:5px;
}
.card-counter .dropdown-menu{
	z-index:9999;
}
.all_organisations_card{
	min-height: 930px;
}
.all_organisations_card .card-body{
	flex:none;
}
.bb-dashed{
	border-bottom: 1px dashed;
}

.table > :not(caption) > * > * {
    padding: 2px 5px;
}

.table th{
    background: #F3F5F9;
}

.btn{
    padding: 5px 10px;
}
.table-orange{
    background-color: #ffa77261;
    color: #000;
    border-color: #ffa77261;
}
.table-expired{
    background-color: #ffb6c3;
    color: #000;
    border-color: #ffb6c3;
}

body{
    background:#F3F5F9;
}

.list-notification-alert{
	position: absolute;
	display: inline-block;
	height: 6px;
	width: 6px;
	background-color: #f32f53;
	border-radius: 50%;
	top: -6px;
	right: 2px;
	animation: pulsing 2s infinite;
	transition: all 0.2s;
}
@keyframes pulsing {
	from {
		box-shadow: 0 0 0 0 rgba(243,47,83,.65);
	}
	70% {
		box-shadow: 0 0 0 3px rgba(243,47,83,.65);
	}
	to {
		box-shadow: 0 0 0 0 rgba(243,47,83,0);
	}
}
.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;
}
.select2-container .parsley-error {
	border: 1px solid #ff3d60!important;
}
.error-message{
	color: #ff3d60!important;
}
.pointer-event-disabled{
	pointer-events: none!important;
}
.product-image-outer {
	height: 134px !important;
	background-color: #E7E8FF;
	border-radius: 5px;
	color: #6849F3;
}
.image-delete-btn{
	height: 20px;
	width: 20px;;
	top: -3px;
	right: -3px;
}
#imageMainOuter{
	max-height: 134px !important;
}
.w-80-px{
	width:200px;
}
.dropdown-selected-icon{
    min-width:20px;
}
.download-ean-icon{
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	background: white;
	border: 1px solid #ced4da;
	padding: 0px 5px;
	border-radius: 5px;
	display:none;
}
.barcode-svg:hover .download-ean-icon{
	display:block;
}

.barcode-svg{
    overflow: auto;
    max-width:0;
}
.reporting-icon-1{
    background-color:#E1F5FE;
    border:2px solid #00ABFF;
}
.reporting-icon-1 h5{
    color:#00ABFF;
}
.reporting-icon-2{
    background-color:#FFF4DE;
    border:2px solid #FEBD3D;
}
.reporting-icon-2 h5{
    color:#FEBD3D;
}
.reporting-icon-3{
    background-color:#FFF1EE;
    border:2px solid #FF9271;
}
.reporting-icon-3 h5{
    color:#FF9271;
}
.reporting-icon-4{
    background-color:#E6F2F2;
    border:2px solid #329189;
}
.reporting-icon-4 h5{
    color:#329189;
}
.reporting-icon-5{
    background-color:#F6EAFE;
    border:2px solid #B54DF8;
}
.reporting-icon-5 h5{
    color:#B54DF8;
}
.reporting-icon-6{
    background-color:#FCE9EB;
    border:2px solid #E9747D;
}
.reporting-icon-6 h5{
    color:#E9747D;
}
.search_main_form label,
.search_main_form button{
    font-size: 14px;
}
.search_main_form select{
    padding: 7px 1.75rem 7px 0.5rem;
    font-size: 0.8rem;
}
.search_main_form input{
    padding: 7px 0.75rem !important;
    font-size: 0.8rem;
}
.search_main_form .select2-container .select2-search--inline .select2-search__field{
    padding:0px !important;
}
.search_main_form .select2-container .select2-selection--multiple,
.search_main_form .select2-container .select2-selection--single{
    min-height: 32px !important;
}
.search_main_form button:focus{
    box-shadow:none !important;
}
div.tagsinput span.tag a{
    color: #FFF;
}
.meta-image-remove-icon{
	position: absolute;
	font-size: 30px;
	right: -6px;
	top: 0px;
	color: red;
	cursor: pointer;
}
.input-group .select2-container .select2-selection--single {
	border-width: 0px 0px 0px 1px !important;
	border-radius: 7px 0px 0px 7px !important;
}
.input-group .select2-container {
	flex: 1 1 auto;   /* allow it to grow inside input-group */
	width: 1% !important; /* needed for Bootstrap input group flex */
}
.input-group .select2-container .select2-selection--multiple{
    border-width: 0px 0px 0px 1px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.w-200{
	width:200px;
}
.input-group .form-control::file-selector-button{
	border:0;
}
.form-range::-webkit-slider-thumb {
	background: #0d6efd;
}
.left-tab-active{
	background-color:#E8EFFF;
	color:#256DFD;
}
.bg-baby-light{
	background-color: #eff2f7db !important;
}
#qrCodeOuter canvas{
	padding: 10px;
	border-radius:5px;
	background:
	linear-gradient(to right, #000000 3px, transparent 4px) 0 0,
	linear-gradient(to right, #000000 3px, transparent 4px) 0 100%,
	linear-gradient(to left, #000000 3px, transparent 4px) 100% 0,
	linear-gradient(to left, #000000 3px, transparent 4px) 100% 100%,
	linear-gradient(to bottom, #000000 3px, transparent 4px) 0 0,
	linear-gradient(to bottom, #000000 3px, transparent 4px) 100% 0,
	linear-gradient(to top, #000000 3px, transparent 4px) 0 100%,
	linear-gradient(to top, #000000 3px, transparent 4px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.rounded-start-0{
    border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #eff2f7 !important;
}