:root {
	--cta: #F1CA49;
	--cta-light: #FBF0C9;
	--cta-hover: #F1B542;

	--primary: #7133D9;
	--primary-hover: #4811A6;
	--primary-overlay: #AF9AFF99;
	--primary-overlay-opacity-10: #af9aff1a;
	--primary-overlay-opacity-20: #AF9AFF33;
	--primary-overlay-opacity-30: #AF9AFF4D;
	--primary-outline: #EFEBFF;
	--primary-selected: #AF9AFF33;
	--primary-light: #AF9AFF;
	--primary-disabled: var(--disabled);
	--primary-overlay-opacity-90: #af9affe6;

	--secondary: #6C7884; 
	--secondary-hover: #5B6670;
	--secondary-overlay: #CED7E0;
	--secondary-light: #EFEBFF;
	--secondary-lighter: #EFEBFF66;
	--secondary-outline: #CED7E0;
	--secondary-disabled: var(--disabled);

	--secondary-purple: #EFEBFF;
	--secondary-purple-hover: #AF9AFF33;
	--secondary-purple-overlay: #AF9AFF33;
	--secondary-purple-active: #E7E1FF;

	--success: #0D8055;
	--success-light: #4ECC9E;
	--success-hover: #0D8055;
	--success-overlay: #4ECC9E4D; 
	--success-outline: #C9EFE1;
	--success-disabled: var(--disabled);

	--info: #457AE5;
	--info-light: #A6C4FF;
	--info-hover: #457AE5;
	--info-overlay: #A6C4FF4D;
	--info-outline: #E4EDFF;
	--info-disabled: var(--disabled);
	--info-overlay-opacity-30: #A6C4FF4D;

	--danger: #B0002F;
	--danger-hover: var(--danger);
	--danger-disabled: var(--disabled);
	--danger-overlay: #F6BCC04D;  
	--danger-overlay-hover: #F6BCC0;
	--danger-outline: #F6BCC0;
	--danger-light: #E24756;
	--danger-light-disabled:#FEE;
	--danger-overlay-opacity-10: rgba(246, 188, 192, 0.10);

	--warning: #F08330;
	--warning-light: #F1CA49;
	--warning-hover: #FFBE55;
	--warning-overlay: #F8E4A4; 
	--warning-outline: #F8E4A4;
	--warning-disabled: var(--disabled);
	--warning-overlay-opacity-86: #F8E4A4DB;

	--light: #F2F6FA;
	--light-hover: #CED7E0;
	--light-disabled: #F2F6FA;

	--gray: #5B6670;
	--light-gray: #CED7E0;
	--lighter-gray: #9DB5CC12;
	--focus: #A6C4FF;
	--autofill: #F0F9FF;
	--disabled: var(--light-gray);

	--text-body: #2F3133;
	--text-comment: #8593A1;
	--text-link: #457AE5;
	--text-bui: var(--primary);

	--font-family-body: var(--font-family-core);
	--font-family-heading: var(--font-family-alt);
	--font-family-comment: var(--font-family-core);
	--font-family-input: var(--font-family-core);

	/* base font sizes */
	--font-size-root: var(--fs-root);
	--font-size-body: var(--fs-sm);
	--font-size-body-lg: var(--fs-md);
	--font-size-comment: var(--fs-xs);
	--font-size-comment-lg: var(--fs-xs);;
	--font-size-label: var(--font-size-comment);

	/* heading font sizes */
	--font-size-h1: var(--fs-xl);
	--font-size-h2: var(--fs-xl);
	--font-size-h3: var(--fs-xl);
	--font-size-h4: var(--fs-lg);
	--font-size-h5: var(--fs-md);
	--font-size-h6: var(--fs-sm);

	/* button font sizes */
	--btn-font-size: var(--fs-sm);
	--btn-xs-font-size: var(--fs-2xs);
	--btn-sm-font-size: var(--fs-xs);
	--btn-md-font-size: var(--btn-font-size);
	--btn-lg-font-size: var(--fs-lg);
	--btn-xl-font-size: var(--fs-xl);

	/* field font sizes */
	--fld-font-size: var(--fs-sm);
	--fld-sm-font-size: var(--fs-xs);
	--fld-md-font-size: var(--fld-font-size);

	/* font weights */
	--font-weight-body: var(--fw-regular);
	--font-weight-heading: var(--fw-bold);
	--font-weight-icon: var(--fw-light);

	/* radiuses */
	--btn-rounded-radius: var(--border-radius);
	--fld-border-radius: var(--border-radius);
	--widget-border-radius: var(--border-radius);

	/* colors */
	--heading: var(--text-body);
	--divider: #D3DCE5;
	--divider-alt: var(--secondary-lighter);

	--scrollbar-track: var(--divider);
	--scrollbar-thumb: var(--secondary);

	--card-border-width: var(--divider-border);
	--card-border: var(--card-border-width) solid var(--divider);
	--card-border-radius: var(--border-radius);
	--card-box-shadow: none;

	--dropdown-box-shadow: 0px 0px 20px rgba(145, 145, 145, 0.2);
	--thead-sticky-top-shadow: none; /*0px 0px 4px var(--divider);*/
	--thead-sticky-bottom-shadow: 0px 0px 4px var(--divider);

	--widget-box-shadow: 0px 2px 12px rgba(47, 49, 51, 0.12);
	--widget-border: none;

	--btn-height: 44px;
	--btn-padding-x: 16px;
	--btn-padding-y: 14px;

	--btn-xs-height: 24px;
	--btn-xs-padding-x: 8px;
	--btn-xs-padding-y: 4px;

	--btn-sm-height: 32px;
	--btn-sm-padding-x: 10px;
	--btn-sm-padding-y: 5px;

	--btn-md-height: 36px;
	--btn-md-padding-x: 10px;
	--btn-md-padding-y: 5px;

	--btn-lg-height: 48px;
	--btn-lg-padding-x: 20px;
	--btn-lg-padding-y: 12px;

	--btn-xl-height: 50px;
	--btn-xl-padding-x: 20px;
	--btn-xl-padding-y: 15px;

	--btn-box-shadow: none;
	--btn-box-shadow-hover: none;
	--btn-box-shadow-active: none;

	--btn-gradient-hover: none;
	--btn-gradient-active: none;

	--btn-border-width: var(--component-bold-border);
	--btn-border-width-focus: var(--component-bold-border);
	--btn-border-width-outline: var(--component-border);

	--fld-height: var(--btn-height);
	--fld-border-color: #CED7E0;
	--fld-border-width: var(--component-border);
	--fld-border-width-focus: var(--component-bold-border);
	--fld-padding-x: 8px;
	--fld-padding-top:18px;
	--fld-padding-bottom:2px;
	--fld-padding-y: 0;
	--fld-padding: var(--fld-padding-y) var(--fld-padding-x);

	--fld-sm-height: var(--btn-sm-height);
	--fld-sm-padding-x: 6px;
	--fld-sm-padding-y: 0;
	--fld-sm-padding: var(--fld-sm-padding-y) var(--fld-sm-padding-x);

	--fld-md-height: var(--btn-md-height);
	--fld-md-padding-x: var(--fld-padding-x);
	--fld-md-padding-y: 0;
	--fld-md-padding: var(--fld-md-padding-y) var(--fld-md-padding-x);

	--border-light-height: var(--divider-bold-border);
	--border-light-color: var(--light);
	--border-light: var(--border-light-height) solid var(--border-light-color);

	--navbar-height: 56px;

	--sticky-top-card: var(--navbar-height);
	--sticky-top-row: 116px;
	--sticky-offset-banner: 44px;

	--menu-bgcolor: #F8FAFB;

	--transparent-light:rgba(157, 181, 204, 0.07);
	--transparent-light-on-w: #F8FAFB;

	--blue-30:  rgba(166, 196, 255, 0.30);
	--blue-d:#2E6BE5;
	--blue-l:#A6C4FF;
	--grey-d: #CED7E0;
	--grey-l:#E4EAF0;

	--background-overlay:#333333;
}

@font-face {
    font-family: 'Tubic';
    src: url('../fonts/fbtubic-sanshebeng-regularwebfont.eot');
    src: url('../fonts/fbtubic-sanshebeng-regularwebfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fbtubic-sanshebeng-regularwebfont.woff') format('woff'),
         url('../fonts/fbtubic-sanshebeng-regularwebfont.ttf') format('truetype'),
         url('../fonts/fbtubic-sanshebeng-regularwebfont.svg#Tubic') format('svg');
    font-weight: 100 500;
    font-style: normal;
}
@font-face {
    font-family: 'Tubic';
    src: url('../fonts/fbtubic-sanshebeng-mediumwebfont.eot');
    src: url('../fonts/fbtubic-sanshebeng-mediumwebfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fbtubic-sanshebeng-mediumwebfont.woff') format('woff'),
         url('../fonts/fbtubic-sanshebeng-mediumwebfont.ttf') format('truetype'),
         url('../fonts/fbtubic-sanshebeng-mediumwebfont.svg#Tubic') format('svg');
    font-weight: 600 900;
    font-style: normal;
}

/* FB Einstein Regular */
@font-face {
  font-family: 'FB Einstein';
  src: url('../fonts/woff2FbEinsteinHebEng-Regular.woff2') format('woff2'),
       url('../fonts/FbEinsteinHebEng-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap; /* This helps with page loading performance */
}
/* FB Einstein Medium */
@font-face {
  font-family: 'FB Einstein';
  src: url('../fonts/woff2FbEinsteinHebEng-Medium.woff2') format('woff2'),
       url('../fonts/FbEinsteinHebEng-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap; /* This helps with page loading performance */
}
/* FB Einstein Thin */
@font-face {
  font-family: 'FB Einstein';
  src: url('../fonts/FbEinsteinHebEng-Light.woff2') format('woff2'),
       url('../fonts/FbEinsteinHebEng-Light.woff') format('woff'),
       url('../fonts/FbEinsteinHebEng-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap; /* This helps with page loading performance */
}
/* FB Einstein Thin */
@font-face {
  font-family: 'FB Einstein';
  src: url('../fonts/woff2FbEinsteinHebEng-Thin.woff2') format('woff2'),
       url('../fonts/FbEinsteinHebEng-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap; /* This helps with page loading performance */
}

body:not(.sidebar-mini) .logo .logo-mini,
body.sidebar-mini .sidebar:hover .logo .logo-mini
{
	margin: 0 -5px;
}

body:not(.sidebar-mini) .logo .logo-mini>img,
body.sidebar-mini .sidebar:hover .logo .logo-mini>img
{
	height: 20px!important;
	margin-top: -5px;
}

/*
.wrapper >.sidebar[data-color="white"]:after
{
	background-color: var(--light)!important;
}
.wrapper >.sidebar[data-color="white"] .logo:after
{
	height: 0;
}
*/

h1, h2, h3, h4, h5, h6 {
	/*font-family: Manrope;
	font-style: normal;
	font-weight: 800!important;
	*/
	text-transform: unset;
}

.sidebar .nav i, .off-canvas-sidebar .nav i {
	color: inherit!important
}
.sidebar .nav li>a, .off-canvas-sidebar .nav li>a
{
	border-radius: var(--border-radius)!important;
	color: var(--secondary-hover)!important;
}
.sidebar .nav li>a:not(.btn):hover, .off-canvas-sidebar .nav li>a:not(.btn):hover
{
	color: var(--primary)!important;
	/*background: var(--secondary-purple-active)!important;*/
}
.sidebar .nav li>a:hover .caret::before, .off-canvas-sidebar .nav li>a:hover .caret::before{ color: var(--primary)!important; }

.main-panel { background: white; }
.main-panel >.content { padding-inline: 1.5rem; }
.main-panel >.navbar { background-color: white!important; padding-inline: 1.5rem; min-height: var(--navbar-height); }

#navigation .dropdown-item{
	color:var(--secondary)!important;
	font-size: var(--font-size-body);
}

.btn:not(.btn-link) { border-width: var(--btn-border-width-outline); border-style: solid; }

.btn-cta:not(:disabled):not(.disabled),
.show>.btn-cta.dropdown-toggle,
.sidebar .nav .plus>.btn-cta >i,
.sidebar .nav .plus>.btn-cta >i >i,
.sidebar .nav .plus>.btn-cta >p
{
	color: var(--text-body)!important;
}

.btn-cta:not(:disabled):not(.disabled):hover, .show>.btn-cta.dropdown-toggle:hover { background-color: var(--cta-hover)!important; }

.btn-primary:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle { background-color: var(--primary)!important; }
.btn-primary:not(:disabled):not(.disabled):hover, .show>.btn-primary.dropdown-toggle:hover { background-color: var(--primary)!important; border-color: var(--primary-hover)!important; }
.btn-primary:not(:disabled):not(.disabled):focus, .show>.btn-primary.dropdown-toggle:focus { background-color: var(--primary-hover)!important; border-color: var(--primary-hover)!important; }
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle:active { background-color: var(--primary-hover)!important; border-color: var(--primary-hover)!important; }
.btn-primary:disabled, .btn-primary.disabled { background-color: var(--primary-disabled)!important; border-color: transparent!important; color: #fff!important; }

.btn-secondary:not(:disabled):not(.disabled), .show>.btn-secondary.dropdown-toggle { background-color: var(--secondary-purple)!important; color: var(--primary)!important; border-color:var(--secondary-purple)!important; }
.btn-secondary:not(:disabled):not(.disabled):hover, .show>.btn-secondary.dropdown-toggle:hover { background-color: var(--secondary-purple-hover); border-color: var(--secondary-purple-active)!important; }
.btn-secondary:not(:disabled):not(.disabled):focus, .show>.btn-secondary.dropdown-toggle:focus { background-color: var(--secondary-purple-active)!important; border-color: var(--secondary-purple-active)!important; }
.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle:active { background-color: var(--secondary-purple-active)!important; border-color: var(--secondary-purple-active)!important; }
.btn-secondary:not(:disabled):not(.disabled):disabled, .btn-secondary.disabled,.btn-outline-default.btn-secondary.disabled { background-color: var(--secondary-disabled) !important; border-color: transparent!important; color: #fff!important; }

.btn-success:not(:disabled):not(.disabled), .show>.btn-success.dropdown-toggle { background-color: var(--primary)!important; border-color: var(--primary)!important; }
.btn-success:not(:disabled):not(.disabled):hover, .show>.btn-success.dropdown-toggle:hover { background-color: var(--primary)!important; border-color: var(--primary-hover)!important; }
.btn-success:not(:disabled):not(.disabled):focus, .show>.btn-success.dropdown-toggle:focus { background-color: var(--primary-hover)!important; border-color: var(--primary-hover)!important; }
.btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle:active { background-color: var(--primary-hover)!important; border-color: var(--primary-hover)!important; }
.btn-success:disabled, .btn-success.disabled { background-color: var(--primary-disabled); border-color: transparent!important; color: #fff!important; }

.btn-info:not(:disabled):not(.disabled), .show>.btn-info.dropdown-toggle { background-color: var(--info)!important; }
.btn-info:not(:disabled):not(.disabled):hover, .show>.btn-info.dropdown-toggle:hover { background-color: var(--info-hover)!important; border-color: var(--info-hover)!important; }
.btn-info:not(:disabled):not(.disabled):focus, .show>.btn-info.dropdown-toggle:focus { background-color: var(--info-hover)!important; border-color: var(--info)!important; }
.btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle:active { background-color: var(--info-hover)!important; border-color: var(--info)!important; }
.btn-info:disabled, .btn-info.disabled { background-color: var(--info-disabled); border-color: transparent!important; color: #fff!important; }

.btn-danger:not(:disabled):not(.disabled), .show>.btn-danger.dropdown-toggle { background-color: var(--danger)!important; }
.btn-danger:not(:disabled):not(.disabled):hover, .show>.btn-danger.dropdown-toggle:hover { background-color: var(--danger-hover)!important; border-color: var(--danger-hover)!important; }
.btn-danger:not(:disabled):not(.disabled):focus, .show>.btn-danger.dropdown-toggle:focus { background-color: var(--danger-hover)!important; border-color: var(--danger)!important; }
.btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle:active { background-color: var(--danger-hover)!important; border-color: var(--danger)!important; }
.btn-danger:disabled, .btn-danger.disabled { background-color: var(--danger-disabled); border-color: transparent!important; color: #fff!important; }

.btn-warning:not(:disabled):not(.disabled), .show>.btn-warning.dropdown-toggle { background-color: var(--warning)!important; }
.btn-warning:not(:disabled):not(.disabled):hover, .show>.btn-warning.dropdown-toggle:hover { background-color: var(--warning-hover)!important; border-color: var(--warning-hover)!important; }
.btn-warning:not(:disabled):not(.disabled):focus, .show>.btn-warning.dropdown-toggle:focus { background-color: var(--warning-hover)!important; border-color: var(--warning)!important; }
.btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle:active { background-color: var(--warning-hover)!important; border-color: var(--warning)!important; }
.btn-warning:disabled, .btn-warning.disabled { background-color: var(--warning-disabled); border-color: transparent!important; color: #fff!important; }

/* alias to btn-success */
.btn-create:not(:disabled):not(.disabled), .show>.btn-create.dropdown-toggle { background-color: var(--primary)!important; border-color:var(--primary)!important; }
.btn-create:not(:disabled):not(.disabled):hover, .show>.btn-create.dropdown-toggle:hover { background-color: var(--primary-hover)!important; border-color: var(--primary-hover)!important; }
.btn-create:not(:disabled):not(.disabled):focus, .show>.btn-create.dropdown-toggle:focus { background-color: var(--primary-hover)!important; border-color: var(--primary)!important; }
.btn-create:not(:disabled):not(.disabled):active, .show>.btn-create.dropdown-toggle:active { background-color: var(--primary-hover)!important; border-color: var(--primary)!important; }
.btn-create:disabled, .btn-create.disabled { background-color: var(--primary-disabled); }

.btn-delete:not(:disabled):not(.disabled), .show>.btn-delete.dropdown-toggle { background-color: var(--danger-overlay)!important; border-color: var(--danger-overlay)!important; color: var(--danger)!important; }
.btn-delete:not(:disabled):not(.disabled):hover, .show>.btn-delete.dropdown-toggle:hover { background-color: var(--danger-overlay)!important; border-color: var(--danger-overlay-hover)!important; }
.btn-delete:not(:disabled):not(.disabled):focus, .show>.btn-delete.dropdown-toggle:focus { background-color: var(--danger-overlay-hover)!important; border-color: var(--danger-overlay-hover)!important; }
.btn-delete:not(:disabled):not(.disabled):active, .show>.btn-delete.dropdown-toggle:active { background-color: var(--danger-overlay-hover)!important; border-color: var(--danger-overlay-hover)!important; }
.btn-delete:disabled, .btn-delete.disabled { background-color: var(--danger-disabled); color: #fff!important; }

.btn-link:not(:disabled):not(.disabled), .show>.btn-link.dropdown-toggle { background-color: transparent!important; border: var(--btn-border-width-outline) solid transparent; color: var(--text-link)!important; }
.btn-link:active, .show>.btn-link.dropdown-toggle:active { color: var(--primary)!important; }
.btn-link:disabled, .btn-link.disabled { color: var(--secondary-disabled)!important; }

.btn-light { background-color: var(--secondary); color: var(--text-body); }
.btn-light:hover { background-color: var(--secondary-hover); }
.btn-light:active { background-color: var(--secondary-hover); }

/* UI Datepicker */
.ui-datepicker-header .ui-datepicker-next:after{content: "\f054";}
.ui-datepicker-header .ui-datepicker-prev:after{content: "\f053";}
/* END UI Datepicker */

.sortable_presense_search tr.empty_day[data-day="Saturday"],.sortable_presense_search tr.empty_day[data-day="Sunday"] { background: repeating-linear-gradient( 45deg, #fff, var(--light) 5px, #fff 8px, #fff 10px ); }

h1>.alink-hover:hover { color: var(--text-link)!important; background-color: transparent; border-radius: var(--border-radius); }

.form-group.form-group-checkbox,
.form-group.form-group-radio
{
	margin-block: 0;
	
}
.form-group.form-group-radio >label >input[type=radio]{
    padding-inline-end: 8px;
}

.form-group.form-group-richtext >label,
.form-group:has(.tox-tinymce) >label
{
	text-align: right;
}

.form-group >.form-control:not(.dropdown) {
	font-size: var(--fld-font-size);
	line-height: 1;
	padding: var(--fld-padding);
	box-shadow: var(--fld-shadow);
	border: var(--fld-border-width) solid var(--fld-border-color);
	border-radius: var(--fld-border-radius);
}

.form-group >.form-control:not(.dropdown,textarea) {
	height: var(--fld-height);
}

/*
.form-group >textarea.form-control {
	height: calc(2 * var(--fld-height));
	max-height: calc(4 * var(--fld-height));
}
*/

.input-group {
	margin-bottom: 0;
}

/* disable autofill effects on inputs */
.form-group >input.form-control:-webkit-autofill,
.form-group >.input-group >input.form-control:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px var(--autofill) inset;
	transition: background-color 0s;
}

.form-group >.input-group.input-group-autofill .input-group-addon {
	background-color: var(--autofill);
}

.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >input.form-control:not(.form-control-sm,.form-control-md,.form-control-lg,.form-control-xs,.form-control-xl),
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >a.form-control,
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >div.form-control:not(.dropdown),
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >textarea.form-control:not(.form-control-sm,.form-control-md,.form-control-lg,.form-control-xs,.form-control-xl),
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >.input-group >input.form-control,
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >.input-group >select.form-control,
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >.input-group .input-group-addon:not(.input-group-btn),
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >div >input.form-control.has-daterangepicker,
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >.form-date-group >*,
.form-group:not(.row,.form-row,.form-group-no-label,.placeholder-shown) >.form-time-group >*{
	padding: var(--fld-padding-top) var(--fld-padding-x) var(--fld-padding-bottom) var(--fld-padding-x);
	line-height: calc(var(--fld-height) - 20px - 2 * var(--fld-border-width));
}

.form-group:not(.row,.form-row,.form-group-no-label) >.form-date-group,
.form-group:not(.row,.form-row,.form-group-no-label) >.form-time-group {
	padding: 0;
}
.form-group:not(.row,.form-row,.form-group-no-label) >.form-date-group >*,
.form-group:not(.row,.form-row,.form-group-no-label) >.form-time-group >* {
	height: calc(var(--fld-height) - 2 * var(--fld-border-width));
	border-radius:var(--fld-border-radius);
}

.form-group:not(.row,.form-row,.form-group-no-label) >.input-group.input-group-focus .input-group-addon:not(.input-group-btn) {
	line-height: calc(var(--fld-height) - 20px - 2 * var(--fld-border-width-focus));
}

body .form-group >label,
body .form-row >label,
body .form-group .control-label,
body .form-group .col-form-label {
	color: var(--secondary);
}

.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.control-label,
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.col-form-label {
	font-size: var(--font-size-label);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 var(--fld-padding-x);
	z-index: 10;
	pointer-events: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.control-label,
.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.col-form-label,
.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.control-label,
.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.col-form-label
{
	padding: 0 calc(var(--col-space) + var(--fld-padding-x));
}

.form-group.row >label,
.form-group.form-group-no-input >label,

.form-row >.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-row >.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.control-label,
.form-row >.form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.col-form-label,
.form-row >.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-row >.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.control-label,
.form-row >.form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >.col-form-label
{
	padding: 0 calc(var(--fcol-space) + var(--fld-padding-x) + var(--fld-border-width-focus));
}

/* quickadd icon position */
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i
{
	position: absolute;
	top: 1px;
	inset-inline-end: 0px;
	z-index: 11;
	margin: 0;
	padding: 0;
	width: 2rem;
	line-height: calc(var(--fld-height) - 2px);
	border-inline-start: 1px solid var(--divider);
	border-inline-end: 1px solid var(--divider);
	border-start-end-radius: var(--border-radius);
	border-end-end-radius: var(--border-radius);
	color: var(--text-comment);
}
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +.btn:not(.form-control)
{
	top: 0;
}

/* hide quickadd icon on fields that are marked as hover-only */
.form-group.form-group-hover:not(:hover):not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.form-group.form-group-hover:not(:hover):not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i
{
	display: none;
}

/* quickadd icon position in .row>.col.form-group */
.row .form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.row .form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i,
.row .form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.row .form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i
{
	inset-inline-end: var(--col-space);
}

/* quickadd icon position in .form-row>.col.form-group */
.form-row .form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.form-row .form-group.col:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i,
.form-row .form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control),
.form-row .form-group[class*="col-"]:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i
{
	inset-inline-end: var(--fcol-space);
}

/* quickadd icon hover */
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a:not(.form-control):hover,
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i:hover
{
	background-color: var(--light);
	color: var(--primary);
}

/* dropdown-toggle icon after quickadd */
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +a +.bootstrap-select >.dropdown-toggle:after,
.form-group:not(.row,.form-row,.form-group-no-input,.form-group-checkbox,.form-group-radio) >label +i +.bootstrap-select >.dropdown-toggle:after
{
	margin-inline-end: 28px;
}

/* interactive elements in label */
.form-group >label >a, .form-group >label >a,
.form-group >label >a, .form-group >label >i,
.form-group >label >a, .form-group >label >input
{
	pointer-events: all;
}

.bs-add-form {
	top: -2.95rem;
}

.dropdown .dropdown-menu .bs-actionsbox .btn-group>.actions-btn { background-color: var(--secondary-purple); color: var(--primary); }
.dropdown .dropdown-menu .bs-actionsbox .btn-group>.actions-btn:hover { background-color: var(--secondary-purple-hover); border: var(--btn-border-width-focus) solid var(--secondary-purple-active); transition: none; }
.dropdown .dropdown-menu .bs-actionsbox .btn-group>.actions-btn:focus { background-color: var(--secondary-purple-active); border-color: var(--secondary-purple-active); }
.dropdown .dropdown-menu .bs-actionsbox .btn-group>.actions-btn:active { background-color: var(--secondary-purple-active); border-color: var(--secondary-purple-active); }

.form-group.form-group-no-input >label,
.form-group.form-group-no-input .control-label,
.form-group.form-group-no-input .col-form-label {
	display: block;
	padding-top: 0;
	line-height: 1.5;
}

.form-group:not(.row):not(.form-group-no-input) >label +br {
	display: none;
}

.card .row >.form-group.col:not(.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.card .row >.form-group[class*="col-"]:not(.form-group-no-input,.form-group-checkbox,.form-group-radio) >label {
	padding: 0 calc(var(--col-space, 20px) + var(--fld-padding-x));
}

.form-row>.col.form-group:not(.form-group-no-input,.form-group-checkbox,.form-group-radio) >label,
.form-row>[class*=col-].form-group:not(.form-group-no-input,.form-group-checkbox,.form-group-radio) >label {
	padding: 0 calc(var(--fcol-space) + var(--fld-padding-x) + var(--fld-border-width-focus));;
}

.form-group:not(.row,.form-row).placeholder-shown >label {
	padding-block: 0!important;
	line-height: var(--fld-height);
	font-size: var(--fld-font-size)!important;
	transition: all .2s;
}

.form-group:not(.row,.form-row).placeholder-shown >.form-control,
.form-group:not(.row,.form-row).placeholder-shown >.input-group >.form-control {
	padding-block: 0;
}

.form-group:not(.row,.form-row).placeholder-shown >.form-control::placeholder,
.form-group:not(.row,.form-row).placeholder-shown >.input-group >.form-control::placeholder {
	color: transparent!important;
}

.form-group:not(.row,.form-row).placeholder-shown >.input-group >.input-group-addon {
	color: transparent;
}

.form-group:not(.row,.form-row).placeholder-shown >.form-control::-webkit-calendar-picker-indicator {
	display: none;
}

.form-group .bootstrap-select >.btn.dropdown-toggle {
	padding-inline: var(--fld-padding-x);
	height: var(--fld-height)!important;
	font-size: var(--fld-font-size);
}

.form-group .bootstrap-select.form-control-sm >.btn.dropdown-toggle {
	padding-block: 0;
	height: var(--fld-sm-height)!important;
	line-height: var(--fld-sm-height)!important;
	font-size: var(--fld-sm-font-size);
}
.form-group .bootstrap-select.form-control-md >.btn.dropdown-toggle {
	padding-block: 0;
	height: var(--fld-md-height)!important;
	line-height: var(--fld-md-height)!important;
	font-size: var(--fld-md-font-size);
}

.form-group:not(.row,.form-row,.form-group-no-label) select.form-control.default,
.form-group:not(.row,.form-row,.form-group-no-label) .bootstrap-select:not(.noplaceholder) >.btn.dropdown-toggle {
	padding-block: 18px 2px;
	line-height: 1.5!important;
}

.bootstrap-select >.dropdown-menu.show
{
	top: 40%!important;
}
.bootstrap-select.noplaceholder >.dropdown-menu.show
{
	top: 100%!important;
}

.bootstrap-select >.btn.dropdown-toggle
{
	border-color: var(--fld-border-color)!important;
}

/* disable number spinners { */
input[type=number].form-control
{
	-moz-appearance: textfield;
}
input[type=number].form-control::-webkit-outer-spin-button,
input[type=number].form-control::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
/* } */

.form-group:not(.row,.form-row,.form-group-no-label,.form-group-sm) .bootstrap-select:not(.noplaceholder) >.dropdown-toggle:after,
.form-group:not(.form-group-sm) [type=number]::-webkit-inner-spin-button,
.form-group:not(.form-group-sm) [type=number]::-webkit-outer-spin-button {
	margin-top: -1.2em;
}

.form-group.placeholder-shown >[type=number]::-webkit-inner-spin-button,
.form-group.placeholder-shown >[type=number]::-webkit-outer-spin-button {
	margin-top: -0.2em;
}

.form-group.has-success:after, .form-group.has-error:after, .form-group.has-danger:after, .form-group.has-empty-required:after {
	top: 1rem;
	display: none;
}
.form-group.has-empty-required >label:after {
	content: '\f069';
	font-family: var(--fa-family-classic, 'Font Awesome 5 Pro');
	font-size: .5em;
	line-height: .5em;
	vertical-align: middle;
	margin: 0 1ex;
}

.toggle_search_section {
	margin-top: 1rem;
}

.form-group.has-error >.form-control,
.form-group.has-error >.input-group >.form-control,
.form-group.has-error >.input-group >.input-group-addon
{
	border-color: var(--danger)!important;
}

.form-group.has-success >.form-control,
.form-group.has-success >.input-group >.form-control,
.form-group.has-success >.input-group >.input-group-addon
{
	border-color: var(--success)!important;
}

.form-control:focus,
.form-group >.form-control:focus,
.form-group.has-success >.form-control:focus,
.form-group.has-error >.form-control:focus,
.form-group >.input-group >.form-control:focus,
.form-group >.input-group.input-group-focus >.form-control,
.form-group >.input-group.input-group-focus >.input-group-addon,
.form-group.has-success >.input-group >.form-control:focus,
.form-group.has-success >.input-group.input-group-focus >.form-control,
.form-group.has-success >.input-group.input-group-focus >.input-group-addon,
.form-group.has-error >.input-group >.form-control:focus,
.form-group.has-error >.input-group.input-group-focus >.form-control,
.form-group.has-error >.input-group.input-group-focus >.input-group-addon
{
	border-color: var(--focus)!important;
	border-width: var(--fld-border-width-focus);
}
.input-group-addon[class*=fa-]
{
	margin: 0;
	padding: 0;
	text-align: center;
}
.form-group .help-block.empty-feedback,
.form-group .help-block.invalid-feedback,
.form-group .help-block.success-feedback {
	/*margin-top: -5px;*/
	text-indent: 5px;
}

/*
.card-header .btn:not(.btn-sm,.btn-md,.btn-lg,.btn-xl,.btn-xs),
.fc-header-toolbar .btn.dropdown-toggle,
#search_box input, #search_box i, #search_btn_x, #search_btn_i
{
	height: var(--btn-md-height)!important;
	line-height: var(--btn-md-height)!important;
	padding-block: 0;
}
*/

/* create-doc */
#doc-items .doc-item.editor .form-group:not(.form-group-checkbox) label.d-lg-none {
	display: block!important;
}
#doc-items .doc-item.editor .form-group >input.form-control.px-1,
#doc-items .doc-item.editor .form-group >.input-group >input.form-control.px-1 {
	padding-inline: var(--fld-padding-x)!important;
}

.card.card-main, .card.card-tabs { box-shadow: none; border: none; }
.card.card-main >.card-header, .card.card-main >.card-body, .card.card-main >.card-footer { padding-inline: 0!important; }
.card.card-main .card-header .col-12[class*=pt-] { padding-top: 0!important; }
.card.card-main .card-header .col-12 .btn { margin-block: 0!important; }

.content >.card.card-main >.card-header { padding-top: 0!important; }
.content >.row .card.card-main >.card-header { padding-top: 0!important; }
.content >form .card.card-main >.card-header { padding-top: 0!important; }
.content >.kanban >.kanban-header { padding-top: 0; }

@media screen and (min-width: 992px) {
	.card.card-main.require-prerequisites >.card-body .btn-add-notes { margin-inline-start: 1rem!important; }
}

/* ignore justify-content-center */
/*
.content >.row.justify-content-center,
.content >form >.row.justify-content-center { justify-content: start!important; }
*/
/* stretch the table to fill the window */
.content >.row.justify-content-center >[class*=col-]:has(.card-table,.card-tabs),
.content >form >.row.justify-content-center >[class*=col-]:has(.card-table,.card-tabs) { max-width: 100%; flex: 0 0 100%; }

/* Region: tabs { */

.card.card-tabs {

	& >.card-header:has(ul.ui-tabs-nav) {
		border-bottom: none;

		& >.row, & >.form-row {
			& >div[class*=col] {
				height: calc(var(--btn-md-height) + var(--border-light-height) + .5rem);
			}

			& >div[class*=col]:not(:has(>ul.ui-tabs-nav)) {
				padding-inline-start: 0;
				border-bottom: var(--border-light);
			}

			& .btn {
				height: var(--btn-md-height);
				line-height: calc(var(--btn-md-height) - 2 * var(--btn-border-width));
				margin-block: 0;
				/*margin-inline-start: .5rem;*/
			}
		}
	}

	& ul.ui-tabs-nav {
		display: block;
		white-space: nowrap;
		width: calc(100% + 2rem);
		/*width: 100%;*/
		height: calc(var(--btn-md-height) + var(--border-light-height) + .5rem);
		line-height: calc(var(--btn-md-height) + .25rem);
		margin-inline: calc(-1 * var(--col-space));
		/*margin-inline: 0;*/
		margin-bottom: 0!important;
		/*padding-inline: 1rem;*/
		padding-inline: 0;
		overflow-y: hidden;
		overflow-x: scroll;
		border-bottom: var(--border-light);

		&::-webkit-scrollbar {
			display: none;
			width: var(--border-light-height);
			height: var(--border-light-height);
		}
		&::-webkit-scrollbar-thumb {
			box-shadow: none;
			background-color: var(--secondary-overlay);
		}
		&::-webkit-scrollbar-track {
			box-shadow: none;
			background-color: var(--light);
		}

		&:hover {
			border-bottom: none;

			&::-webkit-scrollbar {
				display: block;
			}
		}

		& li.ui-state-default {
			display: inline-block;
			float: none!important;
			margin-bottom: 0;

			& a {
				display: inline-block;
				float: none!important;
				margin-bottom: 0;
			}
		}

		& li.ui-state-active {
			/*
			border: none;
			border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0!important;
			background-color: var(--light);
			*/
			border-bottom: 2px solid var(--primary-overlay);
		}

		& a.ui-tabs-anchor {
			padding-block: 0;
		}

	}
}


/* } End Region: tabs */

/* Settings page */
.setting_box:not(.express_disabled):hover { 
	box-shadow: 0 0 0 1px var(--divider);
}


.swal2-actions .btn-success:not(:disabled):not(.disabled):focus {
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
}

.in_menu_icon{
	margin-right: 5px !important;
}

.input-group-append .btn {
	padding-right: 10px !important;
  }