.form-group
{
	position: relative;
	margin-bottom: 16px;
}

.form-control
{
	border-radius: var(--fld-border-radius);
	border-color: var(--fld-border-color);
	font-size: var(--fld-font-size);
	height: var(--fld-height);
	padding-inline: var(--fld-padding-x);
}

.form-control.form-control-hover:not(:hover):not(:focus):not(:active),
.form-control.form-control-hover.bootstrap-select:not(.show) >.btn.dropdown-toggle:not(:hover):not(:focus):not(:active),
.form-group.form-group-hover:not(:hover):not(:has(.form-control:focus)) .form-control:not(:focus):not(:active),
.form-group.form-group-hover:not(:hover):not(:has(.form-control:focus)) .input-group .input-group-addon,
.form-group.form-group-hover:not(:hover):not(:has(.form-control:focus)) .form-control.bootstrap-select:not(.show) >.btn.dropdown-toggle:not(:focus):not(:active)
{
	border-color: transparent!important;
}
.form-control.form-control-hover.bootstrap-select:not(.show) >.btn.dropdown-toggle:not(:hover):not(:focus):not(:active):after,
.form-group.form-group-hover:not(:hover) .form-control.bootstrap-select:not(.show) >.btn.dropdown-toggle:not(:focus):not(:active):after
{
	display: none;
}

.form-control.form-control-sm,
.form-group .form-control.form-control-sm,
.input-group .form-control.form-control-sm
{
	font-size: var(--fld-sm-font-size);
	height: var(--fld-sm-height)!important;
	line-height: var(--fld-sm-height)!important;
	padding-block: 0;
	padding-inline: var(--fld-sm-padding-x);
}

.form-control.form-control-md
{
	font-size: var(--fld-md-font-size);
	height: var(--fld-md-height)!important;
	line-height: var(--fld-md-height)!important;
	padding-block: 0;
	padding-inline: var(--fld-md-padding-x);
}

.form-inline .form-control
{
	display: inline-block;
}

.form-control.bootstrap-select
{
	padding-inline: 0;
}

.ui-tabs .form-control.bootstrap-select .dropdown-menu li
{
	display: block;
}

.form-control:focus,
.form-control:focus+.input-group-append .input-group-text,
.form-control:focus~.input-group-append .input-group-text,
.form-control:focus+.input-group-prepend .input-group-text,
.form-control:focus~.input-group-prepend .input-group-text
{
	border-color: var(--focus);
	background-color: #fff;
}

.form-control:focus+.input-group-append .input-group-text:lang(he),
.form-control:focus~.input-group-append .input-group-text:lang(he),
.form-control:focus+.input-group-prepend .input-group-text:lang(he),
.form-control:focus~.input-group-prepend .input-group-text:lang(he)
{
	border-left: var(--fld-border-width-focus) solid var(--focus);
}

.form-group input.form-control,
.form-group select.form-control,
.form-group textarea.form-control,
.form-group .bs-searchbox .form-control
{
	padding: .375rem .75rem;
	border-radius: 6px;
	border: 1px solid var(--fld-border-color);
}

.form-group input.form-control, .form-group select.form-control
{
	line-height: 1.5rem;
}

.form-group textarea.form-control
{
	line-height: 1.5rem;
}

.input-group
{
	height: var(--fld-height);
}

.input-group.input-group-sm
{
	height: var(--fld-sm-height);
}

.input-group.input-group-md
{
	height: var(--fld-md-height);
}

.input-group .input-group-addon,
.input-group .input-group-append,
.input-group .input-group-prepend,
.input-group .input-group-text
{
	font-size: var(--fld-font-size);
}

.input-group.input-group-sm .input-group-addon,
.input-group.input-group-sm .input-group-append,
.input-group.input-group-sm .input-group-prepend,
.input-group.input-group-sm .input-group-text
{
	font-size: var(--fld-sm-font-size);
	line-height: calc(var(--fld-sm-height) - 2 * var(--fld-border-width));
}

.input-group.input-group-md .input-group-addon,
.input-group.input-group-md .input-group-append,
.input-group.input-group-md .input-group-prepend,
.input-group.input-group-md .input-group-text
{
	font-size: var(--fld-md-font-size);
	line-height: calc(var(--fld-md-height) - 2 * var(--fld-border-width));
}

.input-group .input-group-addon.currency-icon
{
	margin: 0;
}

.form-group:not(.has-error):not(.has-danger):not(.has-success) .form-control:focus,
.form-group:not(.has-error):not(.has-danger):not(.has-success) .input-group-focus >.form-control,
.form-group:not(.has-error):not(.has-danger):not(.has-success) .input-group-focus >.input-group-btn,
.form-group:not(.has-error):not(.has-danger):not(.has-success) .input-group-focus >.input-group-addon,
.form-group:not(.has-error):not(.has-danger):not(.has-success) .input-group-focus >.input-group-text
{
	border-color: var(--focus);
	border-width: var(--fld-border-width-focus);
	transition: none;
}

.form-control[readonly]
{
	background-color: var(--light);
	cursor: default;
	pointer-events: none;
}

.form-control:disabled,.bootstrap-select.form-control.disabled button.disabled
{
	background-color: var(--light) !important;
	color: var(--text-body) !important;
	opacity:unset;
}

/* input-group rounded borders */
.input-group >.custom-select,
.input-group >.form-control,
/*.input-group >.input-group-append>.btn:not(.dropdown-toggle),*/
.input-group >.input-group-append>.btn,
.input-group >.input-group-append>.input-group-text,
.input-group >.input-group-prepend>.btn,
.input-group >.input-group-prepend>.input-group-text,
.input-group >.input-group-addon
{
	border-radius: var(--fld-border-radius)!important;
	height: var(--fld-height);
	line-height: 100%;
	padding-inline: var(--fld-padding-x);
	margin-block: 0;
	transition: none;
}

.input-group.input-group-sm >.custom-select,
.input-group.input-group-sm >.form-control,
/*.input-group.input-group-sm >.input-group-append>.btn:not(.dropdown-toggle),*/
.input-group.input-group-sm >.bootstrap-select >.btn.dropdown-toggle,
.input-group.input-group-sm >.input-group-append>.btn,
.input-group.input-group-sm >.input-group-append>.input-group-text,
.input-group.input-group-sm >.input-group-prepend>.btn,
.input-group.input-group-sm >.input-group-prepend>.input-group-text,
.input-group.input-group-sm >.input-group-addon
{
	height: var(--fld-sm-height)!important;
	padding-block: 0;
}

.input-group.input-group-md >.custom-select,
.input-group.input-group-md >.form-control,
/*.input-group.input-group-md >.input-group-append>.btn:not(.dropdown-toggle),*/
.input-group.input-group-md >.input-group-append>.btn,
.input-group.input-group-md >.input-group-append>.input-group-text,
.input-group.input-group-md >.input-group-prepend>.btn,
.input-group.input-group-md >.input-group-prepend>.input-group-text,
.input-group.input-group-md >.input-group-addon
{
	height: var(--fld-md-height);
	padding-block: 0;
}

.input-group.rtl >.custom-select:not(:last-child),
.input-group.rtl >.form-control:not(:last-child),
.input-group.rtl >.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group.rtl >.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group.rtl >.input-group-append:not(:last-child)>.btn,
.input-group.rtl >.input-group-append:not(:last-child)>.input-group-text,
.input-group.rtl >.input-group-prepend>.btn,
.input-group.rtl >.input-group-prepend>.input-group-text,
.input-group.rtl >.input-group-addon:not(:last-child),
.input-group:lang(he):not(.ltr) >.custom-select:not(:last-child),
.input-group:lang(he):not(.ltr) >.form-control:not(:last-child),
.input-group:lang(he):not(.ltr) >.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group:lang(he):not(.ltr) >.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group:lang(he):not(.ltr) >.input-group-append:not(:last-child)>.btn,
.input-group:lang(he):not(.ltr) >.input-group-append:not(:last-child)>.input-group-text,
.input-group:lang(he):not(.ltr) >.input-group-prepend>.btn,
.input-group:lang(he):not(.ltr) >.input-group-prepend>.input-group-text,
.input-group:lang(he):not(.ltr) >.input-group-addon:not(:last-child),
.input-group.ltr >.custom-select:not(:first-child),
.input-group.ltr >.form-control:not(:first-child),
.input-group.ltr >.input-group-append:first-child>.btn:not(:first-child):not(.dropdown-toggle),
.input-group.ltr >.input-group-append:first-child>.input-group-text:not(:first-child),
.input-group.ltr >.input-group-append:not(:first-child)>.btn,
.input-group.ltr >.input-group-append:not(:first-child)>.input-group-text,
.input-group.ltr >.input-group-prepend>.btn,
.input-group.ltr >.input-group-prepend>.input-group-text,
.input-group.ltr >.input-group-addon:not(:first-child),
.input-group:not(.rtl):not(:lang(he)) >.custom-select:not(:first-child),
.input-group:not(.rtl):not(:lang(he)) >.form-control:not(:first-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:first-child>.btn:not(:first-child):not(.dropdown-toggle),
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:first-child>.input-group-text:not(:first-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:not(:first-child)>.btn,
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:not(:first-child)>.input-group-text,
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend>.btn,
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend>.input-group-text,
.input-group:not(.rtl):not(:lang(he)) >.input-group-addon:not(:first-child)
{
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	border-left: 0 none!important;
	padding-left: 0;
}

.input-group.rtl >.form-group:not(:last-child)>.form-control,
.input-group:lang(he):not(.ltr) >.form-group:not(:last-child)>.form-control,
.input-group.ltr >.form-group:not(:first-child)>.form-control,
.input-group:not(.rtl):not(:lang(he)) >.form-group:not(:first-child)>.form-control
{
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: -1px;
}

.input-group.rtl >.input-group-append:not(:first-child)>.btn,
.input-group.rtl >.input-group-append:not(:first-child)>.input-group-text,
.input-group.rtl >.input-group-prepend:first-child>.btn:not(:first-child),
.input-group.rtl >.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group.rtl >.input-group-prepend:not(:first-child)>.btn,
.input-group.rtl >.input-group-prepend:not(:first-child)>.input-group-text,
.input-group.rtl >.custom-select:not(:first-child),
.input-group.rtl >.form-control:not(:first-child),
.input-group.rtl >.input-group-addon:not(:first-child),
.input-group:lang(he):not(.ltr) >.input-group-append:not(:first-child)>.btn,
.input-group:lang(he):not(.ltr) >.input-group-append:not(:first-child)>.input-group-text,
.input-group:lang(he):not(.ltr) >.input-group-prepend:first-child>.btn:not(:first-child),
.input-group:lang(he):not(.ltr) >.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group:lang(he):not(.ltr) >.input-group-prepend:not(:first-child)>.btn,
.input-group:lang(he):not(.ltr) >.input-group-prepend:not(:first-child)>.input-group-text,
.input-group:lang(he):not(.ltr) >.custom-select:not(:first-child),
.input-group:lang(he):not(.ltr) >.form-control:not(:first-child),
.input-group:lang(he):not(.ltr) >.input-group-addon:not(:first-child),
.input-group.ltr >.input-group-append:not(:last-child)>.btn,
.input-group.ltr >.input-group-append:not(:last-child)>.input-group-text,
.input-group.ltr >.input-group-prepend:last-child>.btn:not(:last-child),
.input-group.ltr >.input-group-prepend:last-child>.input-group-text:not(:last-child),
.input-group.ltr >.input-group-prepend:not(:last-child)>.btn,
.input-group.ltr >.input-group-prepend:not(:last-child)>.input-group-text,
.input-group.ltr >.custom-select:not(:last-child),
.input-group.ltr >.form-control:not(:last-child),
.input-group.ltr >.input-group-addon:not(:last-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:not(:last-child)>.btn,
.input-group:not(.rtl):not(:lang(he)) >.input-group-append:not(:last-child)>.input-group-text,
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend:last-child>.btn:not(:last-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend:last-child>.input-group-text:not(:last-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend:not(:last-child)>.btn,
.input-group:not(.rtl):not(:lang(he)) >.input-group-prepend:not(:last-child)>.input-group-text,
.input-group:not(.rtl):not(:lang(he)) >.custom-select:not(:last-child),
.input-group:not(.rtl):not(:lang(he)) >.form-control:not(:last-child),
.input-group:not(.rtl):not(:lang(he)) >.input-group-addon:not(:last-child)
{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0 none!important;
	padding-right: 0;
}

.input-group.rtl >.form-group:not(:first-child)>.form-control,
.input-group:lang(he):not(.ltr) >.form-group:not(:first-child)>.form-control,
.input-group.ltr >.form-group:not(:last-child)>.form-control,
.input-group:not(.rtl):not(:lang(he)) >.form-group:not(:last-child)>.form-control
{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	margin-right: -1px;
}

.input-group >.dropdown:not(:first-child).bootstrap-select.form-control .btn.dropdown-toggle {
    border-inline-start-width: 0!important;
}
.input-group >.dropdown:not(:last-child).bootstrap-select.form-control .btn.dropdown-toggle {
    border-inline-end-width: 0!important;
}

.input-group:not(.no-border)>.input-group-addon,
.input-group:not(.no-border)>.form-control,
.input-group:not(.no-border) .input-group-btn,
.input-group:not(.no-border) .input-group-text,
.input-group:not(.no-border) .btn[class*=" btn-outline-"]
{
	border: 1px solid var(--fld-border-color);
	box-shadow: none;
}
.input-group.input-group-focus:not(.no-border)>.input-group-addon,
.input-group.input-group-focus:not(.no-border)>.form-control,
.input-group.input-group-focus:not(.no-border) .input-group-btn,
.input-group.input-group-focus:not(.no-border) .input-group-text,
.input-group.input-group-focus:not(.no-border) .btn[class*=" btn-outline-"]
{
	border-color: var(--focus);
	border-width: var(--fld-border-width-focus);
}
.input-group.text-center >* { text-align: center; }
.input-group .input-group-addon
{
	min-width: 30px;
	/*text-align: center;*/
	padding: 0 .375rem;
	line-height: calc(var(--fld-height) - 2 * var(--fld-border-width));
}
.input-group .input-group-addon.btn,
.input-group .input-group-addon.input-group-btn
{
	margin-inline: -1px;
	padding-block: 0;
	line-height: calc(var(--fld-height) - 2 * var(--fld-border-width));
	border-width: var(--fld-border-width);
}
.input-group.input-group-focus .input-group-addon:not(.btn,.input-group-btn) {
	line-height: calc(var(--fld-height) - 2 * var(--fld-border-width-focus));
}
.input-group.input-group-sm.input-group-focus .input-group-addon:not(.btn) {
	line-height: calc(var(--fld-sm-height) - 2 * var(--fld-border-width-focus));
}
.input-group .input-group-addon label
{
	margin: 0;
}
.input-group .input-group-addon.flex-shrink-1
{
	min-width: auto;
}
.rtl-active .form-group.no-border .form-control+.input-group-prepend .input-group-text, .rtl-active .form-group.no-border .form-control+.input-group-append .input-group-text, .rtl-active .input-group.no-border .form-control+.input-group-prepend .input-group-text, .rtl-active .input-group.no-border .form-control+.input-group-append .input-group-text
{
	padding: 10px;
}
.form-group.no-border .input-group-prepend .input-group-text, .form-group.no-border .input-group-append .input-group-text, .input-group.no-border .input-group-prepend .input-group-text, .input-group.no-border .input-group-append .input-group-text {
	padding: 10px;
}


/* Section: rounded-container { */

.rounded-container/*:not(.rounded-textarea)*/
{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0 0.75rem;
}
.rounded-container.focus
{
	border: 1px solid #aaa;
}

.rounded-container.rounded-select
{
	border-radius: 6px;
	height: 37px;
}

.form-control.already-rounded
{
	padding: 5px 0;
	margin-bottom: -1px;
	height: 100%;
}

select.form-control.already-rounded
{
	line-height: 1em;
	border: none;
	/*margin: .25rem 0;*/
}

textarea.form-control.already-rounded
{
	line-height: 1.5em;
}

.rounded-container[class^="col"] select.form-control.already-rounded,
.rounded-container[class*=" col-"] select.form-control.already-rounded
{
	margin: 0;
}

/* } End Section: rounded-container */

.no-input, .no_input
{
	border: none;
	background-color: transparent!important;
}

.control-label, .col-form-label, .form-group >label, .card .form-group >label, .modal .form-group >label
{
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.125rem + 1px);
	margin-bottom: 0;
	line-height: 1.5rem;
}

.form-group[class*="lh-"] >label {
	line-height: inherit;
}

.form-text, .form-group .help-block, .form-group .comment
{
	margin-top: .25rem;
}

/*.bootstrap-select, .bootstrap-select>.btn { line-height: normal; }*/
.bootstrap-select .dropdown-toggle .filter-option { padding: 0; text-align: left; }
.bootstrap-select .dropdown-toggle .filter-option:lang(he) { text-align: right; }
.dropdown-toggle::after
{
	margin: 0 0 0 .255em;
	vertical-align: middle;
}
.dropdown-toggle:lang(he)::after
{
	margin: 0 .255em 0 0;
}
.bootstrap-select>.btn
{
	background-color: transparent!important;
	color: var(--text-body);
	border: 1px solid var(--fld-border-color);
	border-radius: var(--fld-border-radius);
	padding: calc(var(--btn-padding-y) / 2) var(--btn-padding-x);
	line-height: calc(1em + var(--btn-padding-y));
	height: var(--btn-height);
}
.bootstrap-select>.btn:not(:hover):after
{
	color: var(--text-comment);
}
.bootstrap-select.form-control-sm>.btn
{
	height: var(--btn-sm-height);
	line-height: var(--btn-sm-height);
	padding: 0 var(--btn-sm-padding-x);
}
.bootstrap-select.form-control-sm .dropdown-menu.inner li a {
	line-height: normal;
}
.bootstrap-select>.btn.dropdown-toggle:focus
{
	outline: 0!important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
	color: var(--text-comment);
}
.bootstrap-select>.btn.dropdown-toggle:hover,
.bootstrap-select>.btn.dropdown-toggle:focus,
.bootstrap-select>.btn.dropdown-toggle:active
{
	color: var(--text-body);
}

.input-group>.form-control.dropdown.bootstrap-select
{
	padding: 0;
	border: 0;
}

/*
 * hide inner borders of dropdown while inside input-group?
.input-group>.form-control.dropdown.bootstrap-select:not(:last-child)>.btn.dropdown-toggle:lang(en),
.input-group>.form-control.dropdown.bootstrap-select:not(:first-child)>.btn.dropdown-toggle:lang(he)
{
	border-right: 0;
}

.input-group>.form-control.dropdown.bootstrap-select:not(:first-child)>.btn.dropdown-toggle:lang(en),
.input-group>.form-control.dropdown.bootstrap-select:not(:last-child)>.btn.dropdown-toggle:lang(he)
{
	border-left: 0;
}
*/

.dropdown.bootstrap-select .dropdown-menu .fa
{
	vertical-align: top;
	line-height: 1.66rem;
}

.dropdown-menu .dropdown-item, .bootstrap-select .dropdown-menu.inner li a
{
	font-size: 14px;
	width: auto; /* fix overflow in punchio calendar event */
	padding: .5rem .75rem;
	line-height: 1.2;
}

/* checkbox { */

input[type=checkbox]
{
	display: inline-block;
	margin: 0 2px 0 0;
}

input[type=checkbox][readonly]
{
	pointer-events: none;
}

input[type=checkbox]:lang(he)
{
	margin: 0 0 0 2px;
}

input[type=checkbox]:not(.default)
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	position: relative;
	/*
	visibility: visible;
	opacity: 1;
	*/
}

input[type=checkbox]:not(.default):before
{
	font-family: var(--fa-family-classic, "Font Awesome 5 Pro");
	font-weight: var(--font-weight-body);
	color: var(--light-gray);
	content: "\f0c8";
	/*
	content: "\002714";
	color: transparent;
	*/
	display: inline-block;
	font-size: 1em;
	line-height: 1.1em;
	width: 1.1em;
	height: 1.1em;
	/*
	font-weight: bold;
	margin: 0 2px;
	border: 1px solid silver;
	border-radius: .2em;
	*/
	text-align: center;
	vertical-align: middle;
}

input[type=checkbox]:not(.default):checked:before
{
	/*
	content: "\002714";
	color: green;
	*/
	font-weight: 600;
	color: var(--primary-light);
	content: "\f14a";

	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	transition: all .1s ease-in-out;
}
input[type=checkbox]:not(.default):not(.toggle):disabled:before{
	color:var(--secondary-disabled);
	/*content: "\f0c8";*/
	display: inline-block;
	cursor: not-allowed;
	position: relative;
	z-index: 1;
}

input[type=checkbox]:not(.default):not(.toggle):disabled:after {
	content: '';
	display: inline-block;
	background: var(--light);
	width: 0.8em;
	height: 0.8em;
	position: absolute;
	right: 2px;
	top: 4px;
	z-index: 0;
}

input[type=checkbox]:not(.default):indeterminate:before
{
	font-weight: 600;
	color: var(--primary);
	content: "\f146";

	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	transition: all .1s ease-in-out;
}

input[type=checkbox].text-white:checked:before
{
	color: #fff!important;
}

input[type=checkbox].text-white-50:checked:before
{
	color: rgba(255,255,255,.5)!important;
}

input[type=checkbox].text-light:checked:before
{
	color: #f8f9fa!important;
}

input[type=checkbox].text-black-50:checked:before
{
	color: rgba(0,0,0,.5)!important;
}

input[type=checkbox].text-dark:checked:before
{
	color: #343a40!important;
}

/* Region: checkbox toggle { */
@media only screen {

	input[type=checkbox].toggle {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		line-height: calc(1em + 4px);
		vertical-align: middle;
		background-color: var(--light);
		border: 1px solid var(--fld-border-color);
		border-radius: calc(1em + 2px);
		width: calc(2em + 4px);
		height: calc(1em + 4px);
		padding: 2px;
		position: relative;
		outline: none;
	}

	input[type=checkbox].toggle:before {
		content: '\002003';
		line-height: 1em;
		border: 1px solid var(--light-hover);
		border-radius: 1em;
		background-color: #fff;
		width: 1em;
		height: 1em;
		position: absolute;
		top: 1px;
		left: 1px;
		margin: 0 1em 0 0;
		transition: all .1s ease-in-out;
	}

	input[type=checkbox].toggle:checked {
		background-color: var(--primary);
		border-color: var(--primary);
	}

	input[type=checkbox].toggle:checked:before {
		content: '\002003';
		margin: 0 0 0 1em;
		border-color: var(--primary);
	}

	input[type=checkbox].toggle:lang(he):before {
		margin: 0 0 0 1em;
	}

	input[type=checkbox].toggle:lang(he):checked:before {
		margin: 0 1em 0 0;
	}

	input[type=checkbox].toggle.text-danger:checked {
		background-color: var(--danger);
		border-color: var(--danger);
	}

	input[type=checkbox].toggle.text-danger:checked:before {
		border-color: var(--danger);
	}

	input[type=checkbox].toggle.text-danger:checked + label {
		color: var(--danger);
	}

	input[type=checkbox].toggle.text-success:checked {
		background-color: var(--success-light);
		border-color: var(--success-light);
	}

	input[type=checkbox].toggle.text-success:checked:before {
		border-color: var(--success-light);
	}

	input[type=checkbox].toggle.text-success:checked + label {
		color: var(--success);
	}

}
/* } End Region: checkbox toggle */

/* Region: btn-toggle { */

.btn.btn-toggle { 
	background-color: transparent!important; 
	border: 1px solid var(--divider)!important; 
	border-radius: 2.75rem; 
	color: var(--text-body); 
	padding: 8px 12px;
    box-sizing: border-box;
}

.btn.btn-toggle.btn-md { border-radius: 1.125rem; }
.btn.btn-toggle:has(input[type=checkbox]:checked) .btn-toggle-off { color: var(--disabled)!important; }
.btn.btn-toggle:has(input[type=checkbox]:not(:checked)) .btn-toggle-on { color: var(--disabled)!important; }

.btn-toggle label{
	margin: auto;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* } End Region: btn-toggle */

/* Region: checkbox styles { */

input[type=checkbox]:not(.default).star:before
{
	content: "\002606";
	color: #ddd;
}
input[type=checkbox]:not(.default).star:checked:before
{
	content: "\002605";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).flag:before
{
	content: "\002690";
	color: #ddd;
}
input[type=checkbox]:not(.default).flag:checked:before
{
	content: "\002691";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).heart:before
{
	/*content: "\002661";*/
	content: "\002764";
	color: #ddd;
	border: 0;
}
input[type=checkbox]:not(.default).heart:checked:before
{
	content: "\002764";
	color: #E24756;
}

input[type=checkbox]:not(.default).note:before
{
	content: "\00266A";
	color: #ddd;
}
input[type=checkbox]:not(.default).note:checked:before
{
	content: "\00266B";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).tools:before
{
	content: "\01F6E0";
	color: #ddd;
}
input[type=checkbox]:not(.default).tools:checked:before
{
	content: "\01F6E0";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-pawn:before
{
	content: "\002659";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-pawn:checked:before
{
	content: "\00265F";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-knight:before
{
	content: "\002658";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-knight:checked:before
{
	content: "\00265E";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-bishop:before
{
	content: "\002657";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-bishop:checked:before
{
	content: "\00265D";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-rook:before
{
	content: "\002656";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-rook:checked:before
{
	content: "\00265C";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-queen:before
{
	content: "\002655";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-queen:checked:before
{
	content: "\00265B";
	color: inherit;
	border-color: inherit;
}

input[type=checkbox]:not(.default).chess-king:before
{
	content: "\002654";
	color: #ddd;
}
input[type=checkbox]:not(.default).chess-king:checked:before
{
	content: "\00265A";
	color: inherit;
	border-color: inherit;
}

/* } End Region: checkbox styles */

input[type=checkbox]:not(.default).rounded:before
{
	border-radius: .5em;
}

input[type=checkbox]:not(.default).border-0:before
{
	border: 0!important;
}

.form-check
{
	line-height: 1.5rem;
	padding: .25rem;
}

.form-check input[type=checkbox].form-check-input,
.form-check input[type=radio].form-check-input
{
	position: relative;
	top: unset;
	left: unset;
	line-height: inherit;
	padding: 0;
	margin: .25rem 2px;
}

/* } */

/* radio { */

input[type=radio]:not(.default)
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	position: relative;
	border: none;
	/*
	visibility: visible;
	opacity: 1;
	*/
}

input[type=radio]:not(.default):before
{
	font-family: var(--fa-family-classic, "Font Awesome 5 Pro");
	font-weight: var(--font-weight-body);
	color: var(--gray);
	content: "\f111";
	/*
	content: "\002714";
	color: transparent;
	*/
	display: inline-block;
	font-size: 1em;
	line-height: 1.1em;
	width: 1.1em;
	height: 1.1em;
	/*
	font-weight: bold;
	margin: 0 2px;
	border: 1px solid silver;
	border-radius: .2em;
	*/
	text-align: center;
	vertical-align: middle;
}

input[type=radio]:not(.default):checked:before
{
	/*
	content: "\002714";
	color: green;
	*/
	font-weight: 600;
	color: var(--primary);
	content: "\f192";

	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	transition: all .1s ease-in-out;
}

/* } */

/* radio-group { */

.radio-group { border-radius: var(--btn-rounded-radius); display: flex; }
.radio-group input[type=radio] { display: none; }
.radio-group input[type=radio]+label
{
	padding: 0 .5rem;
	margin: 0;
	height: var(--fld-height);
	line-height: var(--fld-height);
	border-style: solid;
	border-color: var(--fld-border-color);
	border-block-width: 1px;
	border-inline-start-width: 1px;
	border-inline-end-width: 0;
	cursor: pointer;
	transition: background-color 0.2s ease-out;
}
.radio-group.radio-group-md input[type=radio]+label
{
	height: var(--fld-md-height);
	line-height: var(--fld-md-height);
}
.radio-group.radio-group-sm input[type=radio]+label
{
	height: var(--fld-sm-height);
	line-height: var(--fld-sm-height);
}
.radio-group input[type=radio]:first-child+label
{
	border-start-start-radius: var(--btn-rounded-radius);
	border-end-start-radius: var(--btn-rounded-radius);
}
.radio-group input[type=radio]+label:last-child
{
	border-start-end-radius: var(--btn-rounded-radius);
	border-end-end-radius: var(--btn-rounded-radius);
	border-inline-end-width: 1px;
}
.radio-group input[type=radio]:checked+label
{
	background-color: var(--light);
	transition: background-color 0.2s ease-in;
}
.radio-group input[type=radio]+label:hover,
.radio-group input[type=radio]:checked+label
{
	border-inline-width: 1px;
}
.radio-group input[type=radio]+label:hover +input[type=radio]+label,
.radio-group input[type=radio]:checked+label +input[type=radio]+label
{
	border-inline-start-width: 0!important;
}
.radio-group[data-on-color=default] input[type=radio]:not(:checked)+label:hover { border-color: var(--secondary); color: var(--secondary); }
.radio-group[data-on-color=primary] input[type=radio]:not(:checked)+label:hover { border-color: var(--primary); color: var(--primary); }
.radio-group[data-on-color=secondary] input[type=radio]:not(:checked)+label:hover { border-color: var(--primary-overlay); color: var(--primary); }
.radio-group[data-on-color=success] input[type=radio]:not(:checked)+label:hover { border-color: var(--success); color: var(--success); }
.radio-group[data-on-color=info] input[type=radio]:not(:checked)+label:hover { border-color: var(--info); color: var(--info); }
.radio-group[data-on-color=warning] input[type=radio]:not(:checked)+label:hover { border-color: var(--warning); color: var(--warning); }
.radio-group[data-on-color=danger] input[type=radio]:not(:checked)+label:hover { border-color: var(--danger); color: var(--danger); }
.radio-group[data-on-color=default] input[type=radio]:checked+label { background-color: var(--secondary); border-color: var(--secondary); color: #fff; }
.radio-group[data-on-color=primary] input[type=radio]:checked+label { background-color: var(--primary); border-color: var(--primary); color: #fff; }
.radio-group[data-on-color=secondary] input[type=radio]:checked+label { background-color: var(--secondary-light); border-color: var(--primary-overlay); color: var(--primary); }
.radio-group[data-on-color=success] input[type=radio]:checked+label { background-color: var(--success); border-color: var(--success); color: #fff; }
.radio-group[data-on-color=info] input[type=radio]:checked+label { background-color: var(--info); border-color: var(--info); color: #fff; }
.radio-group[data-on-color=warning] input[type=radio]:checked+label { background-color: var(--warning); border-color: var(--warning); color: #fff; }
.radio-group[data-on-color=danger] input[type=radio]:checked+label { background-color: var(--danger); border-color: var(--danger); color: #fff; }
.radio-group[data-on-color=bar] input[type=radio]+label { color: #333; background: #fff;}
.radio-group[data-on-color=bar] input[type=radio]+label:hover { color: var(--primary);}
.radio-group[data-on-color=bar] input[type=radio]:checked+label {
	border-color: var(--primary-overlay)!important;
	color: var(--primary)!important;
	background: var(--primary-selected)!important;
}

/* } */

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

.form-range-group {
	display: flex;
	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));
	border-radius: 6px;
	border: 1px solid var(--fld-border-color);
	height: var(--fld-height);
}
.form-date-group,
.form-time-group{
	display: flex;
	padding: 0.2rem 0.75rem;
	border-radius: 6px;
	border: 1px solid var(--fld-border-color);
}
.form-date-group.only_start,
.form-range-group.only_start{
	border-color: transparent;
}
.form-date-group.only_start input[type=text]:first-child,
.form-range-group.only_start input[type=text]:first-child{
	border-radius: 6px;
	border: 1px solid var(--fld-border-color);
}
.form-date-group.only_start input[type=text]:last-child,
.form-range-group.only_start input[type=text]:last-child{
	visibility:hidden;
}
.form-date-group > input,.form-time-group > input,
.form-range-group > input,.form-time-group > input {
	border: unset;
	text-align: center;
	border: unset;
	outline: unset;
	width: 100%;
}
/*.form-date-group > input:first-child {text-align: start;}*/
.form-date-group .form-date-group-arrow:after,.form-time-group .form-time-group-arrow:after,
.form-range-group .form-range-group-arrow:after,.form-time-group .form-time-group-arrow:after {
	content: "\f177";
	font-family: var(--fa-family-classic, "Font Awesome 5 Pro");
	font-style: normal;
	font-size: 16px;
	color: var(--light-gray);
	cursor: pointer;
}
html[dir="ltr"] .form-date-group .form-date-group-arrow:after,
html[dir="ltr"] .form-range-group .form-range-group-arrow:after,
html[dir="ltr"] .form-time-group .form-time-group-arrow:after {content: "\f178";}

.quantity-wrapper.input-group {
	border:1px solid var(--light-gray)!important;
	border-radius: var(--fld-border-radius)!important;
	padding:4px!important;
	min-width:min-content;
	height: 36px!important;
	align-items:center;

	.input-group-addon:not(:first-child),
	.input-group-addon:not(:last-child) {
		border-radius: 4px!important;
	}
	.input-group-addon {
		border-radius: 4px!important;
		border:unset!important;
		height: 27px !important;
		width: 20px !important;
		min-width:unset;
		padding: 0px!important;
		line-height: 1;
		color: var(--secondary);
		background-color: #FFF;
		text-align: center;
		.fal{
			font-size: 16px;
			line-height: calc(var(--fld-sm-height) - 2px);
			margin:0;
		}
	}
	.input-group-addon:hover {
		background: var(--light);
	}
	.input-group-addon:active {
		color: var(--primary);
		background: var(--light);
	}
	.input-group-addon.btn-sm {
		padding: var(--fld-sm-padding);
	}
	.form-control{
		min-width: 30px;
		max-width: 50px;
		text-align: center;
		padding: 0;
		border: unset!important;
		font-size: 12px;
		height: 100%!important;
	}


}
@media screen and (max-width: 991px) {
	.mobile-nothing-to-display .inf img{
		height: 200px!important;
	}
}
.form-control{
	.tag{
		text-transform: none;
	}

	.bootstrap-tagsinput {
		margin: 0;
		padding: 0;
		line-height: 20px;
		.tag{
			margin:0;
			padding: 2px 20px 2px var(--fld-sm-padding-x);
			border-radius: var(--fld-border-radius);

			[data-role="remove"] {
				opacity: 1;
				padding-right: 4px;
			}
		}
		input.is-invalid { color: var(--danger); }
		input[type="text"] {
			width: inherit;
		}
		
	}
}