:root {
    --appollo-color: #01cbd2;
    --appollo-color-hover: #01a8c8;
}

.bootstraped:where(.v1) {
    /* General */
    --bootstrap-background-color: white;
    --bootstrap-selector-background-color: transparent;
    --bootstrap-disabled-background-color: #f5f5f5;
    --bootstrap-disabled-secondary-color: #aaa;
    --bootstrap-selected-background-color: var(--appollo-color);
    --bootstrap-mandatory-background-color: lightyellow;
    --bootstrap-mandatory-readonly-background-color: #f5f5f5;
    --bootstrap-tooltip-background-color: white;
    --bootstrap-font-family: Arial;
    --bootstrap-font-size: 14px;
    --bootstrap-font-weight: normal;
    --bootstrap-font-style: normal;
    --bootstrap-text-decoration: none;
    --bootstrap-color: #4f4f4f;
    --bootstrap-internal-label-font-family: Arial;
    --bootstrap-internal-label-font-size: 14px;
    --bootstrap-internal-label-font-weight: normal;
    --bootstrap-internal-label-font-style: normal;
    --bootstrap-internal-label-text-decoration: none;
    --bootstrap-internal-label-color: #00000099;
    --bootstrap-border-label-font-family: Arial;
    --bootstrap-border-label-font-size: 14px;
    --bootstrap-border-label-font-weight: normal;
    --bootstrap-border-label-font-style: normal;
    --bootstrap-border-label-text-decoration: none;
    --bootstrap-border-label-color: #4f4f4f;
    --bootstrap-placeholder-font-family: Arial;
    --bootstrap-placeholder-font-size: 14px;
    --bootstrap-placeholder-font-weight: normal;
    --bootstrap-placeholder-font-style: normal;
    --bootstrap-placeholder-text-decoration: none;
    --bootstrap-placeholder-color: #4f4f4f;
    --bootstrap-general-button-background-color: var(--appollo-color);
    --bootstrap-general-button-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-general-button-hover-background-color: var(--appollo-color-hover);
    --bootstrap-general-button-color: white;
    --bootstrap-general-button-color-hover: white;
    --bootstrap-general-button-font-family: Arial;
    --bootstrap-general-button-font-size: 14px;
    --bootstrap-general-button-font-weight: normal;
    --bootstrap-general-button-font-style: normal;
    --bootstrap-general-button-text-decoration: none;
    --bootstrap-row-distance-height: 16px;
}

/* row distance height */
.bootstraped:where(.v1) .row .form-group {
    margin-bottom: var(--bootstrap-row-distance-height);
}

/* tabbed panel */
.bootstraped:where(.v1) .tabbed-panel {
    --bootstrap-tabbed-panel-width: 100%;
    --bootstrap-tabbed-panel-tab-distance: 0px;
    --bootstrap-tabbed-panel-tab-line-color: transparent;
    --bootstrap-tabbed-panel-tab-line-color-active: var(--appollo-color);
    --bootstrap-tabbed-panel-font-family: var(--bootstrap-general-button-font-family);
    --bootstrap-tabbed-panel-font-size: var(--bootstrap-general-button-font-size);
    --bootstrap-tabbed-panel-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-tabbed-panel-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-tabbed-panel-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-tabbed-panel-color: #4f4f4f;
    --bootstrap-tabbed-panel-background-color: white;
    --bootstrap-tabbed-panel-font-family-click: var(--bootstrap-general-button-font-family);
    --bootstrap-tabbed-panel-font-size-click: var(--bootstrap-general-button-font-size);
    --bootstrap-tabbed-panel-font-weight-click: var(--bootstrap-general-button-font-weight);
    --bootstrap-tabbed-panel-font-style-click: var(--bootstrap-general-button-font-style);
    --bootstrap-tabbed-panel-text-decoration-click:  var(--bootstrap-general-button-text-decoration);
    --bootstrap-tabbed-panel-color-click: var(--appollo-color);
    --bootstrap-tabbed-panel-background-color-click: white;
    --bootstrap-tabbed-panel-border-top: 0px solid #000000;
    --bootstrap-tabbed-panel-border-bottom: 0px solid #000000;
    --bootstrap-tabbed-panel-border-left: 0px solid #000000;
    --bootstrap-tabbed-panel-border-right: 0px solid #000000;
    width: var(--bootstrap-tabbed-panel-width);
}

.bootstraped:where(.v1) .tabbed-panel{
    border-top: var(--bootstrap-tabbed-panel-border-top);
    border-bottom: var(--bootstrap-tabbed-panel-border-bottom);
    border-left: var(--bootstrap-tabbed-panel-border-left);
    border-right: var(--bootstrap-tabbed-panel-border-right);
}

.bootstraped:where(.v1) .tabbed-panel > ul > li > a{
    padding: 0.5rem 1rem;
}

.bootstraped:where(.v1) .tabbed-panel > ul > li > a.nav-link{
    color: var(--bootstrap-tabbed-panel-color);
    background-color: var(--bootstrap-tabbed-panel-background-color);
    border-bottom: 2px solid;
    border-bottom-color: var(--bootstrap-tabbed-panel-tab-line-color);
}

.bootstraped:where(.v1) .tabbed-panel > ul > li > a.nav-link > span{
    font-family: var(--bootstrap-tabbed-panel-font-family);
    font-size: var(--bootstrap-tabbed-panel-font-size);
    text-decoration: var(--bootstrap-tabbed-panel-text-decoration);
    font-style: var(--bootstrap-tabbed-panel-font-style);
    font-weight: var(--bootstrap-tabbed-panel-font-weight);
}

.bootstraped:where(.v1) .tabbed-panel > ul > li > a.nav-link.active{
    color: var(--bootstrap-tabbed-panel-color-click);
    background-color: var(--bootstrap-tabbed-panel-background-color-click);
    border-bottom-color: var(--bootstrap-tabbed-panel-tab-line-color-active);
}

.bootstraped:where(.v1) .tabbed-panel > ul > li > a.nav-link.active > span{
    font-family: var(--bootstrap-tabbed-panel-font-family-click);
    font-size: var(--bootstrap-tabbed-panel-font-size-click);
    text-decoration: var(--bootstrap-tabbed-panel-text-decoration-click);
    font-style: var(--bootstrap-tabbed-panel-font-style-click);
    font-weight: var(--bootstrap-tabbed-panel-font-weight-click);
}

.bootstraped:where(.v1) .tabbed-panel > ul > li{
    margin-right: var(--bootstrap-tabbed-panel-tab-distance);
}

.bootstraped:where(.v1) .tabbed-panel .tab-content {
    position: relative;
}

.bootstraped:where(.v1) .tabbed-panel .tab-content .tab-pane {
    animation: none;
    -webkit-animation: none;
    display: block;
    position: fixed;
    left: -9999999px;
    visibility: hidden;
    width: 100%;
}

.bootstraped:where(.v1) .tabbed-panel .tab-content .tab-pane.active {
    position: initial;
    visibility: visible;
}

/* button */
.bootstraped:where(.v1) .btn {
    --bootstrap-button-text-align: center;
    --bootstrap-button-color: var(--bootstrap-general-button-color);
    --bootstrap-button-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-button-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-button-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-button-font-size: var(--bootstrap-general-button-font-size);
    --bootstrap-button-font-family: var(--bootstrap-general-button-font-family);
    --bootstrap-button-width: 100%;
    --bootstrap-button-height: 36px;
    --bootstrap-button-background-color: var(--bootstrap-general-button-background-color);
    --bootstrap-button-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-button-font-size-hover: var(--bootstrap-font-size);
    --bootstrap-button-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-button-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-button-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-button-color-hover: var(--bootstrap-general-button-color-hover);
    --bootstrap-button-background-color-hover: var(--bootstrap-general-button-hover-background-color);
    --bootstrap-button-font-family-click: var(--bootstrap-font-family);
    --bootstrap-button-font-size-click: var(--bootstrap-font-size);
    --bootstrap-button-font-weight-click: var(--bootstrap-font-weight);
    --bootstrap-button-font-style-click: var(--bootstrap-font-style);
    --bootstrap-button-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-button-color-click: white;
    --bootstrap-button-background-color-click: #018099;
    --bootstrap-button-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-button-font-size-disabled: var(--bootstrap-font-size);
    --bootstrap-button-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-button-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-button-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-button-color-disabled: #383737;
    --bootstrap-button-background-color-disabled: var(--bootstrap-general-button-disabled-background-color);
    --bootstrap-button-margin-top: 0;
    --bootstrap-button-margin-right: 0;
    --bootstrap-button-margin-bottom: 0;
    --bootstrap-button-margin-left: 0;
    --bootstrap-button-margin: var(--bootstrap-button-margin-top) var(--bootstrap-button-margin-right) var(--bootstrap-button-margin-bottom) var(--bootstrap-button-margin-left);
    --bootstrap-button-padding-top: 8px;
    --bootstrap-button-padding-right: 2px;
    --bootstrap-button-padding-bottom: 8px;
    --bootstrap-button-padding-left: 2px;
    --bootstrap-button-padding: var(--bootstrap-button-padding-top) var(--bootstrap-button-padding-right) var(--bootstrap-button-padding-bottom) var(--bootstrap-button-padding-left);
    --bootstrap-button-border-normal: 0px solid #000000;
    --bootstrap-button-border-hover: 0px solid #000000;
    --bootstrap-button-border-click: 0px solid #000000;
    --bootstrap-button-border-disabled: 0px solid #000000;
    --bootstrap-button-box-shadow: 0px 0px 0px var(--appollo-color);
    --bootstrap-button-box-shadow-hover: 0px 0px 0px var(--appollo-color-hover);
    --bootstrap-button-box-shadow-click: 0px 0px 0px #018099;
    --bootstrap-button-box-shadow-disabled: 0px 0px 0px var(--bootstrap-disabled-background-color);
    --bootstrap-button-border-radius: 0px;
    --bootstrap-button-border-radius-hover: px;
    --bootstrap-button-border-radius-click: 0px;
    --bootstrap-button-border-radius-disabled: 0px;
}

.bootstraped:where(.v1) .btn {
    width: var(--bootstrap-button-width);
    height: var(--bootstrap-button-height);
    background-color: var(--bootstrap-button-background-color);
    color: var(--bootstrap-button-color);
    font-size: var(--bootstrap-button-font-size);
    font-family: var(--bootstrap-button-font-family);
    text-decoration: var(--bootstrap-button-text-decoration);
    font-style: var(--bootstrap-button-font-style);
    font-weight: var(--bootstrap-button-font-weight);
    margin: var(--bootstrap-button-margin);
    padding: var(--bootstrap-button-padding);
    border: var(--bootstrap-button-border-normal);
    box-shadow: var(--bootstrap-button-box-shadow);
    display: flex;
    justify-content: var(--bootstrap-button-text-align);
    align-items: center;
    text-transform: none;
    border-radius: var(--bootstrap-button-border-radius);
    overflow: hidden;
}

.bootstraped:where(.v1) .btn:not([tableid]) i {
    /*color: var(--bootstrap-button-color) !important;*/
    transition: color .15s ease-in-out;
}

.bootstraped:where(.v1) .btn:hover {
    color: var(--bootstrap-button-color-hover);
    background-color: var(--bootstrap-button-background-color-hover);
    font-size: var(--bootstrap-button-font-size-hover);
    font-family: var(--bootstrap-button-font-family-hover);
    text-decoration: var(--bootstrap-button-text-decoration-hover);
    font-style: var(--bootstrap-button-font-style-hover);
    font-weight: var(--bootstrap-button-font-weight-hover);
    box-shadow: var(--bootstrap-button-box-shadow-hover);
    border-radius: var(--bootstrap-button-border-radius-hover);
    border: var(--bootstrap-button-border-hover);
}

/*.bootstraped:where(.v1) .btn:not([tableid]):hover i{*/
/*    color: var(--bootstrap-button-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) .btn.btn-primary:not(:disabled):not(.disabled):active,
.bootstraped:where(.v1) .btn-primary:not(:disabled):not(.disabled).active,
.bootstraped:where(.v1) .show > .btn-primary.dropdown-toggle,
.bootstraped:where(.v1) .btn.btn-primary:focus-visible,
.bootstraped:where(.v1) .btn-check:focus+.btn.btn-primary,
.bootstraped:where(.v1) .btn-check:focus-visible+.btn.btn-primary,
.bootstraped:where(.v1) .btn.btn-primary:focus {
    color: var(--bootstrap-button-color-click);
    background-color: var(--bootstrap-button-background-color-click);
    font-size: var(--bootstrap-button-font-size-click);
    font-family: var(--bootstrap-button-font-family-click);
    text-decoration: var(--bootstrap-button-text-decoration-click);
    font-style: var(--bootstrap-button-font-style-click);
    font-weight: var(--bootstrap-button-font-weight-click);
    box-shadow: var(--bootstrap-button-box-shadow-click);
    border-radius: var(--bootstrap-button-border-radius-click);
    border: var(--bootstrap-button-border-click);
}

.bootstraped:where(.v1) .btn.btn-primary:not(:disabled):not(.disabled):active i,
.bootstraped:where(.v1) .btn-primary:not(:disabled):not(.disabled).active i,
.bootstraped:where(.v1) .show > .btn-primary.dropdown-toggle i,
.bootstraped:where(.v1) .btn.btn-primary:focus-visible i,
.bootstraped:where(.v1) .btn-check:focus+.btn.btn-primary i,
.bootstraped:where(.v1) .btn-check:focus-visible+.btn.btn-primary i,
.bootstraped:where(.v1) .btn.btn-primary:focus i{
    color: var(--bootstrap-button-color-click) !important;
}

.bootstraped:where(.v1) .btn.btn-outline {
    background-color: transparent;
    color: var(--bootstrap-button-background-color);
    border: 1px solid var(--bootstrap-button-background-color);
}

.bootstraped:where(.v1) .btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bootstraped:where(.v1) .btn.btn-info {
    color: #fff;
    text-shadow: none;
    background-color: rgb(91, 192, 222);
    border-color: #fff;
}

.bootstraped:where(.v1) .btn.btn-info:hover {
    color: #fff;
    background-color: rgb(49, 176, 213);
    border-color: #fff;
}

.bootstraped:where(.v1) .btn.appollo-btn-press-style {
    background-color: #016D81;
}

.bootstraped:where(.v1) .btn.btn-warning {
    color: #fff;
    background-color: #009AB7;
    border-color: #fff;
}

.bootstraped:where(.v1) .btn.btn-warning:disabled {
    color: #fff;
    background-color: #008DA8;
    border-color: #fff;
}

.bootstraped:where(.v1) .btn.btn-danger {
    background-color: #D9534F;
    border: medium none #D9534F;
    color: #FFFFFF;
}

.bootstraped:where(.v1) .btn.btn-danger:hover {
    background-color: #77021d;
    border-color: #540114;
    color: #fff;
}

.bootstraped:where(.v1) .btn.btn-rounded {
    border-radius: 25px;
}

.bootstraped:where(.v1) .btn.btn-floating {
    border-radius: 50%;
    padding: 0;
    width: 37px;
    height: 37px;
}

.bootstraped:where(.v1) .btn.btn-floating span {
    display: none;
}

.bootstraped:where(.v1) .btn.has-icon.has-icon-after:not(.empty-text) i {
    margin-left: 0.5rem;
}

.bootstraped:where(.v1) .btn.has-icon.has-icon-before {
    flex-direction: row-reverse;
}

.bootstraped:where(.v1) .btn.has-icon.has-icon-before i {
    margin-right: 0.5rem;
}

.bootstraped:where(.v1) .btn.has-icon.btn-floating i {
    margin-right: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .btn:disabled {
    color: var(--bootstrap-button-color-disabled) !important;
    background-color: var(--bootstrap-button-background-color-disabled) !important;
    font-size: var(--bootstrap-button-font-size-disabled) !important;
    font-family: var(--bootstrap-button-font-family-disabled) !important;
    text-decoration: var(--bootstrap-button-text-decoration-disabled) !important;
    font-style: var(--bootstrap-button-font-style-disabled) !important;
    font-weight: var(--bootstrap-button-font-weight-disabled) !important;
    box-shadow: var(--bootstrap-button-box-shadow-disabled) !important;
    border-radius: var(--bootstrap-button-border-radius-disabled) !important;
    border: var(--bootstrap-button-border-disabled) !important;
    opacity: 1 !important;
}

.bootstraped:where(.v1) .btn:disabled i{
    color: var(--bootstrap-button-color-disabled) !important;
}

.bootstraped:where(.v1) .btn[disabled][btn-action] i{
    color: var(--bootstrap-button-color-disabled) !important;
}

/* button group */
.bootstraped:where(.v1) .btn-group {
    --bootstrap-button-group-width: 100%;
    --bootstrap-button-group-height: 36px;
    --bootstrap-button-group-text-align: center;
    --bootstrap-button-group-margin-top: 0;
    --bootstrap-button-group-margin-right: 0;
    --bootstrap-button-group-margin-bottom: 0;
    --bootstrap-button-group-margin-left: 0;
    --bootstrap-button-group-margin: var(--bootstrap-button-group-margin-top) var(--bootstrap-button-group-margin-right) var(--bootstrap-button-group-margin-bottom) var(--bootstrap-button-group-margin-left);
    --bootstrap-button-group-padding-top: 8px;
    --bootstrap-button-group-padding-right: 12px;
    --bootstrap-button-group-padding-bottom: 8px;
    --bootstrap-button-group-padding-left: 12px;
    --bootstrap-button-group-padding: var(--bootstrap-button-group-padding-top) var(--bootstrap-button-group-padding-right) var(--bootstrap-button-group-padding-bottom) var(--bootstrap-button-group-padding-left);

    --bootstrap-button-group-font-family:  var(--bootstrap-general-button-font-family);
    --bootstrap-button-group-font-size: var(--bootstrap-general-button-font-size);
    --bootstrap-button-group-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-button-group-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-button-group-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-button-group-color: var(--bootstrap-general-button-color);
    --bootstrap-button-group-background-color: var(--bootstrap-general-button-background-color);

    --bootstrap-button-group-font-family-hover:  var(--bootstrap-general-button-font-family);
    --bootstrap-button-group-font-size-hover: var(--bootstrap-general-button-font-size);
    --bootstrap-button-group-font-weight-hover: var(--bootstrap-general-button-font-weight);
    --bootstrap-button-group-font-style-hover: var(--bootstrap-general-button-font-style);
    --bootstrap-button-group-text-decoration-hover: var(--bootstrap-general-button-text-decoration);
    --bootstrap-button-group-color-hover: var(--bootstrap-general-button-color-hover);
    --bootstrap-button-group-background-color-hover: var(--bootstrap-general-button-hover-background-color);

    --bootstrap-button-group-font-family-click:  var(--bootstrap-general-button-font-family);
    --bootstrap-button-group-font-size-click: var(--bootstrap-general-button-font-size);
    --bootstrap-button-group-font-weight-click: var(--bootstrap-general-button-font-weight);
    --bootstrap-button-group-font-style-click: var(--bootstrap-general-button-font-style);
    --bootstrap-button-group-text-decoration-click: var(--bootstrap-general-button-text-decoration);
    --bootstrap-button-group-color-click: white;
    --bootstrap-button-group-background-color-click: #018099;

    --bootstrap-button-group-font-family-disabled: var(--bootstrap-general-button-font-family);
    --bootstrap-button-group-font-size-disabled: var(--bootstrap-general-button-font-size);
    --bootstrap-button-group-font-weight-disabled: var(--bootstrap-general-button-font-weight);
    --bootstrap-button-group-font-style-disabled: var(--bootstrap-general-button-font-style);
    --bootstrap-button-group-text-decoration-disabled: var(--bootstrap-general-button-text-decoration);
    --bootstrap-button-group-color-disabled: #383737;
    --bootstrap-button-group-background-color-disabled: var(--bootstrap-general-button-disabled-background-color);
}

.bootstraped:where(.v1) .btn-group {
    width: var(--bootstrap-button-group-width);
    display: inline-flex;
    flex-wrap: wrap;
    box-shadow: none;
}

/*.bootstraped:where(.v1) .btn-group .btn {
    width: auto;
    height: var(--bootstrap-button-group-height);
    margin-left: 0 !important;
}*/

.bootstraped:where(.v1) .btn-group > .btn {
    --bootstrap-button-group-border-top-width: 0;
    --bootstrap-button-group-border-top-style: none;
    --bootstrap-button-group-border-top-color: white;
    --bootstrap-button-group-border-top: var(--bootstrap-button-group-border-top-width) var(--bootstrap-button-group-border-top-style) var(--bootstrap-button-group-border-top-color);
    --bootstrap-button-group-border-bottom-width: 0;
    --bootstrap-button-group-border-bottom-style: none;
    --bootstrap-button-group-border-bottom-color: white;
    --bootstrap-button-group-border-bottom: var(--bootstrap-button-group-border-bottom-width) var(--bootstrap-button-group-border-bottom-style) var(--bootstrap-button-group-border-bottom-color);
    --bootstrap-button-group-border-left-width: 0;
    --bootstrap-button-group-border-left-style: none;
    --bootstrap-button-group-border-left-color: white;
    --bootstrap-button-group-border-left: var(--bootstrap-button-group-border-left-width) var(--bootstrap-button-group-border-left-style) var(--bootstrap-button-group-border-left-color);
    --bootstrap-button-group-border-right-width: 0;
    --bootstrap-button-group-border-right-style: none;
    --bootstrap-button-group-border-right-color: white;
    --bootstrap-button-group-border-right: var(--bootstrap-button-group-border-right-width) var(--bootstrap-button-group-border-right-style) var(--bootstrap-button-group-border-right-color);
}

.bootstraped:where(.v1) .btn-group > .btn {
    width: auto;
    height: var(--bootstrap-button-group-height);
    font-family: var(--bootstrap-button-group-font-family);
    font-size: var(--bootstrap-button-group-font-size);
    font-weight: var(--bootstrap-button-group-font-weight);
    font-style: var(--bootstrap-button-group-font-style);
    text-decoration: var(--bootstrap-button-group-text-decoration);
    color: var(--bootstrap-button-group-color);
    background-color: var(--bootstrap-button-group-background-color);
    margin: var(--bootstrap-button-group-margin) !important;
    padding: var(--bootstrap-button-group-padding);
    box-shadow: none;
    display: flex;
    justify-content: var(--bootstrap-button-group-text-align);
    align-items: center;
    text-transform: none;
    border-radius: 0;
    border-top: var(--bootstrap-button-group-border-top);
    border-right: var(--bootstrap-button-group-border-right);
    border-bottom: var(--bootstrap-button-group-border-bottom);
    border-left: var(--bootstrap-button-group-border-left);
}

/*.bootstraped:where(.v1) .btn-group > .btn i{*/
/*    color: var(--bootstrap-button-group-color) !important;*/
/*}*/

.bootstraped:where(.v1) .btn-group > .btn:hover {
    font-family: var(--bootstrap-button-group-font-family-hover);
    font-size: var(--bootstrap-button-group-font-size-hover);
    font-weight: var(--bootstrap-button-group-font-weight-hover);
    font-style: var(--bootstrap-button-group-font-style-hover);
    text-decoration: var(--bootstrap-button-group-text-decoration-hover);
    color: var(--bootstrap-button-group-color-hover);
    background-color: var(--bootstrap-button-group-background-color-hover);
}

/*.bootstraped:where(.v1) .btn-group > .btn:hover  i{*/
/*    color: var(--bootstrap-button-group-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) .btn-group > .btn:not(:disabled):not(.disabled):active,
.bootstraped:where(.v1) .btn-group > .btn:focus-visible,
.bootstraped:where(.v1) .btn-group > .btn:focus {
    font-family: var(--bootstrap-button-group-font-family-click);
    font-size: var(--bootstrap-button-group-font-size-click);
    font-weight: var(--bootstrap-button-group-font-weight-click);
    font-style: var(--bootstrap-button-group-font-style-click);
    text-decoration: var(--bootstrap-button-group-text-decoration-click);
    color: var(--bootstrap-button-group-color-click);
    background-color: var(--bootstrap-button-group-background-color-click);
}

/*.bootstraped:where(.v1) .btn-group > .btn:not(:disabled):not(.disabled):active i,*/
/*.bootstraped:where(.v1) .btn-group > .btn:focus-visible i,*/
/*.bootstraped:where(.v1) .btn-group > .btn:focus i{*/
/*    color: var(--bootstrap-button-group-color-click) !important;*/
/*}*/

.bootstraped:where(.v1) .btn-group > .btn.btn-outline {
    background-color: transparent;
    color: var(--bootstrap-button-group-background-color);
    border: 1px solid var(--bootstrap-button-group-background-color);
}

.bootstraped:where(.v1) .btn-group > .btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-info {
    color: #fff;
    text-shadow: none;
    background-color: rgb(91, 192, 222);
    border-color: #fff;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-info:hover {
    color: #fff;
    background-color: rgb(49, 176, 213);
    border-color: #fff;
}

.bootstraped:where(.v1) .btn-group > .btn.appollo-btn-press-style {
    background-color: var(--bootstrap-button-group-background-color-click);
}

.bootstraped:where(.v1) .btn-group > .btn.btn-warning {
    color: #fff;
    background-color: #009AB7;
    border-color: #fff;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-warning :disabled {
    color: #fff;
    background-color: #008DA8;
    border-color: #fff;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-danger {
    background-color: #D9534F;
    border: medium none #D9534F;
    color: #FFFFFF;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-danger:hover {
    background-color: #77021d;
    border-color: #540114;
    color: #fff;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-rounded {
    border-radius: 25px;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-floating {
    border-radius: 50%;
    padding: 0;
    width: 37px;
    height: 37px;
}

.bootstraped:where(.v1) .btn-group > .btn.btn-floating span {
    display: none;
}

.bootstraped:where(.v1) .btn-group > .btn.has-icon.has-icon-after:not(.empty-text) i {
    margin-left: 0.5rem;
}

.bootstraped:where(.v1) .btn-group > .btn.has-icon.has-icon-before {
    flex-direction: row-reverse;
}

.bootstraped:where(.v1) .btn-group > .btn.has-icon.has-icon-before i {
    margin-right: 0.5rem;
}

.bootstraped:where(.v1) .btn-group > .btn.has-icon.btn-floating i {
    margin-right: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .btn-group > .btn:disabled {
    font-family: var(--bootstrap-button-group-font-family-disabled) !important;
    font-size: var(--bootstrap-button-group-font-size-disabled) !important;
    font-weight: var(--bootstrap-button-group-font-weight-disabled) !important;
    font-style: var(--bootstrap-button-group-font-style-disabled) !important;
    text-decoration: var(--bootstrap-button-group-text-decoration-disabled) !important;
    color: var(--bootstrap-button-group-color-disabled) !important;
    background-color: var(--bootstrap-button-group-background-color-disabled) !important;
    border-color: #fff !important;
}

.bootstraped:where(.v1) .btn-group > .btn:disabled i{
    color: var(--bootstrap-button-group-color-disabled) !important;
}

.bootstraped:where(.v1) .btn-group.btn-group-vertical .btn {
    width: 100%;
}

.bootstraped:where(.v1) .btn-group.btn-group-floating .btn {
    flex: initial;
    border-radius: 50% !important;
    padding: 0;
    width: 37px;
    height: 37px;
}

.bootstraped:where(.v1) .btn-group.btn-group-floating .btn span {
    display: none;
}

.bootstraped:where(.v1) .btn-group.btn-group-floating:hover {
    box-shadow: none;
}

/* label */
.bootstraped:where(.v1) .mdb-label {
    --bootstrap-label-text-align: left;

    --bootstrap-label-font-family: Arial;
    --bootstrap-label-font-size: 14px;
    --bootstrap-label-color: #4f4f4f;
    --bootstrap-label-background-color: transparent;
    --bootstrap-label-text-decoration: none;
    --bootstrap-label-font-style: normal;
    --bootstrap-label-font-weight: normal;

    --bootstrap-label-font-family-hover: var(--bootstrap-label-font-family);
    --bootstrap-label-font-size-hover: var(--bootstrap-label-font-size);
    --bootstrap-label-color-hover: var(--bootstrap-label-color);
    --bootstrap-label-background-color-hover: var(--bootstrap-label-background-color);
    --bootstrap-label-text-decoration-hover: var(--bootstrap-label-text-decoration);
    --bootstrap-label-font-style-hover: var(--bootstrap-label-font-style);
    --bootstrap-label-font-weight-hover: var(--bootstrap-label-font-weight);

    --bootstrap-label-margin-top: 0px;
    --bootstrap-label-margin-right: 0;
    --bootstrap-label-margin-bottom: 0px;
    --bootstrap-label-margin-left: 0;
    --bootstrap-label-margin: var(--bootstrap-label-margin-top) var(--bootstrap-label-margin-right) var(--bootstrap-label-margin-bottom) var(--bootstrap-label-margin-left);
    --bootstrap-label-padding-top: 0;
    --bootstrap-label-padding-right: 0;
    --bootstrap-label-padding-bottom: 0;
    --bootstrap-label-padding-left: 0;
    --bootstrap-label-padding: var(--bootstrap-label-padding-top) var(--bootstrap-label-padding-right) var(--bootstrap-label-padding-bottom) var(--bootstrap-label-padding-left);
    --bootstrap-label-border-top-width: 0;
    --bootstrap-label-border-top-style: none;
    --bootstrap-label-border-top-color: white;
    --bootstrap-label-border-top: var(--bootstrap-label-border-top-width) var(--bootstrap-label-border-top-style) var(--bootstrap-label-border-top-color);
    --bootstrap-label-border-bottom-width: 0;
    --bootstrap-label-border-bottom-style: none;
    --bootstrap-label-border-bottom-color: white;
    --bootstrap-label-border-bottom: var(--bootstrap-label-border-bottom-width) var(--bootstrap-label-border-bottom-style) var(--bootstrap-label-border-bottom-color);
    --bootstrap-label-border-left-width: 0;
    --bootstrap-label-border-left-style: none;
    --bootstrap-label-border-left-color: white;
    --bootstrap-label-border-left: var(--bootstrap-label-border-left-width) var(--bootstrap-label-border-left-style) var(--bootstrap-label-border-left-color);
    --bootstrap-label-border-right-width: 0;
    --bootstrap-label-border-right-style: none;
    --bootstrap-label-border-right-color: white;
    --bootstrap-label-border-right: var(--bootstrap-label-border-right-width) var(--bootstrap-label-border-right-style) var(--bootstrap-label-border-right-color);

    text-align: var(--bootstrap-label-text-align);
    font-family: var(--bootstrap-label-font-family);
    font-size: var(--bootstrap-label-font-size);
    color: var(--bootstrap-label-color);
    background-color: var(--bootstrap-label-background-color);
    text-decoration: var(--bootstrap-label-text-decoration);
    font-style: var(--bootstrap-label-font-style);
    font-weight: var(--bootstrap-label-font-weight);
    margin: var(--bootstrap-label-margin);
    padding: var(--bootstrap-label-padding);
    border-top: var(--bootstrap-label-border-top);
    border-right: var(--bootstrap-label-border-right);
    border-bottom: var(--bootstrap-label-border-bottom);
    border-left: var(--bootstrap-label-border-left);
    display: block;
    /*white-space: nowrap;*/
}

/*.bootstraped:where(.v1) .mdb-label:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-label-color) !important;*/
/*}*/

.bootstraped:where(.v1) .mdb-label:hover{
    font-family: var(--bootstrap-label-font-family-hover);
    font-size: var(--bootstrap-label-font-size-hover);
    color: var(--bootstrap-label-color-hover);
    background-color: var(--bootstrap-label-background-color-hover);
    text-decoration: var(--bootstrap-label-text-decoration-hover);
    font-style: var(--bootstrap-label-font-style-hover);
    font-weight: var(--bootstrap-label-font-weight-hover);
}

/*.bootstraped:where(.v1) .mdb-label:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-label-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) .mdb-label:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h1:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h2:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h3:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h4:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h5:not(.text-wrap):not(.text-break),
.bootstraped:where(.v1) h6:not(.text-wrap):not(.text-break){
    white-space: nowrap;
}

/* headings */
.bootstraped:where(.v1) h1 {
    --bootstrap-h1-text-align: left;
    --bootstrap-h1-font-family: Arial;
    --bootstrap-h1-font-size: 40px;
    --bootstrap-h1-color: #4f4f4f;
    --bootstrap-h1-background-color: transparent;
    --bootstrap-h1-text-decoration: none;
    --bootstrap-h1-font-style: normal;
    --bootstrap-h1-font-weight: normal;
    --bootstrap-h1-font-family-hover: var(--bootstrap-h1-font-family);
    --bootstrap-h1-font-size-hover: var(--bootstrap-h1-font-size);
    --bootstrap-h1-color-hover: var(--bootstrap-h1-color);
    --bootstrap-h1-background-color-hover: var(--bootstrap-h1-background-color);
    --bootstrap-h1-text-decoration-hover: var(--bootstrap-h1-text-decoration);
    --bootstrap-h1-font-style-hover: var(--bootstrap-h1-font-style);
    --bootstrap-h1-font-weight-hover: var(--bootstrap-h1-font-weight);
    --bootstrap-h1-margin-top: 0;
    --bootstrap-h1-margin-right: 0;
    --bootstrap-h1-margin-bottom: 0;
    --bootstrap-h1-margin-left: 0;
    --bootstrap-h1-margin: var(--bootstrap-h1-margin-top) var(--bootstrap-h1-margin-right) var(--bootstrap-h1-margin-bottom) var(--bootstrap-h1-margin-left);
    --bootstrap-h1-padding-top: 0;
    --bootstrap-h1-padding-right: 0;
    --bootstrap-h1-padding-bottom: 0;
    --bootstrap-h1-padding-left: 0;
    --bootstrap-h1-padding: var(--bootstrap-h1-padding-top) var(--bootstrap-h1-padding-right) var(--bootstrap-h1-padding-bottom) var(--bootstrap-h1-padding-left);
    --bootstrap-h1-border-top-width: 0;
    --bootstrap-h1-border-top-style: none;
    --bootstrap-h1-border-top-color: white;
    --bootstrap-h1-border-top: var(--bootstrap-h1-border-top-width) var(--bootstrap-h1-border-top-style) var(--bootstrap-h1-border-top-color);
    --bootstrap-h1-border-bottom-width: 0;
    --bootstrap-h1-border-bottom-style: none;
    --bootstrap-h1-border-bottom-color: white;
    --bootstrap-h1-border-bottom: var(--bootstrap-h1-border-bottom-width) var(--bootstrap-h1-border-bottom-style) var(--bootstrap-h1-border-bottom-color);
    --bootstrap-h1-border-left-width: 0;
    --bootstrap-h1-border-left-style: none;
    --bootstrap-h1-border-left-color: white;
    --bootstrap-h1-border-left: var(--bootstrap-h1-border-left-width) var(--bootstrap-h1-border-left-style) var(--bootstrap-h1-border-left-color);
    --bootstrap-h1-border-right-width: 0;
    --bootstrap-h1-border-right-style: none;
    --bootstrap-h1-border-right-color: white;
    --bootstrap-h1-border-right: var(--bootstrap-h1-border-right-width) var(--bootstrap-h1-border-right-style) var(--bootstrap-h1-border-right-color);

    text-align: var(--bootstrap-h1-text-align);
    font-family: var(--bootstrap-h1-font-family);
    font-size: var(--bootstrap-h1-font-size);
    color: var(--bootstrap-h1-color);
    background-color: var(--bootstrap-h1-background-color);
    text-decoration: var(--bootstrap-h1-text-decoration);
    font-style: var(--bootstrap-h1-font-style);
    font-weight: var(--bootstrap-h1-font-weight);
    margin: var(--bootstrap-h1-margin);
    padding: var(--bootstrap-h1-padding);
    border-top: var(--bootstrap-h1-border-top);
    border-right: var(--bootstrap-h1-border-right);
    border-bottom: var(--bootstrap-h1-border-bottom);
    border-left: var(--bootstrap-h1-border-left);
}

/*.bootstraped:where(.v1) h1:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h1-color) !important;*/
/*}*/

.bootstraped:where(.v1) h1:hover{
    font-family: var(--bootstrap-h1-font-family-hover);
    font-size: var(--bootstrap-h1-font-size-hover);
    color: var(--bootstrap-h1-color-hover);
    background-color: var(--bootstrap-h1-background-color-hover);
    text-decoration: var(--bootstrap-h1-text-decoration-hover);
    font-style: var(--bootstrap-h1-font-style-hover);
    font-weight: var(--bootstrap-h1-font-weight-hover);
}

/*.bootstraped:where(.v1) h1:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h1-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) h2 {
    --bootstrap-h2-text-align: left;
    --bootstrap-h2-font-family: Arial;
    --bootstrap-h2-font-size: 32px;
    --bootstrap-h2-color: #4f4f4f;
    --bootstrap-h2-background-color: transparent;
    --bootstrap-h2-text-decoration: none;
    --bootstrap-h2-font-style: normal;
    --bootstrap-h2-font-weight: normal;
    --bootstrap-h2-font-family-hover: var(--bootstrap-h2-font-family);
    --bootstrap-h2-font-size-hover: var(--bootstrap-h2-font-size);
    --bootstrap-h2-color-hover: var(--bootstrap-h2-color);
    --bootstrap-h2-background-color-hover: var(--bootstrap-h2-background-color);
    --bootstrap-h2-text-decoration-hover: var(--bootstrap-h2-text-decoration);
    --bootstrap-h2-font-style-hover: var(--bootstrap-h2-font-style);
    --bootstrap-h2-font-weight-hover: var(--bootstrap-h2-font-weight);
    --bootstrap-h2-margin-top: 0;
    --bootstrap-h2-margin-right: 0;
    --bootstrap-h2-margin-bottom: 0;
    --bootstrap-h2-margin-left: 0;
    --bootstrap-h2-margin: var(--bootstrap-h2-margin-top) var(--bootstrap-h2-margin-right) var(--bootstrap-h2-margin-bottom) var(--bootstrap-h2-margin-left);
    --bootstrap-h2-padding-top: 0;
    --bootstrap-h2-padding-right: 0;
    --bootstrap-h2-padding-bottom: 0;
    --bootstrap-h2-padding-left: 0;
    --bootstrap-h2-padding: var(--bootstrap-h2-padding-top) var(--bootstrap-h2-padding-right) var(--bootstrap-h2-padding-bottom) var(--bootstrap-h2-padding-left);
    --bootstrap-h2-border-top-width: 0;
    --bootstrap-h2-border-top-style: none;
    --bootstrap-h2-border-top-color: white;
    --bootstrap-h2-border-top: var(--bootstrap-h2-border-top-width) var(--bootstrap-h2-border-top-style) var(--bootstrap-h2-border-top-color);
    --bootstrap-h2-border-bottom-width: 0;
    --bootstrap-h2-border-bottom-style: none;
    --bootstrap-h2-border-bottom-color: white;
    --bootstrap-h2-border-bottom: var(--bootstrap-h2-border-bottom-width) var(--bootstrap-h2-border-bottom-style) var(--bootstrap-h2-border-bottom-color);
    --bootstrap-h2-border-left-width: 0;
    --bootstrap-h2-border-left-style: none;
    --bootstrap-h2-border-left-color: white;
    --bootstrap-h2-border-left: var(--bootstrap-h2-border-left-width) var(--bootstrap-h2-border-left-style) var(--bootstrap-h2-border-left-color);
    --bootstrap-h2-border-right-width: 0;
    --bootstrap-h2-border-right-style: none;
    --bootstrap-h2-border-right-color: white;
    --bootstrap-h2-border-right: var(--bootstrap-h2-border-right-width) var(--bootstrap-h2-border-right-style) var(--bootstrap-h2-border-right-color);

    text-align: var(--bootstrap-h2-text-align);
    font-family: var(--bootstrap-h2-font-family);
    font-size: var(--bootstrap-h2-font-size);
    color: var(--bootstrap-h2-color);
    background-color: var(--bootstrap-h2-background-color);
    text-decoration: var(--bootstrap-h2-text-decoration);
    font-style: var(--bootstrap-h2-font-style);
    font-weight: var(--bootstrap-h2-font-weight);
    margin: var(--bootstrap-h2-margin);
    padding: var(--bootstrap-h2-padding);
    border-top: var(--bootstrap-h2-border-top);
    border-right: var(--bootstrap-h2-border-right);
    border-bottom: var(--bootstrap-h2-border-bottom);
    border-left: var(--bootstrap-h2-border-left);
}

/*.bootstraped:where(.v1) h2:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h2-color) !important;*/
/*}*/

.bootstraped:where(.v1) h2:hover{
    font-family: var(--bootstrap-h2-font-family-hover);
    font-size: var(--bootstrap-h2-font-size-hover);
    color: var(--bootstrap-h2-color-hover);
    background-color: var(--bootstrap-h2-background-color-hover);
    text-decoration: var(--bootstrap-h2-text-decoration-hover);
    font-style: var(--bootstrap-h2-font-style-hover);
    font-weight: var(--bootstrap-h2-font-weight-hover);
}

/*.bootstraped:where(.v1) h2:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h2-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) h3 {
    --bootstrap-h3-text-align: left;
    --bootstrap-h3-font-family: Arial;
    --bootstrap-h3-font-size: 28px;
    --bootstrap-h3-color: #4f4f4f;
    --bootstrap-h3-background-color: transparent;
    --bootstrap-h3-text-decoration: none;
    --bootstrap-h3-font-style: normal;
    --bootstrap-h3-font-weight: normal;
    --bootstrap-h3-font-family-hover: var(--bootstrap-h3-font-family);
    --bootstrap-h3-font-size-hover: var(--bootstrap-h3-font-size);
    --bootstrap-h3-color-hover: var(--bootstrap-h3-color);
    --bootstrap-h3-background-color-hover: var(--bootstrap-h3-background-color);
    --bootstrap-h3-text-decoration-hover: var(--bootstrap-h3-text-decoration);
    --bootstrap-h3-font-style-hover: var(--bootstrap-h3-font-style);
    --bootstrap-h3-font-weight-hover: var(--bootstrap-h3-font-weight);
    --bootstrap-h3-margin-top: 0;
    --bootstrap-h3-margin-right: 0;
    --bootstrap-h3-margin-bottom: 0;
    --bootstrap-h3-margin-left: 0;
    --bootstrap-h3-margin: var(--bootstrap-h3-margin-top) var(--bootstrap-h3-margin-right) var(--bootstrap-h3-margin-bottom) var(--bootstrap-h3-margin-left);
    --bootstrap-h3-padding-top: 0;
    --bootstrap-h3-padding-right: 0;
    --bootstrap-h3-padding-bottom: 0;
    --bootstrap-h3-padding-left: 0;
    --bootstrap-h3-padding: var(--bootstrap-h3-padding-top) var(--bootstrap-h3-padding-right) var(--bootstrap-h3-padding-bottom) var(--bootstrap-h3-padding-left);
    --bootstrap-h3-border-top-width: 0;
    --bootstrap-h3-border-top-style: none;
    --bootstrap-h3-border-top-color: white;
    --bootstrap-h3-border-top: var(--bootstrap-h3-border-top-width) var(--bootstrap-h3-border-top-style) var(--bootstrap-h3-border-top-color);
    --bootstrap-h3-border-bottom-width: 0;
    --bootstrap-h3-border-bottom-style: none;
    --bootstrap-h3-border-bottom-color: white;
    --bootstrap-h3-border-bottom: var(--bootstrap-h3-border-bottom-width) var(--bootstrap-h3-border-bottom-style) var(--bootstrap-h3-border-bottom-color);
    --bootstrap-h3-border-left-width: 0;
    --bootstrap-h3-border-left-style: none;
    --bootstrap-h3-border-left-color: white;
    --bootstrap-h3-border-left: var(--bootstrap-h3-border-left-width) var(--bootstrap-h3-border-left-style) var(--bootstrap-h3-border-left-color);
    --bootstrap-h3-border-right-width: 0;
    --bootstrap-h3-border-right-style: none;
    --bootstrap-h3-border-right-color: white;
    --bootstrap-h3-border-right: var(--bootstrap-h3-border-right-width) var(--bootstrap-h3-border-right-style) var(--bootstrap-h3-border-right-color);

    text-align: var(--bootstrap-h3-text-align);
    font-family: var(--bootstrap-h3-font-family);
    font-size: var(--bootstrap-h3-font-size);
    color: var(--bootstrap-h3-color);
    background-color: var(--bootstrap-h3-background-color);
    text-decoration: var(--bootstrap-h3-text-decoration);
    font-style: var(--bootstrap-h3-font-style);
    font-weight: var(--bootstrap-h3-font-weight);
    margin: var(--bootstrap-h3-margin);
    padding: var(--bootstrap-h3-padding);
    border-top: var(--bootstrap-h3-border-top);
    border-right: var(--bootstrap-h3-border-right);
    border-bottom: var(--bootstrap-h3-border-bottom);
    border-left: var(--bootstrap-h3-border-left);
}

/*.bootstraped:where(.v1) h3:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h3-color) !important;*/
/*}*/

.bootstraped:where(.v1) h3:hover{
    font-family: var(--bootstrap-h3-font-family-hover);
    font-size: var(--bootstrap-h3-font-size-hover);
    color: var(--bootstrap-h3-color-hover);
    background-color: var(--bootstrap-h3-background-color-hover);
    text-decoration: var(--bootstrap-h3-text-decoration-hover);
    font-style: var(--bootstrap-h3-font-style-hover);
    font-weight: var(--bootstrap-h3-font-weight-hover);
}

/*.bootstraped:where(.v1) h3:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h3-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) h4 {
    --bootstrap-h4-text-align: left;
    --bootstrap-h4-font-family: Arial;
    --bootstrap-h4-font-size: 24px;
    --bootstrap-h4-color: #4f4f4f;
    --bootstrap-h4-background-color: transparent;
    --bootstrap-h4-text-decoration: none;
    --bootstrap-h4-font-style: normal;
    --bootstrap-h4-font-weight: normal;
    --bootstrap-h4-font-family-hover: var(--bootstrap-h4-font-family);
    --bootstrap-h4-font-size-hover: var(--bootstrap-h4-font-size);
    --bootstrap-h4-color-hover: var(--bootstrap-h4-color);
    --bootstrap-h4-background-color-hover: var(--bootstrap-h4-background-color);
    --bootstrap-h4-text-decoration-hover: var(--bootstrap-h4-text-decoration);
    --bootstrap-h4-font-style-hover: var(--bootstrap-h4-font-style);
    --bootstrap-h4-font-weight-hover: var(--bootstrap-h4-font-weight);
    --bootstrap-h4-margin-top: 0;
    --bootstrap-h4-margin-right: 0;
    --bootstrap-h4-margin-bottom: 0;
    --bootstrap-h4-margin-left: 0;
    --bootstrap-h4-margin: var(--bootstrap-h4-margin-top) var(--bootstrap-h4-margin-right) var(--bootstrap-h4-margin-bottom) var(--bootstrap-h4-margin-left);
    --bootstrap-h4-padding-top: 0;
    --bootstrap-h4-padding-right: 0;
    --bootstrap-h4-padding-bottom: 0;
    --bootstrap-h4-padding-left: 0;
    --bootstrap-h4-padding: var(--bootstrap-h4-padding-top) var(--bootstrap-h4-padding-right) var(--bootstrap-h4-padding-bottom) var(--bootstrap-h4-padding-left);
    --bootstrap-h4-border-top-width: 0;
    --bootstrap-h4-border-top-style: none;
    --bootstrap-h4-border-top-color: white;
    --bootstrap-h4-border-top: var(--bootstrap-h4-border-top-width) var(--bootstrap-h4-border-top-style) var(--bootstrap-h4-border-top-color);
    --bootstrap-h4-border-bottom-width: 0;
    --bootstrap-h4-border-bottom-style: none;
    --bootstrap-h4-border-bottom-color: white;
    --bootstrap-h4-border-bottom: var(--bootstrap-h4-border-bottom-width) var(--bootstrap-h4-border-bottom-style) var(--bootstrap-h4-border-bottom-color);
    --bootstrap-h4-border-left-width: 0;
    --bootstrap-h4-border-left-style: none;
    --bootstrap-h4-border-left-color: white;
    --bootstrap-h4-border-left: var(--bootstrap-h4-border-left-width) var(--bootstrap-h4-border-left-style) var(--bootstrap-h4-border-left-color);
    --bootstrap-h4-border-right-width: 0;
    --bootstrap-h4-border-right-style: none;
    --bootstrap-h4-border-right-color: white;
    --bootstrap-h4-border-right: var(--bootstrap-h4-border-right-width) var(--bootstrap-h4-border-right-style) var(--bootstrap-h4-border-right-color);

    text-align: var(--bootstrap-h4-text-align);
    font-family: var(--bootstrap-h4-font-family);
    font-size: var(--bootstrap-h4-font-size);
    color: var(--bootstrap-h4-color);
    background-color: var(--bootstrap-h4-background-color);
    text-decoration: var(--bootstrap-h4-text-decoration);
    font-style: var(--bootstrap-h4-font-style);
    font-weight: var(--bootstrap-h4-font-weight);
    margin: var(--bootstrap-h4-margin);
    padding: var(--bootstrap-h4-padding);
    border-top: var(--bootstrap-h4-border-top);
    border-right: var(--bootstrap-h4-border-right);
    border-bottom: var(--bootstrap-h4-border-bottom);
    border-left: var(--bootstrap-h4-border-left);
}

/*.bootstraped:where(.v1) h4:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h4-color) !important;*/
/*}*/

.bootstraped:where(.v1) h4:hover{
    font-family: var(--bootstrap-h4-font-family-hover);
    font-size: var(--bootstrap-h4-font-size-hover);
    color: var(--bootstrap-h4-color-hover);
    background-color: var(--bootstrap-h4-background-color-hover);
    text-decoration: var(--bootstrap-h4-text-decoration-hover);
    font-style: var(--bootstrap-h4-font-style-hover);
    font-weight: var(--bootstrap-h4-font-weight-hover);
}

/*.bootstraped:where(.v1) h4:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h4-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) h5 {
    --bootstrap-h5-text-align: left;
    --bootstrap-h5-font-family: Arial;
    --bootstrap-h5-font-size: 20px;
    --bootstrap-h5-color: #4f4f4f;
    --bootstrap-h5-background-color: transparent;
    --bootstrap-h5-text-decoration: none;
    --bootstrap-h5-font-style: normal;
    --bootstrap-h5-font-weight: normal;
    --bootstrap-h5-font-family-hover: var(--bootstrap-h5-font-family);
    --bootstrap-h5-font-size-hover: var(--bootstrap-h5-font-size);
    --bootstrap-h5-color-hover: var(--bootstrap-h5-color);
    --bootstrap-h5-background-color-hover: var(--bootstrap-h5-background-color);
    --bootstrap-h5-text-decoration-hover: var(--bootstrap-h5-text-decoration);
    --bootstrap-h5-font-style-hover: var(--bootstrap-h5-font-style);
    --bootstrap-h5-font-weight-hover: var(--bootstrap-h5-font-weight);
    --bootstrap-h5-margin-top: 0;
    --bootstrap-h5-margin-right: 0;
    --bootstrap-h5-margin-bottom: 0;
    --bootstrap-h5-margin-left: 0;
    --bootstrap-h5-margin: var(--bootstrap-h5-margin-top) var(--bootstrap-h5-margin-right) var(--bootstrap-h5-margin-bottom) var(--bootstrap-h5-margin-left);
    --bootstrap-h5-padding-top: 0;
    --bootstrap-h5-padding-right: 0;
    --bootstrap-h5-padding-bottom: 0;
    --bootstrap-h5-padding-left: 0;
    --bootstrap-h5-padding: var(--bootstrap-h5-padding-top) var(--bootstrap-h5-padding-right) var(--bootstrap-h5-padding-bottom) var(--bootstrap-h5-padding-left);
    --bootstrap-h5-border-top-width: 0;
    --bootstrap-h5-border-top-style: none;
    --bootstrap-h5-border-top-color: white;
    --bootstrap-h5-border-top: var(--bootstrap-h5-border-top-width) var(--bootstrap-h5-border-top-style) var(--bootstrap-h5-border-top-color);
    --bootstrap-h5-border-bottom-width: 0;
    --bootstrap-h5-border-bottom-style: none;
    --bootstrap-h5-border-bottom-color: white;
    --bootstrap-h5-border-bottom: var(--bootstrap-h5-border-bottom-width) var(--bootstrap-h5-border-bottom-style) var(--bootstrap-h5-border-bottom-color);
    --bootstrap-h5-border-left-width: 0;
    --bootstrap-h5-border-left-style: none;
    --bootstrap-h5-border-left-color: white;
    --bootstrap-h5-border-left: var(--bootstrap-h5-border-left-width) var(--bootstrap-h5-border-left-style) var(--bootstrap-h5-border-left-color);
    --bootstrap-h5-border-right-width: 0;
    --bootstrap-h5-border-right-style: none;
    --bootstrap-h5-border-right-color: white;
    --bootstrap-h5-border-right: var(--bootstrap-h5-border-right-width) var(--bootstrap-h5-border-right-style) var(--bootstrap-h5-border-right-color);

    text-align: var(--bootstrap-h5-text-align);
    font-family: var(--bootstrap-h5-font-family);
    font-size: var(--bootstrap-h5-font-size);
    color: var(--bootstrap-h5-color);
    background-color: var(--bootstrap-h5-background-color);
    text-decoration: var(--bootstrap-h5-text-decoration);
    font-style: var(--bootstrap-h5-font-style);
    font-weight: var(--bootstrap-h5-font-weight);
    margin: var(--bootstrap-h5-margin);
    padding: var(--bootstrap-h5-padding);
    border-top: var(--bootstrap-h5-border-top);
    border-right: var(--bootstrap-h5-border-right);
    border-bottom: var(--bootstrap-h5-border-bottom);
    border-left: var(--bootstrap-h5-border-left);
}

/*.bootstraped:where(.v1) h5:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h5-color) !important;*/
/*}*/

.bootstraped:where(.v1) h5:hover{
    font-family: var(--bootstrap-h5-font-family-hover);
    font-size: var(--bootstrap-h5-font-size-hover);
    color: var(--bootstrap-h5-color-hover);
    background-color: var(--bootstrap-h5-background-color-hover);
    text-decoration: var(--bootstrap-h5-text-decoration-hover);
    font-style: var(--bootstrap-h5-font-style-hover);
    font-weight: var(--bootstrap-h5-font-weight-hover);
}

/*.bootstraped:where(.v1) h5:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h5-color-hover) !important;*/
/*}*/

.bootstraped:where(.v1) h6 {
    --bootstrap-h6-text-align: left;
    --bootstrap-h6-font-family: Arial;
    --bootstrap-h6-font-size: 16px;
    --bootstrap-h6-color: #4f4f4f;
    --bootstrap-h6-background-color: transparent;
    --bootstrap-h6-text-decoration: none;
    --bootstrap-h6-font-style: normal;
    --bootstrap-h6-font-weight: normal;
    --bootstrap-h6-font-family-hover: var(--bootstrap-h6-font-family);
    --bootstrap-h6-font-size-hover: var(--bootstrap-h6-font-size);
    --bootstrap-h6-color-hover: var(--bootstrap-h6-color);
    --bootstrap-h6-background-color-hover: var(--bootstrap-h6-background-color);
    --bootstrap-h6-text-decoration-hover: var(--bootstrap-h6-text-decoration);
    --bootstrap-h6-font-style-hover: var(--bootstrap-h6-font-style);
    --bootstrap-h6-font-weight-hover: var(--bootstrap-h6-font-weight);
    --bootstrap-h6-margin-top: 0;
    --bootstrap-h6-margin-right: 0;
    --bootstrap-h6-margin-bottom: 0;
    --bootstrap-h6-margin-left: 0;
    --bootstrap-h6-margin: var(--bootstrap-h6-margin-top) var(--bootstrap-h6-margin-right) var(--bootstrap-h6-margin-bottom) var(--bootstrap-h6-margin-left);
    --bootstrap-h6-padding-top: 0;
    --bootstrap-h6-padding-right: 0;
    --bootstrap-h6-padding-bottom: 0;
    --bootstrap-h6-padding-left: 0;
    --bootstrap-h6-padding: var(--bootstrap-h6-padding-top) var(--bootstrap-h6-padding-right) var(--bootstrap-h6-padding-bottom) var(--bootstrap-h6-padding-left);
    --bootstrap-h6-border-top-width: 0;
    --bootstrap-h6-border-top-style: none;
    --bootstrap-h6-border-top-color: white;
    --bootstrap-h6-border-top: var(--bootstrap-h6-border-top-width) var(--bootstrap-h6-border-top-style) var(--bootstrap-h6-border-top-color);
    --bootstrap-h6-border-bottom-width: 0;
    --bootstrap-h6-border-bottom-style: none;
    --bootstrap-h6-border-bottom-color: white;
    --bootstrap-h6-border-bottom: var(--bootstrap-h6-border-bottom-width) var(--bootstrap-h6-border-bottom-style) var(--bootstrap-h6-border-bottom-color);
    --bootstrap-h6-border-left-width: 0;
    --bootstrap-h6-border-left-style: none;
    --bootstrap-h6-border-left-color: white;
    --bootstrap-h6-border-left: var(--bootstrap-h6-border-left-width) var(--bootstrap-h6-border-left-style) var(--bootstrap-h6-border-left-color);
    --bootstrap-h6-border-right-width: 0;
    --bootstrap-h6-border-right-style: none;
    --bootstrap-h6-border-right-color: white;
    --bootstrap-h6-border-right: var(--bootstrap-h6-border-right-width) var(--bootstrap-h6-border-right-style) var(--bootstrap-h6-border-right-color);

    text-align: var(--bootstrap-h6-text-align);
    font-family: var(--bootstrap-h6-font-family);
    font-size: var(--bootstrap-h6-font-size);
    color: var(--bootstrap-h6-color);
    background-color: var(--bootstrap-h6-background-color);
    text-decoration: var(--bootstrap-h6-text-decoration);
    font-style: var(--bootstrap-h6-font-style);
    font-weight: var(--bootstrap-h6-font-weight);
    margin: var(--bootstrap-h6-margin);
    padding: var(--bootstrap-h6-padding);
    border-top: var(--bootstrap-h6-border-top);
    border-right: var(--bootstrap-h6-border-right);
    border-bottom: var(--bootstrap-h6-border-bottom);
    border-left: var(--bootstrap-h6-border-left);
}

/*.bootstraped:where(.v1) h6:not(.keep-icon-color) i{*/
/*    color: var(--bootstrap-h6-color) !important;*/
/*}*/

.bootstraped:where(.v1) h6:hover{
    font-family: var(--bootstrap-h6-font-family-hover);
    font-size: var(--bootstrap-h6-font-size-hover);
    color: var(--bootstrap-h6-color-hover);
    background-color: var(--bootstrap-h6-background-color-hover);
    text-decoration: var(--bootstrap-h6-text-decoration-hover);
    font-style: var(--bootstrap-h6-font-style-hover);
    font-weight: var(--bootstrap-h6-font-weight-hover);
}

/*.bootstraped:where(.v1) h6:not(.keep-icon-color):hover i{*/
/*    color: var(--bootstrap-h6-color-hover) !important;*/
/*}*/

/* line */
.bootstraped:where(.v1) hr {
    --bootstrap-line-border-top: 3px solid #808080;
    --bootstrap-line-margin-top: 0;
    --bootstrap-line-margin-right: 0;
    --bootstrap-line-margin-bottom: 0;
    --bootstrap-line-margin-left: 0;
    --bootstrap-line-margin: var(--bootstrap-line-margin-top) var(--bootstrap-line-margin-right) var(--bootstrap-line-margin-bottom) var(--bootstrap-line-margin-left);

    opacity: 100%;
    width: 100%;
    border-top: var(--bootstrap-line-border-top);
    margin: var(--bootstrap-line-margin);
}

/* textbox */
.bootstraped:where(.v1) .form-outline-textbox {
    --bootstrap-textbox-width: 100%;
    --bootstrap-textbox-height: 36px;
    --bootstrap-textbox-text-align: left;
    --bootstrap-textbox-font-family: var(--bootstrap-font-family);
    --bootstrap-textbox-font-size: var(--bootstrap-font-size);
    --bootstrap-textbox-color: var(--bootstrap-color);
    --bootstrap-textbox-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-textbox-font-style: var(--bootstrap-font-style);
    --bootstrap-textbox-font-weight: var(--bootstrap-font-weight);
    --bootstrap-textbox-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-textbox-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-textbox-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-textbox-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-textbox-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-textbox-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-textbox-placeholder-font-family: var(--bootstrap-textbox-font-family);
    --bootstrap-textbox-placeholder-font-size: var(--bootstrap-textbox-font-size);
    --bootstrap-textbox-placeholder-font-weight: var(--bootstrap-textbox-font-weight);
    --bootstrap-textbox-placeholder-font-style: var(--bootstrap-textbox-font-style);
    --bootstrap-textbox-placeholder-text-decoration: var(--bootstrap-textbox-text-decoration);
    --bootstrap-textbox-placeholder-color: var(--bootstrap-textbox-color);
    --bootstrap-textbox-background-color: var(--bootstrap-background-color);
    --bootstrap-textbox-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-textbox-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-textbox-margin-top: 0;
    --bootstrap-textbox-margin-right: 0;
    --bootstrap-textbox-margin-bottom: 0;
    --bootstrap-textbox-margin-left: 0;
    --bootstrap-textbox-margin: var(--bootstrap-textbox-margin-top) var(--bootstrap-textbox-margin-right) var(--bootstrap-textbox-margin-bottom) var(--bootstrap-textbox-margin-left);
    --bootstrap-textbox-padding-top: 8px;
    --bootstrap-textbox-padding-right: 12px;
    --bootstrap-textbox-padding-bottom: 8px;
    --bootstrap-textbox-padding-left: 12px;
    --bootstrap-textbox-padding: var(--bootstrap-textbox-padding-top) var(--bootstrap-textbox-padding-right) var(--bootstrap-textbox-padding-bottom) var(--bootstrap-textbox-padding-left);
    --bootstrap-textbox-border-top-width: 1px;
    --bootstrap-textbox-border-top-style: solid;
    --bootstrap-textbox-border-top-color: #bdbdbd;
    --bootstrap-textbox-border-top: var(--bootstrap-textbox-border-top-width) var(--bootstrap-textbox-border-top-style) var(--bootstrap-textbox-border-top-color);
    --bootstrap-textbox-border-bottom-width: 1px;
    --bootstrap-textbox-border-bottom-style: solid;
    --bootstrap-textbox-border-bottom-color: #bdbdbd;
    --bootstrap-textbox-border-bottom: var(--bootstrap-textbox-border-bottom-width) var(--bootstrap-textbox-border-bottom-style) var(--bootstrap-textbox-border-bottom-color);
    --bootstrap-textbox-border-left-width: 1px;
    --bootstrap-textbox-border-left-style: solid;
    --bootstrap-textbox-border-left-color: #bdbdbd;
    --bootstrap-textbox-border-left: var(--bootstrap-textbox-border-left-width) var(--bootstrap-textbox-border-left-style) var(--bootstrap-textbox-border-left-color);
    --bootstrap-textbox-border-right-width: 1px;
    --bootstrap-textbox-border-right-style: solid;
    --bootstrap-textbox-border-right-color: #bdbdbd;
    --bootstrap-textbox-border-right: var(--bootstrap-textbox-border-right-width) var(--bootstrap-textbox-border-right-style) var(--bootstrap-textbox-border-right-color);
    --bootstrap-textbox-border-top-left-radius: 0.25em;
    --bootstrap-textbox-border-top-right-radius: 0.25em;
    --bootstrap-textbox-border-bottom-right-radius: 0.25em;
    --bootstrap-textbox-border-bottom-left-radius: 0.25em;
    --bootstrap-textbox-border-radius: var(--bootstrap-textbox-border-top-left-radius) var(--bootstrap-textbox-border-top-right-radius) var(--bootstrap-textbox-border-bottom-right-radius) var(--bootstrap-textbox-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline-textbox {
    min-width: 70px;
    width: var(--bootstrap-textbox-width);
    background-color: var(--bootstrap-textbox-background-color);
    margin: var(--bootstrap-textbox-margin);
    border-radius: var(--bootstrap-textbox-border-radius);
}

.bootstraped:where(.v1) .form-outline-textbox input[type=text] {
    min-height: 30px;
    height: var(--bootstrap-textbox-height);
    text-align: var(--bootstrap-textbox-text-align);
    font-family: var(--bootstrap-textbox-font-family);
    font-size: var(--bootstrap-textbox-font-size);
    color: var(--bootstrap-textbox-color);
    padding: var(--bootstrap-textbox-padding);
    text-decoration: var(--bootstrap-textbox-text-decoration);
    font-style: var(--bootstrap-textbox-font-style);
    font-weight: var(--bootstrap-textbox-font-weight);
}

.bootstraped:where(.v1) .form-outline-textbox input.form-control[type=text][data-mandatory=true] {
    background-color: var(--bootstrap-textbox-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-textbox input.form-control[type=text][data-mandatory=true]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--bootstrap-textbox-mandatory-background-color) inset !important;
    -webkit-text-fill-color: var(--bootstrap-textbox-color) !important;
    caret-color: var(--bootstrap-textbox-color) !important;
}

.bootstraped:where(.v1) .form-outline-textbox input.form-control[type=text][data-mandatory=true]:autofill {
    box-shadow: 0 0 0px 1000px var(--bootstrap-textbox-mandatory-background-color) inset !important;
    background-color: var(--bootstrap-textbox-mandatory-background-color) !important;
    color: var(--bootstrap-textbox-color) !important;
}

.bootstraped:where(.v1) .form-outline-textbox input[type=text]:disabled,
.bootstraped:where(.v1) .form-outline-textbox input.form-control[type=text][data-mandatory=true]:disabled,
.bootstraped:where(.v1) .form-outline-textbox input[readonly=readonly][data-mandatory=false]:not(.select-input):not([disabled]){
    background-color: var(--bootstrap-textbox-disabled-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-textbox input[type=text]::placeholder {
    font-family: var(--bootstrap-textbox-placeholder-font-family);
    font-size: var(--bootstrap-textbox-placeholder-font-size);
    font-weight: var(--bootstrap-textbox-placeholder-font-weight);
    font-style: var(--bootstrap-textbox-placeholder-font-style);
    text-decoration: var(--bootstrap-textbox-placeholder-text-decoration);
    color: var(--bootstrap-textbox-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-textbox .form-control ~ .form-label {
    font-family: var(--bootstrap-textbox-internal-label-font-family);
    font-size: var(--bootstrap-textbox-internal-label-font-size);
    font-weight: var(--bootstrap-textbox-internal-label-font-weight);
    font-style: var(--bootstrap-textbox-internal-label-font-style);
    text-decoration: var(--bootstrap-textbox-internal-label-text-decoration);
    color: var(--bootstrap-textbox-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-textbox .form-control ~ .form-notch div {
    border-top: var(--bootstrap-textbox-border-top);
    border-right: var(--bootstrap-textbox-border-right);
    border-bottom: var(--bootstrap-textbox-border-bottom);
    border-left: var(--bootstrap-textbox-border-left);
}

/* password */
.bootstraped:where(.v1) .form-outline-password {
    --bootstrap-password-width: 100%;
    --bootstrap-password-height: 36px;
    --bootstrap-password-text-align: left;
    --bootstrap-password-font-family: var(--bootstrap-font-family);
    --bootstrap-password-font-size: var(--bootstrap-font-size);
    --bootstrap-password-color: var(--bootstrap-color);
    --bootstrap-password-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-password-font-style: var(--bootstrap-font-style);
    --bootstrap-password-font-weight: normal;
    --bootstrap-password-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-password-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-password-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-password-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-password-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-password-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-password-placeholder-font-family: var(--bootstrap-password-font-family);
    --bootstrap-password-placeholder-font-size: var(--bootstrap-password-font-size);
    --bootstrap-password-placeholder-font-weight: var(--bootstrap-password-font-weight);
    --bootstrap-password-placeholder-font-style: var(--bootstrap-password-font-style);
    --bootstrap-password-placeholder-text-decoration: var(--bootstrap-password-text-decoration);
    --bootstrap-password-placeholder-color: var(--bootstrap-password-color);
    --bootstrap-password-background-color: var(--bootstrap-background-color);
    --bootstrap-password-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-password-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-password-margin-top: 0;
    --bootstrap-password-margin-right: 0;
    --bootstrap-password-margin-bottom: 0;
    --bootstrap-password-margin-left: 0;
    --bootstrap-password-margin: var(--bootstrap-password-margin-top) var(--bootstrap-password-margin-right) var(--bootstrap-password-margin-bottom) var(--bootstrap-password-margin-left);
    --bootstrap-password-padding-top: 8px;
    --bootstrap-password-padding-right: 12px;
    --bootstrap-password-padding-bottom: 8px;
    --bootstrap-password-padding-left: 12px;
    --bootstrap-password-padding: var(--bootstrap-password-padding-top) var(--bootstrap-password-padding-right) var(--bootstrap-password-padding-bottom) var(--bootstrap-password-padding-left);
    --bootstrap-password-border-top-width: 1px;
    --bootstrap-password-border-top-style: solid;
    --bootstrap-password-border-top-color: #bdbdbd;
    --bootstrap-password-border-top: var(--bootstrap-password-border-top-width) var(--bootstrap-password-border-top-style) var(--bootstrap-password-border-top-color);
    --bootstrap-password-border-bottom-width: 1px;
    --bootstrap-password-border-bottom-style: solid;
    --bootstrap-password-border-bottom-color: #bdbdbd;
    --bootstrap-password-border-bottom: var(--bootstrap-password-border-bottom-width) var(--bootstrap-password-border-bottom-style) var(--bootstrap-password-border-bottom-color);
    --bootstrap-password-border-left-width: 1px;
    --bootstrap-password-border-left-style: solid;
    --bootstrap-password-border-left-color: #bdbdbd;
    --bootstrap-password-border-left: var(--bootstrap-password-border-left-width) var(--bootstrap-password-border-left-style) var(--bootstrap-password-border-left-color);
    --bootstrap-password-border-right-width: 1px;
    --bootstrap-password-border-right-style: solid;
    --bootstrap-password-border-right-color: #bdbdbd;
    --bootstrap-password-border-right: var(--bootstrap-password-border-right-width) var(--bootstrap-password-border-right-style) var(--bootstrap-password-border-right-color);
    --bootstrap-password-border-top-left-radius: 0.25em;
    --bootstrap-password-border-top-right-radius: 0.25em;
    --bootstrap-password-border-bottom-right-radius: 0.25em;
    --bootstrap-password-border-bottom-left-radius: 0.25em;
    --bootstrap-password-border-radius: var(--bootstrap-password-border-top-left-radius) var(--bootstrap-password-border-top-right-radius) var(--bootstrap-password-border-bottom-right-radius) var(--bootstrap-password-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline-password {
    min-width: 70px;
    width: var(--bootstrap-password-width);
    background-color: var(--bootstrap-password-background-color);
    margin: var(--bootstrap-password-margin);
    border-radius: var(--bootstrap-password-border-radius);
}

.bootstraped:where(.v1) .form-outline-password input[type=password],
.bootstraped:where(.v1) .form-outline-password input[type=text]{
    min-height: 30px;
    height: var(--bootstrap-password-height);
    text-align: var(--bootstrap-password-text-align);
    font-family: var(--bootstrap-password-font-family);
    font-size: var(--bootstrap-password-font-size);
    color: var(--bootstrap-password-color);
    padding: var(--bootstrap-password-padding);
    text-decoration: var(--bootstrap-password-text-decoration);
    font-style: var(--bootstrap-password-font-style);
    font-weight: var(--bootstrap-password-font-weight);
}

.bootstraped:where(.v1) .form-outline-password input[type=password][data-mandatory=true],
.bootstraped:where(.v1) .form-outline-password input[type=text][data-mandatory=true] {
    background-color: var(--bootstrap-password-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-password input[type=password][data-mandatory=true]:-webkit-autofill,
.bootstraped:where(.v1) .form-outline-password input[type=text][data-mandatory=true]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--bootstrap-password-mandatory-background-color) inset !important;
    -webkit-text-fill-color: var(--bootstrap-password-color) !important;
    caret-color: var(--bootstrap-password-color) !important;
}

.bootstraped:where(.v1) .form-outline-password input[type=password][data-mandatory=true]:autofill,
.bootstraped:where(.v1) .form-outline-password input[type=text][data-mandatory=true]:autofill {
    box-shadow: 0 0 0px 1000px var(--bootstrap-password-mandatory-background-color) inset !important;
    background-color: var(--bootstrap-password-mandatory-background-color) !important;
    color: var(--bootstrap-password-color) !important;
}

.bootstraped:where(.v1) .form-outline-password input[type=password]:disabled,
.bootstraped:where(.v1) .form-outline-password input[readonly=readonly][data-mandatory=false]:not(.select-input):not([disabled]),
.bootstraped:where(.v1) .form-outline-password input[type=text]:disabled{
    background-color: var(--bootstrap-password-disabled-background-color) !important;
    opacity: 0.8;
}

.bootstraped:where(.v1) .form-outline-password input[type=password]::placeholder,
.bootstraped:where(.v1) .form-outline-password input[type=text]::placeholder {
    font-family: var(--bootstrap-password-placeholder-font-family);
    font-size: var(--bootstrap-password-placeholder-font-size);
    font-weight: var(--bootstrap-password-placeholder-font-weight);
    font-style: var(--bootstrap-password-placeholder-font-style);
    text-decoration: var(--bootstrap-password-placeholder-text-decoration);
    color: var(--bootstrap-password-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-password .form-control ~ .form-label {
    font-family: var(--bootstrap-password-internal-label-font-family);
    font-size: var(--bootstrap-password-internal-label-font-size);
    font-weight: var(--bootstrap-password-internal-label-font-weight);
    font-style: var(--bootstrap-password-internal-label-font-style);
    text-decoration: var(--bootstrap-password-internal-label-text-decoration);
    color: var(--bootstrap-password-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-password .form-control ~ .form-notch div {
    border-top: var(--bootstrap-password-border-top);
    border-right: var(--bootstrap-password-border-right);
    border-bottom: var(--bootstrap-password-border-bottom);
    border-left: var(--bootstrap-password-border-left);
}

/* textarea */
.bootstraped:where(.v1) .form-outline-textarea {
    --bootstrap-textarea-width: 100%;
    --bootstrap-textarea-text-align: left;
    --bootstrap-textarea-font-family: var(--bootstrap-font-family);
    --bootstrap-textarea-font-size: var(--bootstrap-font-size);
    --bootstrap-textarea-color: var(--bootstrap-color);
    --bootstrap-textarea-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-textarea-font-style: var(--bootstrap-font-style);
    --bootstrap-textarea-font-weight: normal;
    --bootstrap-textarea-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-textarea-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-textarea-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-textarea-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-textarea-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-textarea-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-textarea-placeholder-font-family: var(--bootstrap-textarea-font-family);
    --bootstrap-textarea-placeholder-font-size: var(--bootstrap-textarea-font-size);
    --bootstrap-textarea-placeholder-font-weight: var(--bootstrap-textarea-font-weight);
    --bootstrap-textarea-placeholder-font-style: var(--bootstrap-textarea-font-style);
    --bootstrap-textarea-placeholder-text-decoration: var(--bootstrap-textarea-text-decoration);
    --bootstrap-textarea-placeholder-color: var(--bootstrap-textarea-color);
    --bootstrap-textarea-background-color: var(--bootstrap-background-color);
    --bootstrap-textarea-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-textarea-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-textarea-margin-top: 0;
    --bootstrap-textarea-margin-right: 0;
    --bootstrap-textarea-margin-bottom: 0;
    --bootstrap-textarea-margin-left: 0;
    --bootstrap-textarea-margin: var(--bootstrap-textarea-margin-top) var(--bootstrap-textarea-margin-right) var(--bootstrap-textarea-margin-bottom) var(--bootstrap-textarea-margin-left);
    --bootstrap-textarea-padding-top: 8px;
    --bootstrap-textarea-padding-right: 12px;
    --bootstrap-textarea-padding-bottom: 8px;
    --bootstrap-textarea-padding-left: 12px;
    --bootstrap-textarea-padding: var(--bootstrap-textarea-padding-top) var(--bootstrap-textarea-padding-right) var(--bootstrap-textarea-padding-bottom) var(--bootstrap-textarea-padding-left);
    --bootstrap-textarea-border-top-width: 1px;
    --bootstrap-textarea-border-top-style: solid;
    --bootstrap-textarea-border-top-color: #bdbdbd;
    --bootstrap-textarea-border-top: var(--bootstrap-textarea-border-top-width) var(--bootstrap-textarea-border-top-style) var(--bootstrap-textarea-border-top-color);
    --bootstrap-textarea-border-bottom-width: 1px;
    --bootstrap-textarea-border-bottom-style: solid;
    --bootstrap-textarea-border-bottom-color: #bdbdbd;
    --bootstrap-textarea-border-bottom: var(--bootstrap-textarea-border-bottom-width) var(--bootstrap-textarea-border-bottom-style) var(--bootstrap-textarea-border-bottom-color);
    --bootstrap-textarea-border-left-width: 1px;
    --bootstrap-textarea-border-left-style: solid;
    --bootstrap-textarea-border-left-color: #bdbdbd;
    --bootstrap-textarea-border-left: var(--bootstrap-textarea-border-left-width) var(--bootstrap-textarea-border-left-style) var(--bootstrap-textarea-border-left-color);
    --bootstrap-textarea-border-right-width: 1px;
    --bootstrap-textarea-border-right-style: solid;
    --bootstrap-textarea-border-right-color: #bdbdbd;
    --bootstrap-textarea-border-right: var(--bootstrap-textarea-border-right-width) var(--bootstrap-textarea-border-right-style) var(--bootstrap-textarea-border-right-color);
    --bootstrap-textarea-border-top-left-radius: 0.25em;
    --bootstrap-textarea-border-top-right-radius: 0.25em;
    --bootstrap-textarea-border-bottom-right-radius: 0.25em;
    --bootstrap-textarea-border-bottom-left-radius: 0.25em;
    --bootstrap-textarea-border-radius: var(--bootstrap-textarea-border-top-left-radius) var(--bootstrap-textarea-border-top-right-radius) var(--bootstrap-textarea-border-bottom-right-radius) var(--bootstrap-textarea-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline-textarea {
    min-width: 70px;
    width: var(--bootstrap-textarea-width);
    background-color: var(--bootstrap-textarea-background-color);
    margin: var(--bootstrap-textarea-margin);
    border-radius: var(--bootstrap-textarea-border-radius);
}

.bootstraped:where(.v1) .form-outline-textarea textarea {
    text-align: var(--bootstrap-textarea-text-align);
    font-family: var(--bootstrap-textarea-font-family);
    font-size: var(--bootstrap-textarea-font-size);
    color: var(--bootstrap-textarea-color);
    padding: var(--bootstrap-textarea-padding);
    text-decoration: var(--bootstrap-textarea-text-decoration);
    font-style: var(--bootstrap-textarea-font-style);
    font-weight: var(--bootstrap-textarea-font-weight);
}

.bootstraped:where(.v1) .form-outline-textarea textarea[data-mandatory=true] {
    background-color: var(--bootstrap-textarea-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-textarea textarea:disabled {
    background-color: var(--bootstrap-textarea-disabled-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-textarea textarea::placeholder {
    font-family: var(--bootstrap-textarea-placeholder-font-family);
    font-size: var(--bootstrap-textarea-placeholder-font-size);
    font-weight: var(--bootstrap-textarea-placeholder-font-weight);
    font-style: var(--bootstrap-textarea-placeholder-font-style);
    text-decoration: var(--bootstrap-textarea-placeholder-text-decoration);
    color: var(--bootstrap-textarea-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-textarea .form-control ~ .form-label {
    font-family: var(--bootstrap-textarea-internal-label-font-family);
    font-size: var(--bootstrap-textarea-internal-label-font-size);
    font-weight: var(--bootstrap-textarea-internal-label-font-weight);
    font-style: var(--bootstrap-textarea-internal-label-font-style);
    text-decoration: var(--bootstrap-textarea-internal-label-text-decoration);
    color: var(--bootstrap-textarea-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-textarea .form-control ~ .form-notch div {
    border-top: var(--bootstrap-textarea-border-top);
    border-right: var(--bootstrap-textarea-border-right);
    border-bottom: var(--bootstrap-textarea-border-bottom);
    border-left: var(--bootstrap-textarea-border-left);
}

/* datetime */
.bootstraped:where(.v1) .form-outline-datetime {
    --bootstrap-datetime-width: 100%;
    --bootstrap-datetime-height: 36px;
    --bootstrap-datetime-text-align: right;
    --bootstrap-datetime-font-family: var(--bootstrap-font-family);
    --bootstrap-datetime-font-size: var(--bootstrap-font-size);
    --bootstrap-datetime-color: var(--bootstrap-color);
    --bootstrap-datetime-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-datetime-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-datetime-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-datetime-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-datetime-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-datetime-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-datetime-placeholder-font-family: var(--bootstrap-datetime-font-family);
    --bootstrap-datetime-placeholder-font-size: var(--bootstrap-datetime-font-size);
    --bootstrap-datetime-placeholder-font-weight: var(--bootstrap-font-weight);
    --bootstrap-datetime-placeholder-font-style: var(--bootstrap-font-style);
    --bootstrap-datetime-placeholder-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-datetime-placeholder-color: var(--bootstrap-color);
    --bootstrap-datetime-background-color: var(--bootstrap-background-color);
    --bootstrap-datetime-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-datetime-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-datetime-margin-top: 0;
    --bootstrap-datetime-margin-right: 0;
    --bootstrap-datetime-margin-bottom: 0;
    --bootstrap-datetime-margin-left: 0;
    --bootstrap-datetime-margin: var(--bootstrap-datetime-margin-top) var(--bootstrap-datetime-margin-right) var(--bootstrap-datetime-margin-bottom) var(--bootstrap-datetime-margin-left);
    --bootstrap-datetime-padding-top: 8px;
    --bootstrap-datetime-padding-right: 0px;
    --bootstrap-datetime-padding-bottom: 8px;
    --bootstrap-datetime-padding-left: 12px;
    --bootstrap-datetime-padding: var(--bootstrap-datetime-padding-top) var(--bootstrap-datetime-padding-right) var(--bootstrap-datetime-padding-bottom) var(--bootstrap-datetime-padding-left);
    --bootstrap-datetime-border-top-width: 1px;
    --bootstrap-datetime-border-top-style: solid;
    --bootstrap-datetime-border-top-color: #bdbdbd;
    --bootstrap-datetime-border-top: var(--bootstrap-datetime-border-top-width) var(--bootstrap-datetime-border-top-style) var(--bootstrap-datetime-border-top-color);
    --bootstrap-datetime-border-bottom-width: 1px;
    --bootstrap-datetime-border-bottom-style: solid;
    --bootstrap-datetime-border-bottom-color: #bdbdbd;
    --bootstrap-datetime-border-bottom: var(--bootstrap-datetime-border-bottom-width) var(--bootstrap-datetime-border-bottom-style) var(--bootstrap-datetime-border-bottom-color);
    --bootstrap-datetime-border-left-width: 1px;
    --bootstrap-datetime-border-left-style: solid;
    --bootstrap-datetime-border-left-color: #bdbdbd;
    --bootstrap-datetime-border-left: var(--bootstrap-datetime-border-left-width) var(--bootstrap-datetime-border-left-style) var(--bootstrap-datetime-border-left-color);
    --bootstrap-datetime-border-right-width: 1px;
    --bootstrap-datetime-border-right-style: solid;
    --bootstrap-datetime-border-right-color: #bdbdbd;
    --bootstrap-datetime-border-right: var(--bootstrap-datetime-border-right-width) var(--bootstrap-datetime-border-right-style) var(--bootstrap-datetime-border-right-color);
    --bootstrap-datetime-border-top-left-radius: 0.25em;
    --bootstrap-datetime-border-top-right-radius: 0.25em;
    --bootstrap-datetime-border-bottom-right-radius: 0.25em;
    --bootstrap-datetime-border-bottom-left-radius: 0.25em;
    --bootstrap-datetime-border-radius: var(--bootstrap-datetime-border-top-left-radius) var(--bootstrap-datetime-border-top-right-radius) var(--bootstrap-datetime-border-bottom-right-radius) var(--bootstrap-datetime-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline.form-outline-datetime > button{
    line-height: 0;
}

.bootstraped:where(.v1) .form-outline-datetime {
    min-width: 70px;
    width: var(--bootstrap-datetime-width);
    background-color: var(--bootstrap-datetime-background-color);
    margin: var(--bootstrap-datetime-margin);
    border-radius: var(--bootstrap-datetime-border-radius);
    padding-right: 30px;
}

.bootstraped:where(.v1) .form-outline-datetime:has(input.form-control[data-mandatory=true]),
.bootstraped:where(.v1) .form-outline-datetime input.form-control[data-mandatory=true]{
    background-color: var(--bootstrap-datetime-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-datetime.datetimepicker:has(input.form-control[readonly=readonly]),
.bootstraped:where(.v1) .form-outline-datetime.datetimepicker input.form-control[readonly=readonly]:not(.select-input):not([disabled]),
.bootstraped:where(.v1) .form-outline-datetime.datetimepicker:has(input.form-control[disabled]),
.bootstraped:where(.v1) .form-outline-datetime.datetimepicker input.form-control[disabled],
.bootstraped:where(.v1) .form-outline-datetime:has(input.form-control[disabled]),
.bootstraped:where(.v1) .form-outline-datetime input.form-control[disabled=disabled],
.bootstraped:where(.v1) .form-outline-datetime[readonly=readonly]:has(input.form-control[readonly=readonly]){
    background-color: var(--bootstrap-datetime-disabled-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-datetime input {
    min-height: 30px;
    height: var(--bootstrap-datetime-height);
    text-align: var(--bootstrap-datetime-text-align);
    font-family: var(--bootstrap-datetime-font-family);
    font-size: var(--bootstrap-datetime-font-size);
    color: var(--bootstrap-datetime-color);
    padding: var(--bootstrap-datetime-padding) !important;
    border-right-color: transparent;
}

.bootstraped:where(.v1) .form-outline-datetime input::placeholder {
    font-family: var(--bootstrap-datetime-placeholder-font-family);
    font-size: var(--bootstrap-datetime-placeholder-font-size);
    font-weight: var(--bootstrap-datetime-placeholder-font-weight);
    font-style: var(--bootstrap-datetime-placeholder-font-style);
    text-decoration: var(--bootstrap-datetime-placeholder-text-decoration);
    color: var(--bootstrap-datetime-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-datetime .form-control ~ .form-label {
    font-family: var(--bootstrap-datetime-internal-label-font-family);
    font-size: var(--bootstrap-datetime-internal-label-font-size);
    font-weight: var(--bootstrap-datetime-internal-label-font-weight);
    font-style: var(--bootstrap-datetime-internal-label-font-style);
    text-decoration: var(--bootstrap-datetime-internal-label-text-decoration);
    color: var(--bootstrap-datetime-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-datetime .form-control ~ .form-notch div {
    border-top: var(--bootstrap-datetime-border-top);
    border-right: var(--bootstrap-datetime-border-right);
    border-bottom: var(--bootstrap-datetime-border-bottom);
    border-left: var(--bootstrap-datetime-border-left);
}

.bootstraped:where(.v1) .form-outline-datetime button i:before {
    font-size: 16px;
}

.bootstraped:where(.v1) .form-outline-datetime input.form-control.is-invalid.manual-edit-active:focus {
    border-color: transparent !important;
}

.bootstraped:where(.v1) .form-outline-datetime input.manual-edit-active + .invalid-feedback {
    display: none !important;
}

.form-outline .form-control.is-invalid.manual-edit-active:focus~.form-notch .form-notch-leading{
    border-color: #3b71ca !important;
    box-shadow: -1px 0 0 0 #3b71ca ,0 1px 0 0 #3b71ca ,0 -1px 0 0 #3b71ca  !important;
}

.form-outline .form-control.is-invalid.manual-edit-active:focus~.form-notch .form-notch-middle{
    border-color: #3b71ca !important;
    box-shadow: 0 1px 0 0 #3b71ca !important;
}

.form-outline .form-control.is-invalid.manual-edit-active:focus~.form-notch .form-notch-trailing {
    border-color: #3b71ca !important;
    box-shadow: 1px 0 0 0 #3b71ca,0 -1px 0 0 #3b71ca,0 1px 0 0 #3b71ca !important;
}

/* date range */
.bootstraped:where(.v1) .form-outline-daterange {
    --bootstrap-datetimerange-width: 100%;
    --bootstrap-datetimerange-height: 36px;
    --bootstrap-datetimerange-text-align: right;
    --bootstrap-datetimerange-font-family: var(--bootstrap-font-family);
    --bootstrap-datetimerange-font-size: var(--bootstrap-font-size);
    --bootstrap-datetimerange-color: var(--bootstrap-color);
    --bootstrap-datetimerange-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-datetimerange-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-datetimerange-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-datetimerange-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-datetimerange-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-datetimerange-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-datetimerange-placeholder-font-family: var(--bootstrap-datetimerange-font-family);
    --bootstrap-datetimerange-placeholder-font-size: var(--bootstrap-datetimerange-font-size);
    --bootstrap-datetimerange-placeholder-font-weight: var(--bootstrap-font-weight);
    --bootstrap-datetimerange-placeholder-font-style: var(--bootstrap-font-style);
    --bootstrap-datetimerange-placeholder-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-datetimerange-placeholder-color: var(--bootstrap-datetimerange-color);
    --bootstrap-datetimerange-background-color: var(--bootstrap-background-color);
    --bootstrap-datetimerange-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-datetimerange-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-datetimerange-margin-top: 0;
    --bootstrap-datetimerange-margin-right: 0;
    --bootstrap-datetimerange-margin-bottom: 0;
    --bootstrap-datetimerange-margin-left: 0;
    --bootstrap-datetimerange-margin: var(--bootstrap-datetimerange-margin-top) var(--bootstrap-datetimerange-margin-right) var(--bootstrap-datetimerange-margin-bottom) var(--bootstrap-datetimerange-margin-left);
    --bootstrap-datetimerange-padding-top: 8px;
    --bootstrap-datetimerange-padding-right: 12px;
    --bootstrap-datetimerange-padding-bottom: 8px;
    --bootstrap-datetimerange-padding-left: 12px;
    --bootstrap-datetimerange-padding: var(--bootstrap-datetimerange-padding-top) var(--bootstrap-datetimerange-padding-right) var(--bootstrap-datetimerange-padding-bottom) var(--bootstrap-datetimerange-padding-left);
    --bootstrap-datetimerange-border-top-width: 1px;
    --bootstrap-datetimerange-border-top-style: solid;
    --bootstrap-datetimerange-border-top-color: #bdbdbd;
    --bootstrap-datetimerange-border-top: var(--bootstrap-datetimerange-border-top-width) var(--bootstrap-datetimerange-border-top-style) var(--bootstrap-datetimerange-border-top-color);
    --bootstrap-datetimerange-border-bottom-width: 1px;
    --bootstrap-datetimerange-border-bottom-style: solid;
    --bootstrap-datetimerange-border-bottom-color: #bdbdbd;
    --bootstrap-datetimerange-border-bottom: var(--bootstrap-datetimerange-border-bottom-width) var(--bootstrap-datetimerange-border-bottom-style) var(--bootstrap-datetimerange-border-bottom-color);
    --bootstrap-datetimerange-border-left-width: 1px;
    --bootstrap-datetimerange-border-left-style: solid;
    --bootstrap-datetimerange-border-left-color: #bdbdbd;
    --bootstrap-datetimerange-border-left: var(--bootstrap-datetimerange-border-left-width) var(--bootstrap-datetimerange-border-left-style) var(--bootstrap-datetimerange-border-left-color);
    --bootstrap-datetimerange-border-right-width: 1px;
    --bootstrap-datetimerange-border-right-style: solid;
    --bootstrap-datetimerange-border-right-color: #bdbdbd;
    --bootstrap-datetimerange-border-right: var(--bootstrap-datetimerange-border-right-width) var(--bootstrap-datetimerange-border-right-style) var(--bootstrap-datetimerange-border-right-color);
    --bootstrap-datetimerange-border-top-left-radius: 0.25em;
    --bootstrap-datetimerange-border-top-right-radius: 0.25em;
    --bootstrap-datetimerange-border-bottom-right-radius: 0.25em;
    --bootstrap-datetimerange-border-bottom-left-radius: 0.25em;
    --bootstrap-datetimerange-border-radius: var(--bootstrap-datetimerange-border-top-left-radius) var(--bootstrap-datetimerange-border-top-right-radius) var(--bootstrap-datetimerange-border-bottom-right-radius) var(--bootstrap-datetimerange-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline-daterange {
    min-width: 70px;
    padding-right: 30px;
    width: var(--bootstrap-datetimerange-width);
    background-color: var(--bootstrap-datetimerange-background-color);
    margin: var(--bootstrap-datetimerange-margin);
    border-radius: var(--bootstrap-datetimerange-border-radius);
}

.bootstraped:where(.v1) .form-outline-daterange:has(input.datetimepicker-input[data-mandatory=true]),
.bootstraped:where(.v1) .form-outline-daterange input.datetimepicker-input[data-mandatory=true]{
    background-color: var(--bootstrap-datetimerange-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-daterange:has(input.datetimepicker-input[data-mandatory=true][readonly=readonly]),
.bootstraped:where(.v1) .form-outline-daterange input.form-control.datetimepicker-input[readonly=readonly][data-mandatory=true],
.bootstraped:where(.v1) .form-outline-daterange:has(input.datetimepicker-input[data-mandatory=false][disabled]),
.bootstraped:where(.v1) .form-outline-daterange input.form-control.datetimepicker-input[disabled][data-mandatory=false]{
    background-color: var(--bootstrap-datetimerange-disabled-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-daterange input {
    min-height: 30px;
    height: var(--bootstrap-datetimerange-height);
    text-align: var(--bootstrap-datetimerange-text-align);
    font-family: var(--bootstrap-datetimerange-font-family);
    font-size: var(--bootstrap-datetimerange-font-size);
    color: var(--bootstrap-datetimerange-color);
    padding: var(--bootstrap-datetimerange-padding);
    border-right-color: transparent;
}

.bootstraped:where(.v1) .form-outline-daterange input::placeholder {
    font-family: var(--bootstrap-datetimerange-placeholder-font-family);
    font-size: var(--bootstrap-datetimerange-placeholder-font-size);
    font-weight: var(--bootstrap-datetimerange-placeholder-font-weight);
    font-style: var(--bootstrap-datetimerange-placeholder-font-style);
    text-decoration: var(--bootstrap-datetimerange-placeholder-text-decoration);
    color: var(--bootstrap-datetimerange-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-daterange .form-control ~ .form-label {
    font-family: var(--bootstrap-datetimerange-internal-label-font-family);
    font-size: var(--bootstrap-datetimerange-internal-label-font-size);
    font-weight: var(--bootstrap-datetimerange-internal-label-font-weight);
    font-style: var(--bootstrap-datetimerange-internal-label-font-style);
    text-decoration: var(--bootstrap-datetimerange-internal-label-text-decoration);
    color: var(--bootstrap-datetimerange-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-daterange .form-control ~ .form-notch div {
    border-top: var(--bootstrap-datetimerange-border-top);
    border-right: var(--bootstrap-datetimerange-border-right);
    border-bottom: var(--bootstrap-datetimerange-border-bottom);
    border-left: var(--bootstrap-datetimerange-border-left);
}

.bootstraped:where(.v1) .form-outline-daterange button i:before {
    font-size: 16px;
}

/* spinner */
.bootstraped:where(.v1) .form-outline-spinner {
    --bootstrap-spinner-width: 100%;
    --bootstrap-spinner-height: 36px;
    --bootstrap-spinner-text-align: right;
    --bootstrap-spinner-font-family: var(--bootstrap-font-family);
    --bootstrap-spinner-font-size: var(--bootstrap-font-size);
    --bootstrap-spinner-color: var(--bootstrap-color);
    --bootstrap-spinner-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-spinner-font-style: var(--bootstrap-font-style);
    --bootstrap-spinner-font-weight: normal;
    --bootstrap-spinner-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-spinner-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-spinner-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-spinner-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-spinner-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-spinner-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-spinner-placeholder-font-family: var(--bootstrap-spinner-font-family);
    --bootstrap-spinner-placeholder-font-size: var(--bootstrap-spinner-font-size);
    --bootstrap-spinner-placeholder-font-weight: var(--bootstrap-spinner-font-weight);
    --bootstrap-spinner-placeholder-font-style: var(--bootstrap-spinner-font-style);
    --bootstrap-spinner-placeholder-text-decoration: var(--bootstrap-spinner-text-decoration);
    --bootstrap-spinner-placeholder-color: var(--bootstrap-spinner-color);
    --bootstrap-spinner-background-color: var(--bootstrap-background-color);
    --bootstrap-spinner-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-spinner-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-spinner-margin-top: 0;
    --bootstrap-spinner-margin-right: 0;
    --bootstrap-spinner-margin-bottom: 0;
    --bootstrap-spinner-margin-left: 0;
    --bootstrap-spinner-margin: var(--bootstrap-spinner-margin-top) var(--bootstrap-spinner-margin-right) var(--bootstrap-spinner-margin-bottom) var(--bootstrap-spinner-margin-left);
    --bootstrap-spinner-padding-top: 8px;
    --bootstrap-spinner-padding-right: 12px;
    --bootstrap-spinner-padding-bottom: 8px;
    --bootstrap-spinner-padding-left: 12px;
    --bootstrap-spinner-padding: var(--bootstrap-spinner-padding-top) var(--bootstrap-spinner-padding-right) var(--bootstrap-spinner-padding-bottom) var(--bootstrap-spinner-padding-left);
    --bootstrap-spinner-border-top-width: 1px;
    --bootstrap-spinner-border-top-style: solid;
    --bootstrap-spinner-border-top-color: #bdbdbd;
    --bootstrap-spinner-border-top: var(--bootstrap-spinner-border-top-width) var(--bootstrap-spinner-border-top-style) var(--bootstrap-spinner-border-top-color);
    --bootstrap-spinner-border-bottom-width: 1px;
    --bootstrap-spinner-border-bottom-style: solid;
    --bootstrap-spinner-border-bottom-color: #bdbdbd;
    --bootstrap-spinner-border-bottom: var(--bootstrap-spinner-border-bottom-width) var(--bootstrap-spinner-border-bottom-style) var(--bootstrap-spinner-border-bottom-color);
    --bootstrap-spinner-border-left-width: 1px;
    --bootstrap-spinner-border-left-style: solid;
    --bootstrap-spinner-border-left-color: #bdbdbd;
    --bootstrap-spinner-border-left: var(--bootstrap-spinner-border-left-width) var(--bootstrap-spinner-border-left-style) var(--bootstrap-spinner-border-left-color);
    --bootstrap-spinner-border-right-width: 1px;
    --bootstrap-spinner-border-right-style: solid;
    --bootstrap-spinner-border-right-color: #bdbdbd;
    --bootstrap-spinner-border-right: var(--bootstrap-spinner-border-right-width) var(--bootstrap-spinner-border-right-style) var(--bootstrap-spinner-border-right-color);
    --bootstrap-spinner-border-top-left-radius: 0.25em;
    --bootstrap-spinner-border-top-right-radius: 0.25em;
    --bootstrap-spinner-border-bottom-right-radius: 0.25em;
    --bootstrap-spinner-border-bottom-left-radius: 0.25em;
    --bootstrap-spinner-border-radius: var(--bootstrap-spinner-border-top-left-radius) var(--bootstrap-spinner-border-top-right-radius) var(--bootstrap-spinner-border-bottom-right-radius) var(--bootstrap-spinner-border-bottom-left-radius);
}

.bootstraped:where(.v1) .form-outline-spinner {
    min-width: 70px;
    width: var(--bootstrap-spinner-width);
    background-color: var(--bootstrap-spinner-background-color);
    margin: var(--bootstrap-spinner-margin);
    border-radius: var(--bootstrap-spinner-border-radius);
}

.bootstraped:where(.v1) .form-outline-spinner input {
    min-height: 30px;
    height: var(--bootstrap-spinner-height);
    text-align: var(--bootstrap-spinner-text-align);
    font-family: var(--bootstrap-spinner-font-family);
    font-size: var(--bootstrap-spinner-font-size);
    color: var(--bootstrap-spinner-color);
    padding: var(--bootstrap-spinner-padding);
    text-decoration: var(--bootstrap-spinner-text-decoration);
    font-style: var(--bootstrap-spinner-font-style);
    font-weight: var(--bootstrap-spinner-font-weight);
}

.bootstraped:where(.v1) .form-outline-spinner input[data-mandatory=true] {
    background-color: var(--bootstrap-spinner-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-spinner input:disabled,
.bootstraped:where(.v1) .form-outline-spinner input.form-control[readonly]:not(.select-input):not([disabled]){
    background-color: var(--bootstrap-spinner-disabled-background-color) !important;
}

.bootstraped:where(.v1) .form-outline-spinner input::placeholder {
    font-family: var(--bootstrap-spinner-placeholder-font-family);
    font-size: var(--bootstrap-spinner-placeholder-font-size);
    font-weight: var(--bootstrap-spinner-placeholder-font-weight);
    font-style: var(--bootstrap-spinner-placeholder-font-style);
    text-decoration: var(--bootstrap-spinner-placeholder-text-decoration);
    color: var(--bootstrap-spinner-placeholder-color);
}

.bootstraped:where(.v1) .form-outline-spinner .form-control ~ .form-label {
    font-family: var(--bootstrap-spinner-internal-label-font-family);
    font-size: var(--bootstrap-spinner-internal-label-font-size);
    font-weight: var(--bootstrap-spinner-internal-label-font-weight);
    font-style: var(--bootstrap-spinner-internal-label-font-style);
    text-decoration: var(--bootstrap-spinner-internal-label-text-decoration);
    color: var(--bootstrap-spinner-internal-label-color);
}

.bootstraped:where(.v1) .form-outline-spinner .form-control ~ .form-notch div {
    border-top: var(--bootstrap-spinner-border-top);
    border-right: var(--bootstrap-spinner-border-right);
    border-bottom: var(--bootstrap-spinner-border-bottom);
    border-left: var(--bootstrap-spinner-border-left);
}

/* slider */
.bootstraped:where(.v1) .range {
    --bootstrap-slider-width: 100%;
    --bootstrap-slider-thumb-color: var(--bootstrap-selected-background-color);
    --bootstrap-slider-track-color: #e0e0e0;
    --bootstrap-slider-margin-top: 0;
    --bootstrap-slider-margin-right: 0;
    --bootstrap-slider-margin-bottom: 0;
    --bootstrap-slider-margin-left: 0;
    --bootstrap-slider-margin: var(--bootstrap-slider-margin-top) var(--bootstrap-slider-margin-right) var(--bootstrap-slider-margin-bottom) var(--bootstrap-slider-margin-left);
    --bootstrap-slider-padding-top: 0;
    --bootstrap-slider-padding-right: 0;
    --bootstrap-slider-padding-bottom: 0;
    --bootstrap-slider-padding-left: 0;
    --bootstrap-slider-padding: var(--bootstrap-slider-padding-top) var(--bootstrap-slider-padding-right) var(--bootstrap-slider-padding-bottom) var(--bootstrap-slider-padding-left);
    --bootstrap-slider-border-top-width: 0px;
    --bootstrap-slider-border-top-style: solid;
    --bootstrap-slider-border-top-color: #bdbdbd;
    --bootstrap-slider-border-top: var(--bootstrap-slider-border-top-width) var(--bootstrap-slider-border-top-style) var(--bootstrap-slider-border-top-color);
    --bootstrap-slider-border-bottom-width: 0px;
    --bootstrap-slider-border-bottom-style: solid;
    --bootstrap-slider-border-bottom-color: #bdbdbd;
    --bootstrap-slider-border-bottom: var(--bootstrap-slider-border-bottom-width) var(--bootstrap-slider-border-bottom-style) var(--bootstrap-slider-border-bottom-color);
    --bootstrap-slider-border-left-width: 0px;
    --bootstrap-slider-border-left-style: solid;
    --bootstrap-slider-border-left-color: #bdbdbd;
    --bootstrap-slider-border-left: var(--bootstrap-slider-border-left-width) var(--bootstrap-slider-border-left-style) var(--bootstrap-slider-border-left-color);
    --bootstrap-slider-border-right-width: 0px;
    --bootstrap-slider-border-right-style: solid;
    --bootstrap-slider-border-right-color: #bdbdbd;
    --bootstrap-slider-border-right: var(--bootstrap-slider-border-right-width) var(--bootstrap-slider-border-right-style) var(--bootstrap-slider-border-right-color);
}

.bootstraped:where(.v1) .range {
    width: var(--bootstrap-slider-width);
    padding: var(--bootstrap-slider-padding);
    margin: var(--bootstrap-slider-margin);
    border-top: var(--bootstrap-slider-border-top);
    border-right: var(--bootstrap-slider-border-right);
    border-bottom: var(--bootstrap-slider-border-bottom);
    border-left: var(--bootstrap-slider-border-left);
    transition: all .2s linear;
}

.bootstraped:where(.v1) .range.is-invalid {
    margin-bottom: 1rem;
}

.bootstraped:where(.v1) .range input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
}

.bootstraped:where(.v1) .range input[type="range"]:focus {
    outline: none;
}

.bootstraped:where(.v1) .range input[type="range"]::-webkit-slider-runnable-track {
    background-color: var(--bootstrap-slider-track-color);
}

.bootstraped:where(.v1) .range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bootstrap-slider-thumb-color);
}

.bootstraped:where(.v1) .range input[type="range"]::-moz-range-track {
    background-color: var(--bootstrap-slider-track-color);
}

.bootstraped:where(.v1) .range input[type="range"]::-moz-range-thumb {
    border: none;
    border-radius: 50%;
    background-color: var(--bootstrap-slider-thumb-color);
}

/* progress bar */
.bootstraped:where(.v1) .progress {
    --bootstrap-progressbar-width: 100%;
    --bootstrap-progressbar-height: 20px;
    --bootstrap-progressbar-color: white;
    --bootstrap-progressbar-progress-bar-color: #4b4b4b;
    --bootstrap-progressbar-margin-top: 0;
    --bootstrap-progressbar-margin-right: 0;
    --bootstrap-progressbar-margin-bottom: 0;
    --bootstrap-progressbar-margin-left: 0;
    --bootstrap-progressbar-margin: var(--bootstrap-progressbar-margin-top) var(--bootstrap-progressbar-margin-right) var(--bootstrap-progressbar-margin-bottom) var(--bootstrap-progressbar-margin-left);
    --bootstrap-progressbar-padding-top: 0;
    --bootstrap-progressbar-padding-right: 0;
    --bootstrap-progressbar-padding-bottom: 0;
    --bootstrap-progressbar-padding-left: 0;
    --bootstrap-progressbar-padding: var(--bootstrap-progressbar-padding-top) var(--bootstrap-progressbar-padding-right) var(--bootstrap-progressbar-padding-bottom) var(--bootstrap-progressbar-padding-left);
    --bootstrap-progressbar-border-top-width: 0;
    --bootstrap-progressbar-border-top-style: none;
    --bootstrap-progressbar-border-top-color: transparent;
    --bootstrap-progressbar-border-top: var(--bootstrap-progressbar-border-top-width) var(--bootstrap-progressbar-border-top-style) var(--bootstrap-progressbar-border-top-color);
    --bootstrap-progressbar-border-bottom-width: 0;
    --bootstrap-progressbar-border-bottom-style: none;
    --bootstrap-progressbar-border-bottom-color: transparent;
    --bootstrap-progressbar-border-bottom: var(--bootstrap-progressbar-border-bottom-width) var(--bootstrap-progressbar-border-bottom-style) var(--bootstrap-progressbar-border-bottom-color);
    --bootstrap-progressbar-border-left-width: 1px;
    --bootstrap-progressbar-border-left-style: none;
    --bootstrap-progressbar-border-left-color: transparent;
    --bootstrap-progressbar-border-left: var(--bootstrap-progressbar-border-left-width) var(--bootstrap-progressbar-border-left-style) var(--bootstrap-progressbar-border-left-color);
    --bootstrap-progressbar-border-right-width: 1px;
    --bootstrap-progressbar-border-right-style: none;
    --bootstrap-progressbar-border-right-color: transparent;
    --bootstrap-progressbar-border-right: var(--bootstrap-progressbar-border-right-width) var(--bootstrap-progressbar-border-right-style) var(--bootstrap-progressbar-border-right-color);
}

.bootstraped:where(.v1) .progress {
    width: var(--bootstrap-progressbar-width);
    height: var(--bootstrap-progressbar-height);
    padding: var(--bootstrap-progressbar-padding);
    margin: var(--bootstrap-progressbar-margin);
    border-top: var(--bootstrap-progressbar-border-top);
    border-right: var(--bootstrap-progressbar-border-right);
    border-bottom: var(--bootstrap-progressbar-border-bottom);
    border-left: var(--bootstrap-progressbar-border-left);
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
}

.bootstraped:where(.v1) .progress .progress-bar {
    color: var(--bootstrap-progressbar-color);
    background-color: var(--bootstrap-progressbar-progress-bar-color);
}

/* ratings */
.bootstraped:where(.v1) .rating {
    --bootstrap-ratings-active-color: var(--bootstrap-selected-background-color);
    --bootstrap-ratings-hover-color: var(--appollo-color-hover);
    --bootstrap-ratings-disabled-color: var(--bootstrap-disabled-background-color);
    --bootstrap-ratings-disabled-secondary-color: var(--bootstrap-disabled-secondary-color);
    --bootstrap-ratings-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-ratings-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-ratings-margin-top: 0;
    --bootstrap-ratings-margin-right: 0;
    --bootstrap-ratings-margin-bottom: 0;
    --bootstrap-ratings-margin-left: 0;
    --bootstrap-ratings-margin: var(--bootstrap-ratings-margin-top) var(--bootstrap-ratings-margin-right) var(--bootstrap-ratings-margin-bottom) var(--bootstrap-ratings-margin-left);
    --bootstrap-ratings-padding-top: 0;
    --bootstrap-ratings-padding-right: 0;
    --bootstrap-ratings-padding-bottom: 0;
    --bootstrap-ratings-padding-left: 0;
    --bootstrap-ratings-padding: var(--bootstrap-ratings-padding-top) var(--bootstrap-ratings-padding-right) var(--bootstrap-ratings-padding-bottom) var(--bootstrap-ratings-padding-left);
    --bootstrap-ratings-border-top-width: 0;
    --bootstrap-ratings-border-top-style: none;
    --bootstrap-ratings-border-top-color: transparent;
    --bootstrap-ratings-border-top: var(--bootstrap-ratings-border-top-width) var(--bootstrap-ratings-border-top-style) var(--bootstrap-ratings-border-top-color);
    --bootstrap-ratings-border-bottom-width: 0;
    --bootstrap-ratings-border-bottom-style: none;
    --bootstrap-ratings-border-bottom-color: transparent;
    --bootstrap-ratings-border-bottom: var(--bootstrap-ratings-border-bottom-width) var(--bootstrap-ratings-border-bottom-style) var(--bootstrap-ratings-border-bottom-color);
    --bootstrap-ratings-border-left-width: 1px;
    --bootstrap-ratings-border-left-style: none;
    --bootstrap-ratings-border-left-color: transparent;
    --bootstrap-ratings-border-left: var(--bootstrap-ratings-border-left-width) var(--bootstrap-ratings-border-left-style) var(--bootstrap-ratings-border-left-color);
    --bootstrap-ratings-border-right-width: 1px;
    --bootstrap-ratings-border-right-style: none;
    --bootstrap-ratings-border-right-color: transparent;
    --bootstrap-ratings-border-right: var(--bootstrap-ratings-border-right-width) var(--bootstrap-ratings-border-right-style) var(--bootstrap-ratings-border-right-color);
    --bootstrap-ratings-height: 36px;
}

.bootstraped:where(.v1) .rating {
    background-color: var(--bootstrap-ratings-background-color);
    padding: var(--bootstrap-ratings-padding);
    margin: var(--bootstrap-ratings-margin);
    border-top: var(--bootstrap-ratings-border-top);
    border-right: var(--bootstrap-ratings-border-right);
    border-bottom: var(--bootstrap-ratings-border-bottom);
    border-left: var(--bootstrap-ratings-border-left);
    height: var(--bootstrap-ratings-height);
    min-height: 30px;
    display: inline-block;
    transition: all .1s linear;
}

.bootstraped:where(.v1) div.rating[data-mandatory=true] {
    background-color: var(--bootstrap-ratings-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .rating.is-invalid {
    border: 1px solid #dc4c64;
    margin-bottom: 1rem;
}

.bootstraped:where(.v1) .rating.is-invalid ~ .invalid-feedback {
    margin-top: -.75rem;
}

.bootstraped:where(.v1) .rating input {
    position: absolute;
    left: -9999px;
}

.bootstraped:where(.v1) .rating label {
    color: #ccc;
    transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s;
    display: inline-grid;
    float: right;
    height: 100%;
    margin-bottom: 0px;
    padding: 0 2px;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
    align-items: center;
}

.bootstraped:where(.v1) .rating input:checked ~ label {
    color: var(--bootstrap-ratings-active-color);
}

.bootstraped:where(.v1) .rating input + label:hover,
.bootstraped:where(.v1) .rating input + label:hover ~ label {
    color: var(--bootstrap-ratings-hover-color);
}

.bootstraped:where(.v1) .rating input:disabled + label:hover,
.bootstraped:where(.v1) .rating input:disabled + label:hover ~ label,
.bootstraped:where(.v1) .rating input:disabled ~ label {
    color: var(--bootstrap-ratings-disabled-color);
}

.bootstraped:where(.v1) .rating input:disabled:active + label:hover,
.bootstraped:where(.v1) .rating input:disabled:active + label:hover ~ label,
.bootstraped:where(.v1) .rating input:disabled:active ~ label {
    color: var(--bootstrap-ratings-disabled-secondary-color);
}

/* combobox */
.bootstraped:where(.v1) .combobox {
    --bootstrap-combobox-width: 100%;
    --bootstrap-combobox-height: 36px;
    --bootstrap-combobox-text-align: left;
    --bootstrap-combobox-font-family: var(--bootstrap-font-family);
    --bootstrap-combobox-font-size: var(--bootstrap-font-size);
    --bootstrap-combobox-color: var(--bootstrap-color);
    --bootstrap-combobox-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-combobox-font-style: var(--bootstrap-font-style);
    --bootstrap-combobox-font-weight: normal;
    --bootstrap-combobox-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-combobox-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-combobox-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-combobox-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-combobox-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-combobox-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-combobox-placeholder-font-family: var(--bootstrap-combobox-font-family);
    --bootstrap-combobox-placeholder-font-size: var(--bootstrap-combobox-font-size);
    --bootstrap-combobox-placeholder-font-weight: var(--bootstrap-combobox-font-weight);
    --bootstrap-combobox-placeholder-font-style: var(--bootstrap-combobox-font-style);
    --bootstrap-combobox-placeholder-text-decoration: var(--bootstrap-combobox-text-decoration);
    --bootstrap-combobox-placeholder-color: var(--bootstrap-combobox-color);
    --bootstrap-combobox-background-color: var(--bootstrap-background-color);
    --bootstrap-combobox-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-combobox-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-combobox-margin-top: 0;
    --bootstrap-combobox-margin-right: 0;
    --bootstrap-combobox-margin-bottom: 0;
    --bootstrap-combobox-margin-left: 0;
    --bootstrap-combobox-margin: var(--bootstrap-combobox-margin-top) var(--bootstrap-combobox-margin-right) var(--bootstrap-combobox-margin-bottom) var(--bootstrap-combobox-margin-left);
    --bootstrap-combobox-padding-top: 8px;
    --bootstrap-combobox-padding-right: 35px;
    --bootstrap-combobox-padding-bottom: 8px;
    --bootstrap-combobox-padding-left: 12px;
    --bootstrap-combobox-padding: var(--bootstrap-combobox-padding-top) var(--bootstrap-combobox-padding-right) var(--bootstrap-combobox-padding-bottom) var(--bootstrap-combobox-padding-left);
    --bootstrap-combobox-border-top-width: 1px;
    --bootstrap-combobox-border-top-style: solid;
    --bootstrap-combobox-border-top-color: #bdbdbd;
    --bootstrap-combobox-border-top: var(--bootstrap-combobox-border-top-width) var(--bootstrap-combobox-border-top-style) var(--bootstrap-combobox-border-top-color);
    --bootstrap-combobox-border-bottom-width: 1px;
    --bootstrap-combobox-border-bottom-style: solid;
    --bootstrap-combobox-border-bottom-color: #bdbdbd;
    --bootstrap-combobox-border-bottom: var(--bootstrap-combobox-border-bottom-width) var(--bootstrap-combobox-border-bottom-style) var(--bootstrap-combobox-border-bottom-color);
    --bootstrap-combobox-border-left-width: 1px;
    --bootstrap-combobox-border-left-style: solid;
    --bootstrap-combobox-border-left-color: #bdbdbd;
    --bootstrap-combobox-border-left: var(--bootstrap-combobox-border-left-width) var(--bootstrap-combobox-border-left-style) var(--bootstrap-combobox-border-left-color);
    --bootstrap-combobox-border-right-width: 1px;
    --bootstrap-combobox-border-right-style: solid;
    --bootstrap-combobox-border-right-color: #bdbdbd;
    --bootstrap-combobox-border-right: var(--bootstrap-combobox-border-right-width) var(--bootstrap-combobox-border-right-style) var(--bootstrap-combobox-border-right-color);
    --bootstrap-combobox-border-top-left-radius: 0.25em;
    --bootstrap-combobox-border-top-right-radius: 0.25em;
    --bootstrap-combobox-border-bottom-right-radius: 0.25em;
    --bootstrap-combobox-border-bottom-left-radius: 0.25em;
    --bootstrap-combobox-border-radius: var(--bootstrap-combobox-border-top-left-radius) var(--bootstrap-combobox-border-top-right-radius) var(--bootstrap-combobox-border-bottom-right-radius) var(--bootstrap-combobox-border-bottom-left-radius);
}

.bootstraped:where(.v1) .combobox {
    width: var(--bootstrap-combobox-width);
    margin: var(--bootstrap-combobox-margin);
    background-color: var(--bootstrap-combobox-background-color);
    border-radius: var(--bootstrap-combobox-border-radius);
}

.bootstraped:where(.v1) .combobox .select-input {
    height: var(--bootstrap-combobox-height);
    text-align: var(--bootstrap-combobox-text-align);
    font-family: var(--bootstrap-combobox-font-family);
    font-size: var(--bootstrap-combobox-font-size);
    color: var(--bootstrap-combobox-color);
    padding: var(--bootstrap-combobox-padding);
    text-decoration: var(--bootstrap-combobox-text-decoration);
    font-style: var(--bootstrap-combobox-font-style);
    font-weight: var(--bootstrap-combobox-font-weight);
    width: 100%;
}

.bootstraped:where(.v1) .combobox .form-control.select-input:focus {
    color: var(--bootstrap-combobox-color);
}

.bootstraped:where(.v1) .combobox .select-input[data-mandatory=true],
.bootstraped:where(.v1) .combobox .form-control.select-input.placeholder-active[data-mandatory = "true"]:not([disabled]){
    background-color: var(--bootstrap-combobox-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .combobox .select-input:disabled,
.bootstraped:where(.v1) .combobox input.select-input[data-mandatory=true][readonly="true"][disabled]{
    background-color: var(--bootstrap-combobox-disabled-background-color) !important;
}

.bootstraped:where(.v1) .combobox .select-input::-moz-placeholder {
    opacity: 1
}

.bootstraped:where(.v1) .combobox .select-input::placeholder {
    font-family: var(--bootstrap-combobox-placeholder-font-family);
    font-size: var(--bootstrap-combobox-placeholder-font-size);
    font-weight: var(--bootstrap-combobox-placeholder-font-weight);
    font-style: var(--bootstrap-combobox-placeholder-font-style);
    text-decoration: var(--bootstrap-combobox-placeholder-text-decoration);
    color: var(--bootstrap-combobox-placeholder-color);
}

.bootstraped:where(.v1) .combobox .select-fake-value {
    display: none !important;
}

.bootstraped:where(.v1) .combobox .form-control ~ .select-label {
    font-family: var(--bootstrap-combobox-internal-label-font-family);
    font-size: var(--bootstrap-combobox-internal-label-font-size);
    font-weight: var(--bootstrap-combobox-internal-label-font-weight);
    font-style: var(--bootstrap-combobox-internal-label-font-style);
    text-decoration: var(--bootstrap-combobox-internal-label-text-decoration);
    color: var(--bootstrap-combobox-internal-label-color);
}

.bootstraped:where(.v1) .combobox .form-control ~ .form-notch div {
    border-top: var(--bootstrap-combobox-border-top);
    border-right: var(--bootstrap-combobox-border-right);
    border-bottom: var(--bootstrap-combobox-border-bottom);
    border-left: var(--bootstrap-combobox-border-left);
}

.bootstraped:where(.v1) .combobox .form-control.select-input ~ .select-arrow {
    color: var(--bootstrap-combobox-color);
    top: 50%;
    transform: translateY(-55%);
    line-height: 0;
}

/* dynamic combobox */
.bootstraped:where(.v1) .dynamic-combobox {
    --bootstrap-dynamic-combobox-width: 100%;
    --bootstrap-dynamic-combobox-height: 36px;
    --bootstrap-dynamic-combobox-text-align: left;
    --bootstrap-dynamic-combobox-font-family: var(--bootstrap-font-family);
    --bootstrap-dynamic-combobox-font-size: var(--bootstrap-font-size);
    --bootstrap-dynamic-combobox-color: var(--bootstrap-color);
    --bootstrap-dynamic-combobox-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-dynamic-combobox-font-style: var(--bootstrap-font-style);
    --bootstrap-dynamic-combobox-font-weight: normal;
    --bootstrap-dynamic-combobox-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-dynamic-combobox-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-dynamic-combobox-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-dynamic-combobox-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-dynamic-combobox-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-dynamic-combobox-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-dynamic-combobox-placeholder-font-family: var(--bootstrap-dynamic-combobox-font-family);
    --bootstrap-dynamic-combobox-placeholder-font-size: var(--bootstrap-dynamic-combobox-font-size);
    --bootstrap-dynamic-combobox-placeholder-font-weight: var(--bootstrap-dynamic-combobox-font-weight);
    --bootstrap-dynamic-combobox-placeholder-font-style: var(--bootstrap-dynamic-combobox-font-style);
    --bootstrap-dynamic-combobox-placeholder-text-decoration: var(--bootstrap-dynamic-combobox-text-decoration);
    --bootstrap-dynamic-combobox-placeholder-color: var(--bootstrap-dynamic-combobox-color);
    --bootstrap-dynamic-combobox-background-color: var(--bootstrap-background-color);
    --bootstrap-dynamic-combobox-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-dynamic-combobox-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-dynamic-combobox-margin-top: 0;
    --bootstrap-dynamic-combobox-margin-right: 0;
    --bootstrap-dynamic-combobox-margin-bottom: 0;
    --bootstrap-dynamic-combobox-margin-left: 0;
    --bootstrap-dynamic-combobox-margin: var(--bootstrap-dynamic-combobox-margin-top) var(--bootstrap-dynamic-combobox-margin-right) var(--bootstrap-dynamic-combobox-margin-bottom) var(--bootstrap-dynamic-combobox-margin-left);
    --bootstrap-dynamic-combobox-padding-top: 8px;
    --bootstrap-dynamic-combobox-padding-right: 35px;
    --bootstrap-dynamic-combobox-padding-bottom: 8px;
    --bootstrap-dynamic-combobox-padding-left: 12px;
    --bootstrap-dynamic-combobox-padding: var(--bootstrap-dynamic-combobox-padding-top) var(--bootstrap-dynamic-combobox-padding-right) var(--bootstrap-dynamic-combobox-padding-bottom) var(--bootstrap-dynamic-combobox-padding-left);
    --bootstrap-dynamic-combobox-border-top-width: 1px;
    --bootstrap-dynamic-combobox-border-top-style: solid;
    --bootstrap-dynamic-combobox-border-top-color: #bdbdbd;
    --bootstrap-dynamic-combobox-border-top: var(--bootstrap-dynamic-combobox-border-top-width) var(--bootstrap-dynamic-combobox-border-top-style) var(--bootstrap-dynamic-combobox-border-top-color);
    --bootstrap-dynamic-combobox-border-bottom-width: 1px;
    --bootstrap-dynamic-combobox-border-bottom-style: solid;
    --bootstrap-dynamic-combobox-border-bottom-color: #bdbdbd;
    --bootstrap-dynamic-combobox-border-bottom: var(--bootstrap-dynamic-combobox-border-bottom-width) var(--bootstrap-dynamic-combobox-border-bottom-style) var(--bootstrap-dynamic-combobox-border-bottom-color);
    --bootstrap-dynamic-combobox-border-left-width: 1px;
    --bootstrap-dynamic-combobox-border-left-style: solid;
    --bootstrap-dynamic-combobox-border-left-color: #bdbdbd;
    --bootstrap-dynamic-combobox-border-left: var(--bootstrap-dynamic-combobox-border-left-width) var(--bootstrap-dynamic-combobox-border-left-style) var(--bootstrap-dynamic-combobox-border-left-color);
    --bootstrap-dynamic-combobox-border-right-width: 1px;
    --bootstrap-dynamic-combobox-border-right-style: solid;
    --bootstrap-dynamic-combobox-border-right-color: #bdbdbd;
    --bootstrap-dynamic-combobox-border-right: var(--bootstrap-dynamic-combobox-border-right-width) var(--bootstrap-dynamic-combobox-border-right-style) var(--bootstrap-dynamic-combobox-border-right-color);
    --bootstrap-dynamic-combobox-border-top-left-radius: 0.25em;
    --bootstrap-dynamic-combobox-border-top-right-radius: 0.25em;
    --bootstrap-dynamic-combobox-border-bottom-right-radius: 0.25em;
    --bootstrap-dynamic-combobox-border-bottom-left-radius: 0.25em;
    --bootstrap-dynamic-combobox-border-radius: var(--bootstrap-dynamic-combobox-border-top-left-radius) var(--bootstrap-dynamic-combobox-border-top-right-radius) var(--bootstrap-dynamic-combobox-border-bottom-right-radius) var(--bootstrap-dynamic-combobox-border-bottom-left-radius);
}

.bootstraped:where(.v1) .dynamic-combobox {
    width: var(--bootstrap-dynamic-combobox-width);
    margin: var(--bootstrap-dynamic-combobox-margin);
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline {
    background-color: var(--bootstrap-dynamic-combobox-background-color);
    border-radius: var(--bootstrap-dynamic-combobox-border-radius);
    width: 100%;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-input {
    height: var(--bootstrap-dynamic-combobox-height);
    text-align: var(--bootstrap-dynamic-combobox-text-align);
    font-family: var(--bootstrap-dynamic-combobox-font-family);
    font-size: var(--bootstrap-dynamic-combobox-font-size);
    color: var(--bootstrap-dynamic-combobox-color);
    padding: var(--bootstrap-dynamic-combobox-padding);
    text-decoration: var(--bootstrap-dynamic-combobox-text-decoration);
    font-style: var(--bootstrap-dynamic-combobox-font-style);
    font-weight: var(--bootstrap-dynamic-combobox-font-weight);
    width: 100%;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .form-control.select-input:focus {
    color: var(--bootstrap-dynamic-combobox-color);
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-input[data-mandatory=true],
.bootstraped:where(.v1) .dynamic-combobox .form-control.select-input.placeholder-active[data-mandatory = "true"]:not([disabled]){
    background-color: var(--bootstrap-dynamic-combobox-mandatory-background-color)!important;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-input:disabled,
.bootstraped:where(.v1) .dynamic-combobox input.select-input[data-mandatory=true][readonly="true"][disabled]{
    background-color: var(--bootstrap-dynamic-combobox-disabled-background-color)!important;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-input::-moz-placeholder {
    opacity: 1
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-input::placeholder {
    font-family: var(--bootstrap-dynamic-combobox-placeholder-font-family);
    font-size: var(--bootstrap-dynamic-combobox-placeholder-font-size);
    font-weight: var(--bootstrap-dynamic-combobox-placeholder-font-weight);
    font-style: var(--bootstrap-dynamic-combobox-placeholder-font-style);
    text-decoration: var(--bootstrap-dynamic-combobox-placeholder-text-decoration);
    color: var(--bootstrap-dynamic-combobox-placeholder-color);
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .select-fake-value {
    display: none !important;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .form-control ~ .select-label {
    font-family: var(--bootstrap-dynamic-combobox-internal-label-font-family);
    font-size: var(--bootstrap-dynamic-combobox-internal-label-font-size);
    font-weight: var(--bootstrap-dynamic-combobox-internal-label-font-weight);
    font-style: var(--bootstrap-dynamic-combobox-internal-label-font-style);
    text-decoration: var(--bootstrap-dynamic-combobox-internal-label-text-decoration);
    color: var(--bootstrap-dynamic-combobox-internal-label-color);
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .form-control ~ .form-notch div {
    border-top: var(--bootstrap-dynamic-combobox-border-top);
    border-right: var(--bootstrap-dynamic-combobox-border-right);
    border-bottom: var(--bootstrap-dynamic-combobox-border-bottom);
    border-left: var(--bootstrap-dynamic-combobox-border-left);
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .active ~ .form-notch .form-notch-middle {
    border-top: none !important;
}

.bootstraped:where(.v1) .dynamic-combobox .form-outline .form-control.select-input ~ .select-arrow {
    color: var(--bootstrap-dynamic-combobox-color);
    top: 50%;
    transform: translateY(-55%);
    line-height: 0;
}

/* listbox */
.bootstraped:where(.v1) .listbox-wrapper {
    --bootstrap-listbox-width: 100%;
    --bootstrap-listbox-text-align: left;
    --bootstrap-listbox-font-family: var(--bootstrap-font-family);
    --bootstrap-listbox-font-size: var(--bootstrap-font-size);
    --bootstrap-listbox-color: var(--bootstrap-color);
    --bootstrap-listbox-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-listbox-font-style: var(--bootstrap-font-style);
    --bootstrap-listbox-font-weight: var(--bootstrap-font-weight);
    --bootstrap-listbox-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-listbox-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-listbox-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-listbox-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-listbox-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-listbox-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-listbox-background-color: var(--bootstrap-background-color);
    --bootstrap-listbox-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-listbox-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-listbox-selected-text-color: white;
    --bootstrap-listbox-selected-background-color: var(--bootstrap-selected-background-color);
    --bootstrap-listbox-margin-top: 0;
    --bootstrap-listbox-margin-right: 0;
    --bootstrap-listbox-margin-bottom: 0;
    --bootstrap-listbox-margin-left: 0;
    --bootstrap-listbox-margin: var(--bootstrap-listbox-margin-top) var(--bootstrap-listbox-margin-right) var(--bootstrap-listbox-margin-bottom) var(--bootstrap-listbox-margin-left);
    --bootstrap-listbox-padding-top: 0;
    --bootstrap-listbox-padding-right: 0;
    --bootstrap-listbox-padding-bottom: 0;
    --bootstrap-listbox-padding-left: 0;
    --bootstrap-listbox-padding: var(--bootstrap-listbox-padding-top) var(--bootstrap-listbox-padding-right) var(--bootstrap-listbox-padding-bottom) var(--bootstrap-listbox-padding-left);
    --bootstrap-listbox-border-top-width: 1px;
    --bootstrap-listbox-border-top-style: solid;
    --bootstrap-listbox-border-top-color: #bdbdbd;
    --bootstrap-listbox-border-top: var(--bootstrap-listbox-border-top-width) var(--bootstrap-listbox-border-top-style) var(--bootstrap-listbox-border-top-color);
    --bootstrap-listbox-border-bottom-width: 1px;
    --bootstrap-listbox-border-bottom-style: solid;
    --bootstrap-listbox-border-bottom-color: #bdbdbd;
    --bootstrap-listbox-border-bottom: var(--bootstrap-listbox-border-bottom-width) var(--bootstrap-listbox-border-bottom-style) var(--bootstrap-listbox-border-bottom-color);
    --bootstrap-listbox-border-left-width: 1px;
    --bootstrap-listbox-border-left-style: solid;
    --bootstrap-listbox-border-left-color: #bdbdbd;
    --bootstrap-listbox-border-left: var(--bootstrap-listbox-border-left-width) var(--bootstrap-listbox-border-left-style) var(--bootstrap-listbox-border-left-color);
    --bootstrap-listbox-border-right-width: 1px;
    --bootstrap-listbox-border-right-style: solid;
    --bootstrap-listbox-border-right-color: #bdbdbd;
    --bootstrap-listbox-border-right: var(--bootstrap-listbox-border-right-width) var(--bootstrap-listbox-border-right-style) var(--bootstrap-listbox-border-right-color);
    --bootstrap-listbox-border-top-left-radius: 0.25em;
    --bootstrap-listbox-border-top-right-radius: 0.25em;
    --bootstrap-listbox-border-bottom-right-radius: 0.25em;
    --bootstrap-listbox-border-bottom-left-radius: 0.25em;
    --bootstrap-listbox-border-radius: var(--bootstrap-listbox-border-top-left-radius) var(--bootstrap-listbox-border-top-right-radius) var(--bootstrap-listbox-border-bottom-right-radius) var(--bootstrap-listbox-border-bottom-left-radius);
}

.bootstraped:where(.v1) .listbox-wrapper {
    width: var(--bootstrap-listbox-width);
    margin: var(--bootstrap-listbox-margin);
    background-color: var(--bootstrap-listbox-background-color);
    border-radius: var(--bootstrap-listbox-border-radius);
    padding: 10px 5px 0 5px;
}

.bootstraped:where(.v1) div.listbox-wrapper[data-mandatory="true"],
.bootstraped:where(.v1) .listbox-wrapper select[data-mandatory="true"]{
    background-color: var(--bootstrap-listbox-mandatory-background-color) !important;
}

.bootstraped:where(.v1) div.listbox-wrapper[disabled],
.bootstraped:where(.v1) div.listbox-wrapper[disabled] select[data-mandatory][disabled]{
    background-color: var(--bootstrap-listbox-disabled-background-color) !important;
}

.bootstraped:where(.v1) .listbox-wrapper .select-input {
    width: 0;
    height: 0;
    min-width: 0;
    padding: 0;
    min-height: 0;
    border: 0;
}

.bootstraped:where(.v1) .listbox-wrapper select {
    text-align: var(--bootstrap-listbox-text-align);
    padding: var(--bootstrap-listbox-padding);
    width: 100%;
    border-radius: 0;
    margin-bottom: 5px;
}

.bootstraped:where(.v1) .listbox-wrapper select option {
    color: var(--bootstrap-listbox-color);
    font-family: var(--bootstrap-listbox-font-family);
    font-size: var(--bootstrap-listbox-font-size);
    text-decoration: var(--bootstrap-listbox-text-decoration);
    font-style: var(--bootstrap-listbox-font-style);
    font-weight: var(--bootstrap-listbox-font-weight);
    background-color: transparent;
}

.bootstraped:where(.v1) .listbox-wrapper select option[selected] {
    color: var(--bootstrap-listbox-selected-text-color) !important;
    background-color: var(--bootstrap-listbox-selected-background-color);
}

.bootstraped:where(.v1) .listbox-wrapper .form-control ~ .form-label {
    font-family: var(--bootstrap-listbox-internal-label-font-family);
    font-size: var(--bootstrap-listbox-internal-label-font-size);
    font-weight: var(--bootstrap-listbox-internal-label-font-weight);
    font-style: var(--bootstrap-listbox-internal-label-font-style);
    text-decoration: var(--bootstrap-listbox-internal-label-text-decoration);
    color: var(--bootstrap-listbox-internal-label-color);
}

.bootstraped:where(.v1) .listbox-wrapper .form-control ~ .form-notch div {
    border-top: var(--bootstrap-listbox-border-top);
    border-right: var(--bootstrap-listbox-border-right);
    border-bottom: var(--bootstrap-listbox-border-bottom);
    border-left: var(--bootstrap-listbox-border-left);
}

/* dynamic listbox */
.bootstraped:where(.v1) .dynamic-listbox-wrapper {
    --bootstrap-dynamic-listbox-width: 100%;
    --bootstrap-dynamic-listbox-text-align: left;
    --bootstrap-dynamic-listbox-font-family: var(--bootstrap-font-family);
    --bootstrap-dynamic-listbox-font-size: var(--bootstrap-font-size);
    --bootstrap-dynamic-listbox-color: var(--bootstrap-color);
    --bootstrap-dynamic-listbox-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-dynamic-listbox-font-style: var(--bootstrap-font-style);
    --bootstrap-dynamic-listbox-font-weight: var(--bootstrap-font-weight);
    --bootstrap-dynamic-listbox-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-dynamic-listbox-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-dynamic-listbox-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-dynamic-listbox-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-dynamic-listbox-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-dynamic-listbox-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-dynamic-listbox-background-color: var(--bootstrap-background-color);
    --bootstrap-dynamic-listbox-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-dynamic-listbox-selected-text-color: white;
    --bootstrap-dynamic-listbox-selected-background-color: var(--bootstrap-selected-background-color);
    --bootstrap-dynamic-listbox-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-dynamic-listbox-margin-top: 0;
    --bootstrap-dynamic-listbox-margin-right: 0;
    --bootstrap-dynamic-listbox-margin-bottom: 0;
    --bootstrap-dynamic-listbox-margin-left: 0;
    --bootstrap-dynamic-listbox-margin: var(--bootstrap-dynamic-listbox-margin-top) var(--bootstrap-dynamic-listbox-margin-right) var(--bootstrap-dynamic-listbox-margin-bottom) var(--bootstrap-dynamic-listbox-margin-left);
    --bootstrap-dynamic-listbox-padding-top: 0;
    --bootstrap-dynamic-listbox-padding-right: 0;
    --bootstrap-dynamic-listbox-padding-bottom: 0;
    --bootstrap-dynamic-listbox-padding-left: 0;
    --bootstrap-dynamic-listbox-padding: var(--bootstrap-dynamic-listbox-padding-top) var(--bootstrap-dynamic-listbox-padding-right) var(--bootstrap-dynamic-listbox-padding-bottom) var(--bootstrap-dynamic-listbox-padding-left);
    --bootstrap-dynamic-listbox-border-top-width: 1px;
    --bootstrap-dynamic-listbox-border-top-style: solid;
    --bootstrap-dynamic-listbox-border-top-color: #bdbdbd;
    --bootstrap-dynamic-listbox-border-top: var(--bootstrap-dynamic-listbox-border-top-width) var(--bootstrap-dynamic-listbox-border-top-style) var(--bootstrap-dynamic-listbox-border-top-color);
    --bootstrap-dynamic-listbox-border-bottom-width: 1px;
    --bootstrap-dynamic-listbox-border-bottom-style: solid;
    --bootstrap-dynamic-listbox-border-bottom-color: #bdbdbd;
    --bootstrap-dynamic-listbox-border-bottom: var(--bootstrap-dynamic-listbox-border-bottom-width) var(--bootstrap-dynamic-listbox-border-bottom-style) var(--bootstrap-dynamic-listbox-border-bottom-color);
    --bootstrap-dynamic-listbox-border-left-width: 1px;
    --bootstrap-dynamic-listbox-border-left-style: solid;
    --bootstrap-dynamic-listbox-border-left-color: #bdbdbd;
    --bootstrap-dynamic-listbox-border-left: var(--bootstrap-dynamic-listbox-border-left-width) var(--bootstrap-dynamic-listbox-border-left-style) var(--bootstrap-dynamic-listbox-border-left-color);
    --bootstrap-dynamic-listbox-border-right-width: 1px;
    --bootstrap-dynamic-listbox-border-right-style: solid;
    --bootstrap-dynamic-listbox-border-right-color: #bdbdbd;
    --bootstrap-dynamic-listbox-border-right: var(--bootstrap-dynamic-listbox-border-right-width) var(--bootstrap-dynamic-listbox-border-right-style) var(--bootstrap-dynamic-listbox-border-right-color);
    --bootstrap-dynamic-listbox-border-top-left-radius: 0.25em;
    --bootstrap-dynamic-listbox-border-top-right-radius: 0.25em;
    --bootstrap-dynamic-listbox-border-bottom-right-radius: 0.25em;
    --bootstrap-dynamic-listbox-border-bottom-left-radius: 0.25em;
    --bootstrap-dynamic-listbox-border-radius: var(--bootstrap-dynamic-listbox-border-top-left-radius) var(--bootstrap-dynamic-listbox-border-top-right-radius) var(--bootstrap-dynamic-listbox-border-bottom-right-radius) var(--bootstrap-dynamic-listbox-border-bottom-left-radius);
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper {
    width: var(--bootstrap-dynamic-listbox-width);
    margin: var(--bootstrap-dynamic-listbox-margin);
    background-color: var(--bootstrap-dynamic-listbox-background-color);
    border-radius: var(--bootstrap-dynamic-listbox-border-radius);
    padding: 10px 5px 0 5px;
}

.bootstraped:where(.v1) div.dynamic-listbox-wrapper[data-mandatory="true"],
.bootstraped:where(.v1) .dynamic-listbox-wrapper select[data-mandatory="true"]{
    background-color: var(--bootstrap-dynamic-listbox-mandatory-background-color) !important;
}

.bootstraped:where(.v1) div.dynamic-listbox-wrapper[disabled],
.bootstraped:where(.v1) div.dynamic-listbox-wrapper[disabled] select[data-mandatory][disabled]{
    background-color: var(--bootstrap-dynamic-listbox-disabled-background-color) !important;
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper .select-input {
    width: 0;
    height: 0;
    min-width: 0;
    padding: 0;
    min-height: 0;
    border: 0;
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper select {
    text-align: var(--bootstrap-dynamic-listbox-text-align);
    padding: var(--bootstrap-dynamic-listbox-padding);
    width: 100%;
    border-radius: 0;
    margin-bottom: 5px;
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper select option {
    color: var(--bootstrap-dynamic-listbox-color);
    font-family: var(--bootstrap-dynamic-listbox-font-family);
    font-size: var(--bootstrap-dynamic-listbox-font-size);
    text-decoration: var(--bootstrap-dynamic-listbox-text-decoration);
    font-style: var(--bootstrap-dynamic-listbox-font-style);
    font-weight: var(--bootstrap-dynamic-listbox-font-weight);
    background-color: transparent;
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper select option[selected] {
    color: var(--bootstrap-dynamic-listbox-selected-text-color) !important;
    background-color: var(--bootstrap-dynamic-listbox-selected-background-color);
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper .form-control ~ .form-label {
    font-family: var(--bootstrap-dynamic-listbox-internal-label-font-family);
    font-size: var(--bootstrap-dynamic-listbox-internal-label-font-size);
    font-weight: var(--bootstrap-dynamic-listbox-internal-label-font-weight);
    font-style: var(--bootstrap-dynamic-listbox-internal-label-font-style);
    text-decoration: var(--bootstrap-dynamic-listbox-internal-label-text-decoration);
    color: var(--bootstrap-dynamic-listbox-internal-label-color);
}

.bootstraped:where(.v1) .dynamic-listbox-wrapper .form-control ~ .form-notch div {
    border-top: var(--bootstrap-dynamic-listbox-border-top);
    border-right: var(--bootstrap-dynamic-listbox-border-right);
    border-bottom: var(--bootstrap-dynamic-listbox-border-bottom);
    border-left: var(--bootstrap-dynamic-listbox-border-left);
}

/* checkbox */
.bootstraped:where(.v1) .checkbox.wrapper ,
.bootstraped:where(.v1) .checkbox-wrapper {
    --bootstrap-checkbox-color: var(--bootstrap-border-label-color);
    --bootstrap-checkbox-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-checkbox-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-checkbox-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-checkbox-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-checkbox-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-checkbox-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-checkbox-primary-element-color: #bfbfbf;
    --bootstrap-checkbox-secondary-element-color: #ffffff;

    --bootstrap-checkbox-font-family-click: var(--bootstrap-checkbox-font-family);
    --bootstrap-checkbox-font-size-click: var(--bootstrap-checkbox-font-size);
    --bootstrap-checkbox-font-weight-click: var(--bootstrap-checkbox-font-weight);
    --bootstrap-checkbox-font-style-click: var(--bootstrap-checkbox-font-style);
    --bootstrap-checkbox-text-decoration-click: var(--bootstrap-checkbox-text-decoration);
    --bootstrap-checkbox-color-click: var(--bootstrap-checkbox-color);
    --bootstrap-checkbox-background-color-click: var(--bootstrap-checkbox-background-color);
    --bootstrap-checkbox-primary-element-color-click: #ffffff;
    --bootstrap-checkbox-secondary-element-color-click: var(--appollo-color);

    --bootstrap-checkbox-font-family-disabled: var(--bootstrap-checkbox-font-family);
    --bootstrap-checkbox-font-size-disabled: var(--bootstrap-checkbox-font-size);
    --bootstrap-checkbox-font-weight-disabled: var(--bootstrap-checkbox-font-weight);
    --bootstrap-checkbox-font-style-disabled: var(--bootstrap-checkbox-font-style);
    --bootstrap-checkbox-text-decoration-disabled: var(--bootstrap-checkbox-text-decoration);
    --bootstrap-checkbox-color-disabled: #aaa;
    --bootstrap-checkbox-background-color-disabled: var(--bootstrap-checkbox-background-color);
    --bootstrap-checkbox-primary-element-color-disabled: #aaa;
    --bootstrap-checkbox-secondary-element-color-disabled: #f5f5f5;

    --bootstrap-checkbox-margin-top: 0;
    --bootstrap-checkbox-margin-right: 0;
    --bootstrap-checkbox-margin-bottom: 0;
    --bootstrap-checkbox-margin-left: 0;
    --bootstrap-checkbox-margin: var(--bootstrap-checkbox-margin-top) var(--bootstrap-checkbox-margin-right) var(--bootstrap-checkbox-margin-bottom) var(--bootstrap-checkbox-margin-left);
    --bootstrap-checkbox-padding-top: 0;
    --bootstrap-checkbox-padding-right: 0;
    --bootstrap-checkbox-padding-bottom: 0;
    --bootstrap-checkbox-padding-left: 0;
    --bootstrap-checkbox-padding: var(--bootstrap-checkbox-padding-top) var(--bootstrap-checkbox-padding-right) var(--bootstrap-checkbox-padding-bottom) var(--bootstrap-checkbox-padding-left);
    --bootstrap-checkbox-border-top-width: 0;
    --bootstrap-checkbox-border-top-style: none;
    --bootstrap-checkbox-border-top-color: white;
    --bootstrap-checkbox-border-top: var(--bootstrap-checkbox-border-top-width) var(--bootstrap-checkbox-border-top-style) var(--bootstrap-checkbox-border-top-color);
    --bootstrap-checkbox-border-bottom-width: 0;
    --bootstrap-checkbox-border-bottom-style: none;
    --bootstrap-checkbox-border-bottom-color: white;
    --bootstrap-checkbox-border-bottom: var(--bootstrap-checkbox-border-bottom-width) var(--bootstrap-checkbox-border-bottom-style) var(--bootstrap-checkbox-border-bottom-color);
    --bootstrap-checkbox-border-left-width: 0;
    --bootstrap-checkbox-border-left-style: none;
    --bootstrap-checkbox-border-left-color: white;
    --bootstrap-checkbox-border-left: var(--bootstrap-checkbox-border-left-width) var(--bootstrap-checkbox-border-left-style) var(--bootstrap-checkbox-border-left-color);
    --bootstrap-checkbox-border-right-width: 0;
    --bootstrap-checkbox-border-right-style: none;
    --bootstrap-checkbox-border-right-color: white;
    --bootstrap-checkbox-border-right: var(--bootstrap-checkbox-border-right-width) var(--bootstrap-checkbox-border-right-style) var(--bootstrap-checkbox-border-right-color);
}

.bootstraped:where(.v1) .checkbox-wrapper,
.bootstraped:where(.v1) .checkbox.wrapper {
    background-color: var(--bootstrap-checkbox-background-color);
    margin: var(--bootstrap-checkbox-margin);
    padding: var(--bootstrap-checkbox-padding);
    border-top: var(--bootstrap-checkbox-border-top);
    border-right: var(--bootstrap-checkbox-border-right);
    border-bottom: var(--bootstrap-checkbox-border-bottom);
    border-left: var(--bootstrap-checkbox-border-left);
    display: inline-block;
    max-width: 100%;
}

.bootstraped:where(.v1) .checkbox.wrapper:has(.form-check-input[type=checkbox]:checked),
.bootstraped:where(.v1) .checkbox-wrapper:has(.form-check-input[type=checkbox]:checked) {
    background-color: var(--bootstrap-checkbox-background-color-click);
}

.bootstraped:where(.v1) .checkbox.wrapper:has(.form-check-input[type=checkbox]:disabled),
.bootstraped:where(.v1) .checkbox-wrapper:has(.form-check-input[type=checkbox]:disabled) {
    background-color: var(--bootstrap-checkbox-background-color-disabled);
}

.bootstraped:where(.v1) .checkbox.wrapper label ,
.bootstraped:where(.v1) .checkbox-wrapper label {
    color: var(--bootstrap-checkbox-color);
    font-size: var(--bootstrap-checkbox-font-size);
    font-family: var(--bootstrap-checkbox-font-family);
    text-decoration: var(--bootstrap-checkbox-text-decoration);
    font-style: var(--bootstrap-checkbox-font-style);
    font-weight: var(--bootstrap-checkbox-font-weight);
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

/*.bootstraped:where(.v1) .checkbox.wrapper label i,*/
/*.bootstraped:where(.v1) .checkbox-wrapper label i{*/
/*    color: var(--bootstrap-checkbox-color) !important;*/
/*}*/

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:checked ~ label ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:checked ~ label {
    color: var(--bootstrap-checkbox-color-click);
    font-size: var(--bootstrap-checkbox-font-size-click);
    font-family: var(--bootstrap-checkbox-font-family-click);
    text-decoration: var(--bootstrap-checkbox-text-decoration-click);
    font-style: var(--bootstrap-checkbox-font-style-click);
    font-weight: var(--bootstrap-checkbox-font-weight-click);
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:checked ~ label i,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:checked ~ label i{
    color: var(--bootstrap-checkbox-color-click) !important;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:disabled ~ label ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:disabled ~ label {
    color: var(--bootstrap-checkbox-color-disabled);
    font-size: var(--bootstrap-checkbox-font-size-disabled);
    font-family: var(--bootstrap-checkbox-font-family-disabled);
    text-decoration: var(--bootstrap-checkbox-text-decoration-disabled);
    font-style: var(--bootstrap-checkbox-font-style-disabled);
    font-weight: var(--bootstrap-checkbox-font-weight-disabled);
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:disabled ~ label i,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:disabled ~ label i{
    color: var(--bootstrap-checkbox-color-disabled) !important;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check.text-before label ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check.text-before label {
    padding-left: 0;
    padding-right: .15rem;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check {
    display: inline-flex;
    align-items: center;
    padding: 0 2px 0 2px;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 5px;
}

.bootstraped:where(.v1) div[align="right"] > .checkbox.wrapper .form-check,
.bootstraped:where(.v1) div[align="right"] > .checkbox-wrapper .form-check {
    margin-right: 0;
    margin-left: 10px;
}

.bootstraped:where(.v1) div[align="center"] > .checkbox.wrapper .form-check,
.bootstraped:where(.v1) div[align="center"] > .checkbox-wrapper .form-check {
    margin-right: 5px;
    margin-left: 5px;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check.text-before.checkbox .form-check-input ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check.text-before.checkbox .form-check-input {
    order: 1;
    margin-right: 0;
    margin-left: 6px;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox] ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox] {
    background-color: var(--bootstrap-checkbox-secondary-element-color);
    border-color: var(--bootstrap-checkbox-primary-element-color);
    margin-top: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:focus:after,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:focus:after {
    background-color: var(--bootstrap-checkbox-secondary-element-color);
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:checked ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:checked {
    background-color: var(--bootstrap-checkbox-secondary-element-color-click);
    border-color: var(--bootstrap-checkbox-secondary-element-color-click);
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:checked:after ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:checked:after {
    border-color: var(--bootstrap-checkbox-primary-element-color-click);
    background-color: transparent;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:disabled ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:disabled {
    background-color: var(--bootstrap-checkbox-secondary-element-color-disabled);
    border-color: var(--bootstrap-checkbox-primary-element-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:disabled:after ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:disabled:after {
    border-color: var(--bootstrap-checkbox-primary-element-color-disabled);
}

.bootstraped:where(.v1) .checkbox.wrapper .form-check-input[type=checkbox]:disabled ~ label ,
.bootstraped:where(.v1) .checkbox-wrapper .form-check-input[type=checkbox]:disabled ~ label {
    color: var(--bootstrap-checkbox-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .label-text-wrap.checkbox.wrapper {
    max-width: 100%;
}

.bootstraped:where(.v1) .label-text-wrap.checkbox-wrapper .form-check-label{
    max-width: calc(100% - 24px);
}

.bootstraped:where(.v1) .label-text-wrap.checkbox-wrapper .form-check-label span{
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* dynamic checkbox group */
.bootstraped:where(.v1) .dynamic-checkbox-group {
    --bootstrap-dynamic-checkbox-group-color: var(--bootstrap-border-label-color);
    --bootstrap-dynamic-checkbox-group-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-dynamic-checkbox-group-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-dynamic-checkbox-group-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-dynamic-checkbox-group-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-dynamic-checkbox-group-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-dynamic-checkbox-group-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-dynamic-checkbox-group-primary-element-color: #bfbfbf;
    --bootstrap-dynamic-checkbox-group-secondary-element-color: #ffffff;

    --bootstrap-dynamic-checkbox-group-font-family-click: var(--bootstrap-dynamic-checkbox-group-font-family);
    --bootstrap-dynamic-checkbox-group-font-size-click: var(--bootstrap-dynamic-checkbox-group-font-size);
    --bootstrap-dynamic-checkbox-group-font-weight-click: var(--bootstrap-dynamic-checkbox-group-font-weight);
    --bootstrap-dynamic-checkbox-group-font-style-click: var(--bootstrap-dynamic-checkbox-group-font-style);
    --bootstrap-dynamic-checkbox-group-text-decoration-click: var(--bootstrap-dynamic-checkbox-group-text-decoration);
    --bootstrap-dynamic-checkbox-group-color-click: var(--bootstrap-dynamic-checkbox-group-color);
    --bootstrap-dynamic-checkbox-group-background-color-click: var(--bootstrap-dynamic-checkbox-group-background-color);
    --bootstrap-dynamic-checkbox-group-primary-element-color-click: #ffffff;
    --bootstrap-dynamic-checkbox-group-secondary-element-color-click: var(--appollo-color);

    --bootstrap-dynamic-checkbox-group-font-family-disabled: var(--bootstrap-dynamic-checkbox-group-font-family);
    --bootstrap-dynamic-checkbox-group-font-size-disabled: var(--bootstrap-dynamic-checkbox-group-font-size);
    --bootstrap-dynamic-checkbox-group-font-weight-disabled: var(--bootstrap-dynamic-checkbox-group-font-weight);
    --bootstrap-dynamic-checkbox-group-font-style-disabled: var(--bootstrap-dynamic-checkbox-group-font-style);
    --bootstrap-dynamic-checkbox-group-text-decoration-disabled: var(--bootstrap-dynamic-checkbox-group-text-decoration);
    --bootstrap-dynamic-checkbox-group-color-disabled: #aaaaaa;
    --bootstrap-dynamic-checkbox-group-background-color-disabled: var(--bootstrap-dynamic-checkbox-group-background-color);
    --bootstrap-dynamic-checkbox-group-primary-element-color-disabled: #aaaaaa;
    --bootstrap-dynamic-checkbox-group-secondary-element-color-disabled: #f5f5f5;

    --bootstrap-dynamic-checkbox-group-margin-top: 0;
    --bootstrap-dynamic-checkbox-group-margin-right: 0;
    --bootstrap-dynamic-checkbox-group-margin-bottom: 0;
    --bootstrap-dynamic-checkbox-group-margin-left: 0;
    --bootstrap-dynamic-checkbox-group-margin: var(--bootstrap-dynamic-checkbox-group-margin-top) var(--bootstrap-dynamic-checkbox-group-margin-right) var(--bootstrap-dynamic-checkbox-group-margin-bottom) var(--bootstrap-dynamic-checkbox-group-margin-left);
    --bootstrap-dynamic-checkbox-group-padding-top: 0;
    --bootstrap-dynamic-checkbox-group-padding-right: 0;
    --bootstrap-dynamic-checkbox-group-padding-bottom: 0;
    --bootstrap-dynamic-checkbox-group-padding-left: 0;
    --bootstrap-dynamic-checkbox-group-padding: var(--bootstrap-dynamic-checkbox-group-padding-top) var(--bootstrap-dynamic-checkbox-group-padding-right) var(--bootstrap-dynamic-checkbox-group-padding-bottom) var(--bootstrap-dynamic-checkbox-group-padding-left);
    --bootstrap-dynamic-checkbox-group-border-top-width: 0;
    --bootstrap-dynamic-checkbox-group-border-top-style: solid;
    --bootstrap-dynamic-checkbox-group-border-top-color: transparent;
    --bootstrap-dynamic-checkbox-group-border-top: var(--bootstrap-dynamic-checkbox-group-border-top-width) var(--bootstrap-dynamic-checkbox-group-border-top-style) var(--bootstrap-dynamic-checkbox-group-border-top-color);
    --bootstrap-dynamic-checkbox-group-border-bottom-width: 0;
    --bootstrap-dynamic-checkbox-group-border-bottom-style: solid;
    --bootstrap-dynamic-checkbox-group-border-bottom-color: transparent;
    --bootstrap-dynamic-checkbox-group-border-bottom: var(--bootstrap-dynamic-checkbox-group-border-bottom-width) var(--bootstrap-dynamic-checkbox-group-border-bottom-style) var(--bootstrap-dynamic-checkbox-group-border-bottom-color);
    --bootstrap-dynamic-checkbox-group-border-left-width: 0;
    --bootstrap-dynamic-checkbox-group-border-left-style: solid;
    --bootstrap-dynamic-checkbox-group-border-left-color: transparent;
    --bootstrap-dynamic-checkbox-group-border-left: var(--bootstrap-dynamic-checkbox-group-border-left-width) var(--bootstrap-dynamic-checkbox-group-border-left-style) var(--bootstrap-dynamic-checkbox-group-border-left-color);
    --bootstrap-dynamic-checkbox-group-border-right-width: 0;
    --bootstrap-dynamic-checkbox-group-border-right-style: solid;
    --bootstrap-dynamic-checkbox-group-border-right-color: transparent;
    --bootstrap-dynamic-checkbox-group-border-right: var(--bootstrap-dynamic-checkbox-group-border-right-width) var(--bootstrap-dynamic-checkbox-group-border-right-style) var(--bootstrap-dynamic-checkbox-group-border-right-color);
}

.bootstraped:where(.v1) .dynamic-checkbox-group.form-check-inline {
    flex-direction: row;
    justify-content: flex-start;
}

.bootstraped:where(.v1) div[align="right"] > .dynamic-checkbox-group.form-check-inline {
    justify-content: flex-end;
}

.bootstraped:where(.v1) div[align="center"] > .dynamic-checkbox-group.form-check-inline {
    justify-content: center;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check {
    display: flex;
    align-items: center;
    padding: 3px 5px;
    margin: 0;
}

.bootstraped:where(.v1) div[align="right"] > .dynamic-checkbox-group .form-check {
    margin-right: 0;
    margin-left: 10px;
}

.bootstraped:where(.v1) div[align="center"] > .dynamic-checkbox-group .form-check {
    margin-right: 5px;
    margin-left: 5px;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-input[type=checkbox] {
    margin-top: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-input[type=checkbox]:checked {
    border-color: var(--bootstrap-dynamic-checkbox-group-background-color-click);
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color-click);
}

.bootstraped:where(.v1) .dynamic-checkbox-group.text-before .form-check {
    justify-content: right;
}

.bootstraped:where(.v1) .dynamic-checkbox-group.text-before .form-check-input[type=checkbox] {
    margin-right: 0;
    margin-left: 6px;
    order: 1;
}

.bootstraped:where(.v1) .dynamic-checkbox-group.text-before .form-check-label {
    padding-left: 0;
    padding-right: .15rem;
}

.bootstraped:where(.v1) .dynamic-checkbox-group {
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color);
    margin: var(--bootstrap-dynamic-checkbox-group-margin);
    padding: var(--bootstrap-dynamic-checkbox-group-padding);
    border-top: var(--bootstrap-dynamic-checkbox-group-border-top);
    border-right: var(--bootstrap-dynamic-checkbox-group-border-right);
    border-bottom: var(--bootstrap-dynamic-checkbox-group-border-bottom);
    border-left: var(--bootstrap-dynamic-checkbox-group-border-left);
    display: inline-flex;
    flex-flow: column wrap;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-label {
    color: var(--bootstrap-dynamic-checkbox-group-color);
    font-size: var(--bootstrap-dynamic-checkbox-group-font-size);
    font-family: var(--bootstrap-dynamic-checkbox-group-font-family);
    text-decoration: var(--bootstrap-dynamic-checkbox-group-text-decoration);
    font-style: var(--bootstrap-dynamic-checkbox-group-font-style);
    font-weight: var(--bootstrap-dynamic-checkbox-group-font-weight);
    white-space: nowrap;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox:has(.form-check-input[type=checkbox]:checked){
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color-click);
}

.bootstraped:where(.v1) .dynamic-checkbox-group.form-check-inline .form-check.checkbox{
    vertical-align: middle;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-input[type=checkbox]:disabled {
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color-disabled);
    border-color: var(--bootstrap-dynamic-checkbox-group-background-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-input[type=checkbox]:disabled:after {
    border-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-disabled);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check-input[type=checkbox]:disabled ~ label {
    color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]{
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color);
    border-color: var(--bootstrap-dynamic-checkbox-group-primary-element-color);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:after{
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:checked{
    border-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-click);
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-click);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:checked:after{
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-click);
    border-color: var(--bootstrap-dynamic-checkbox-group-primary-element-color-click);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:disabled{
    border-color: var(--bootstrap-dynamic-checkbox-group-primary-element-color-disabled);
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-disabled);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:disabled:after{
    background-color: var(--bootstrap-dynamic-checkbox-group-secondary-element-color-disabled);
    border-color: var(--bootstrap-dynamic-checkbox-group-primary-element-color-disabled);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:checked ~ label {
    color: var(--bootstrap-dynamic-checkbox-group-color-click);
    font-size: var(--bootstrap-dynamic-checkbox-group-font-size-click);
    font-family: var(--bootstrap-dynamic-checkbox-group-font-family-click);
    text-decoration: var(--bootstrap-dynamic-checkbox-group-text-decoration-click);
    font-style: var(--bootstrap-dynamic-checkbox-group-font-style-click);
    font-weight: var(--bootstrap-dynamic-checkbox-group-font-weight-click);
}

.bootstraped:where(.v1) .dynamic-checkbox-group .form-check.checkbox .form-check-input[type=checkbox]:disabled ~ label{
    color: var(--bootstrap-dynamic-checkbox-group-color-disabled);
    font-size: var(--bootstrap-dynamic-checkbox-group-font-size-disabled);
    font-family: var(--bootstrap-dynamic-checkbox-group-font-family-disabled);
    text-decoration: var(--bootstrap-dynamic-checkbox-group-text-decoration-disabled);
    font-style: var(--bootstrap-dynamic-checkbox-group-font-style-disabled);
    font-weight: var(--bootstrap-dynamic-checkbox-group-font-weight-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .dynamic-checkbox-group[disabled],
.bootstraped:where(.v1) .dynamic-checkbox-group[disabled]:has(.form-check-input[type=radio]:checked) {
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color-disabled);
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper {
    margin: var(--bootstrap-dynamic-checkbox-group-margin);
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper .form-outline {
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color);
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper .form-outline .select-input {
    font-family: var(--bootstrap-dynamic-checkbox-group-font-family);
    font-size: var(--bootstrap-dynamic-checkbox-group-font-size);
    color: var(--bootstrap-dynamic-checkbox-group-color);
    text-decoration: var(--bootstrap-dynamic-checkbox-group-text-decoration);
    font-style: var(--bootstrap-dynamic-checkbox-group-font-style);
    font-weight: var(--bootstrap-dynamic-checkbox-group-font-weight);
    width: 100%;
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper .form-outline .select-input:disabled {
    background-color: var(--bootstrap-dynamic-checkbox-group-background-color-disabled);
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper .form-outline .active ~ .form-notch .form-notch-middle {
    border-top: none !important;
}

.bootstraped:where(.v1) .dynamic-checkbox-group-select.wrapper .form-outline .form-control.select-input ~ .select-arrow {
    color: var(--bootstrap-dynamic-checkbox-group-color);
    top: 50%;
    transform: translateY(-55%);
    line-height: 0;
}

/* switch */
.bootstraped:where(.v1) .switch {
    --bootstrap-switch-color: var(--bootstrap-border-label-color);
    --bootstrap-switch-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-switch-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-switch-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-switch-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-switch-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-switch-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-switch-primary-element-color: #ffffff;
    --bootstrap-switch-secondary-element-color: #bfbfbf;

    --bootstrap-switch-font-family-click:  var(--bootstrap-switch-font-family);
    --bootstrap-switch-font-size-click: var(--bootstrap-switch-font-size);
    --bootstrap-switch-font-weight-click: var(--bootstrap-switch-font-weight);
    --bootstrap-switch-font-style-click: var(--bootstrap-border-label-font-style);
    --bootstrap-switch-text-decoration-click: var(--bootstrap-switch-text-decoration);
    --bootstrap-switch-color-click: var(--bootstrap-switch-color);
    --bootstrap-switch-background-color-click: var(--bootstrap-switch-background-color);
    --bootstrap-switch-primary-element-color-click: #01cbd2;
    --bootstrap-switch-secondary-element-color-click: #00bec5;

    --bootstrap-switch-font-family-disabled:  var(--bootstrap-switch-font-family);
    --bootstrap-switch-font-size-disabled: var(--bootstrap-switch-font-size);
    --bootstrap-switch-font-weight-disabled: var(--bootstrap-switch-font-weight);
    --bootstrap-switch-font-style-disabled: var(--bootstrap-switch-font-style);
    --bootstrap-switch-text-decoration-disabled: var(--bootstrap-switch-text-decoration);
    --bootstrap-switch-background-color-disabled: var(--bootstrap-switch-background-color);
    --bootstrap-switch-color-disabled: #aaa;
    --bootstrap-switch-primary-element-color-disabled: #fafafa;
    --bootstrap-switch-secondary-element-color-disabled: #f5f5f5;

    --bootstrap-switch-margin-top: 0;
    --bootstrap-switch-margin-right: 0;
    --bootstrap-switch-margin-bottom: 0;
    --bootstrap-switch-margin-left: 0;
    --bootstrap-switch-margin: var(--bootstrap-switch-margin-top) var(--bootstrap-switch-margin-right) var(--bootstrap-switch-margin-bottom) var(--bootstrap-switch-margin-left);
    --bootstrap-switch-padding-top: 0;
    --bootstrap-switch-padding-right: 0;
    --bootstrap-switch-padding-bottom: 0;
    --bootstrap-switch-padding-left: 0;
    --bootstrap-switch-padding: var(--bootstrap-switch-padding-top) var(--bootstrap-switch-padding-right) var(--bootstrap-switch-padding-bottom) var(--bootstrap-switch-padding-left);
    --bootstrap-switch-border-top-width: 0;
    --bootstrap-switch-border-top-style: none;
    --bootstrap-switch-border-top-color: white;
    --bootstrap-switch-border-top: var(--bootstrap-switch-border-top-width) var(--bootstrap-switch-border-top-style) var(--bootstrap-switch-border-top-color);
    --bootstrap-switch-border-bottom-width: 0;
    --bootstrap-switch-border-bottom-style: none;
    --bootstrap-switch-border-bottom-color: white;
    --bootstrap-switch-border-bottom: var(--bootstrap-switch-border-bottom-width) var(--bootstrap-switch-border-bottom-style) var(--bootstrap-switch-border-bottom-color);
    --bootstrap-switch-border-left-width: 0;
    --bootstrap-switch-border-left-style: none;
    --bootstrap-switch-border-left-color: white;
    --bootstrap-switch-border-left: var(--bootstrap-switch-border-left-width) var(--bootstrap-switch-border-left-style) var(--bootstrap-switch-border-left-color);
    --bootstrap-switch-border-right-width: 0;
    --bootstrap-switch-border-right-style: none;
    --bootstrap-switch-border-right-color: white;
    --bootstrap-switch-border-right: var(--bootstrap-switch-border-right-width) var(--bootstrap-switch-border-right-style) var(--bootstrap-switch-border-right-color);
}

.bootstraped:where(.v1) .switch {
    background-color: var(--bootstrap-switch-background-color);
    margin: var(--bootstrap-switch-margin);
    padding: var(--bootstrap-switch-padding);
    border-top: var(--bootstrap-switch-border-top);
    border-right: var(--bootstrap-switch-border-right);
    border-bottom: var(--bootstrap-switch-border-bottom);
    border-left: var(--bootstrap-switch-border-left);
    display: inline-block;
}

.bootstraped:where(.v1) .switch .form-check.form-switch >input{
    background-color: var(--bootstrap-switch-secondary-element-color);
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:after{
    background-color: var(--bootstrap-switch-primary-element-color);
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:checked{
    background-color: var(--bootstrap-switch-secondary-element-color-click);
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:checked:after {
    background-color: var(--bootstrap-switch-primary-element-color-click);
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:disabled {
    background-color: var(--bootstrap-switch-secondary-element-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:disabled:after {
    background-color: var(--bootstrap-switch-primary-element-color-disabled);
}

.bootstraped:where(.v1) .switch .form-check {
    padding-left: 2.7em;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 5px;
}

.bootstraped:where(.v1) .switch .form-check-input  {
    margin-top: 0;
}

.bootstraped:where(.v1) .switch label {
    color: var(--bootstrap-switch-color);
    font-size: var(--bootstrap-switch-font-size);
    font-family: var(--bootstrap-switch-font-family);
    text-decoration: var(--bootstrap-switch-text-decoration);
    font-style: var(--bootstrap-switch-font-style);
    font-weight: var(--bootstrap-switch-font-weight);
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.bootstraped:where(.v1) .switch label i{
    color: var(--bootstrap-switch-color) !important;
}

.bootstraped:where(.v1) .switch:has(.form-check-input[type=checkbox]:checked){
    background-color: var(--bootstrap-switch-background-color-click);
}

.bootstraped:where(.v1) .switch:has(.form-check-input[type=checkbox]:disabled) {
    background-color: var(--bootstrap-switch-background-color-disabled);
}


.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:checked ~ label {
    color: var(--bootstrap-switch-color-click);
    font-size: var(--bootstrap-switch-font-size-click);
    font-family: var(--bootstrap-switch-font-family-click);
    text-decoration: var(--bootstrap-switch-text-decoration-click);
    font-style: var(--bootstrap-switch-font-style-click);
    font-weight: var(--bootstrap-switch-font-weight-click);
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:checked ~ label i{
    color: var(--bootstrap-switch-color-click) !important;
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:disabled ~ label{
    color: var(--bootstrap-switch-color-disabled);
    font-size: var(--bootstrap-switch-font-size-disabled);
    font-family: var(--bootstrap-switch-font-family-disabled);
    text-decoration: var(--bootstrap-switch-text-decoration-disabled);
    font-style: var(--bootstrap-switch-font-style-disabled);
    font-weight: var(--bootstrap-switch-font-weight-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .switch .form-check.form-switch .form-check-input[type=checkbox]:disabled ~ label i{
    color: var(--bootstrap-switch-color-disabled) !important;
}

/* switch toggle group */
.bootstraped:where(.v1) .switch-toggle-group-wrapper {
    --bootstrap-switch-toggle-group-color: var(--bootstrap-border-label-color);
    --bootstrap-switch-toggle-group-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-switch-toggle-group-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-switch-toggle-group-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-switch-toggle-group-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-switch-toggle-group-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-switch-toggle-group-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-switch-toggle-group-primary-element-color: #ffffff;
    --bootstrap-switch-toggle-group-secondary-element-color: #bfbfbf;

    --bootstrap-switch-toggle-group-font-family-click: var(--bootstrap-switch-toggle-group-font-family);
    --bootstrap-switch-toggle-group-font-size-click: var(--bootstrap-switch-toggle-group-font-size);
    --bootstrap-switch-toggle-group-font-weight-click: var(--bootstrap-switch-toggle-group-font-weight);
    --bootstrap-switch-toggle-group-font-style-click: var(--bootstrap-switch-toggle-group-font-style);
    --bootstrap-switch-toggle-group-text-decoration-click: var(--bootstrap-switch-toggle-group-text-decoration);
    --bootstrap-switch-toggle-group-color-click: var(--bootstrap-switch-toggle-group-color);
    --bootstrap-switch-toggle-group-background-color-click: var(--bootstrap-switch-toggle-group-background-color);
    --bootstrap-switch-toggle-group-primary-element-color-click: #ffffff;
    --bootstrap-switch-toggle-group-secondary-element-color-click: var(--appollo-color);

    --bootstrap-switch-toggle-group-font-family-disabled: var(--bootstrap-switch-toggle-group-font-family);
    --bootstrap-switch-toggle-group-font-size-disabled: var(--bootstrap-switch-toggle-group-font-size);
    --bootstrap-switch-toggle-group-font-weight-disabled: var(--bootstrap-switch-toggle-group-font-weight);
    --bootstrap-switch-toggle-group-font-style-disabled: var(--bootstrap-switch-toggle-group-font-style);
    --bootstrap-switch-toggle-group-text-decoration-disabled: var(--bootstrap-switch-toggle-group-text-decoration);
    --bootstrap-switch-toggle-group-color-disabled: #aaaaaa;
    --bootstrap-switch-toggle-group-background-color-disabled: var(--bootstrap-switch-toggle-group-background-color);
    --bootstrap-switch-toggle-group-primary-element-color-disabled: #aaaaaa;
    --bootstrap-switch-toggle-group-secondary-element-color-disabled: #f5f5f5;


    --bootstrap-switch-toggle-group-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-switch-toggle-group-margin-top: 0;
    --bootstrap-switch-toggle-group-margin-right: 0;
    --bootstrap-switch-toggle-group-margin-bottom: 0;
    --bootstrap-switch-toggle-group-margin-left: 0;
    --bootstrap-switch-toggle-group-margin: var(--bootstrap-switch-toggle-group-margin-top) var(--bootstrap-switch-toggle-group-margin-right) var(--bootstrap-switch-toggle-group-margin-bottom) var(--bootstrap-switch-toggle-group-margin-left);
    --bootstrap-switch-toggle-group-padding-top: 0;
    --bootstrap-switch-toggle-group-padding-right: 0;
    --bootstrap-switch-toggle-group-padding-bottom: 0;
    --bootstrap-switch-toggle-group-padding-left: 0;
    --bootstrap-switch-toggle-group-padding: var(--bootstrap-switch-toggle-group-padding-top) var(--bootstrap-switch-toggle-group-padding-right) var(--bootstrap-switch-toggle-group-padding-bottom) var(--bootstrap-switch-toggle-group-padding-left);
    --bootstrap-switch-toggle-group-border-top-width: 0;
    --bootstrap-switch-toggle-group-border-top-style: none;
    --bootstrap-switch-toggle-group-border-top-color: white;
    --bootstrap-switch-toggle-group-border-top: var(--bootstrap-switch-toggle-group-border-top-width) var(--bootstrap-switch-toggle-group-border-top-style) var(--bootstrap-switch-toggle-group-border-top-color);
    --bootstrap-switch-toggle-group-border-bottom-width: 0;
    --bootstrap-switch-toggle-group-border-bottom-style: none;
    --bootstrap-switch-toggle-group-border-bottom-color: white;
    --bootstrap-switch-toggle-group-border-bottom: var(--bootstrap-switch-toggle-group-border-bottom-width) var(--bootstrap-switch-toggle-group-border-bottom-style) var(--bootstrap-switch-toggle-group-border-bottom-color);
    --bootstrap-switch-toggle-group-border-left-width: 0;
    --bootstrap-switch-toggle-group-border-left-style: none;
    --bootstrap-switch-toggle-group-border-left-color: white;
    --bootstrap-switch-toggle-group-border-left: var(--bootstrap-switch-toggle-group-border-left-width) var(--bootstrap-switch-toggle-group-border-left-style) var(--bootstrap-switch-toggle-group-border-left-color);
    --bootstrap-switch-toggle-group-border-right-width: 0;
    --bootstrap-switch-toggle-group-border-right-style: none;
    --bootstrap-switch-toggle-group-border-right-color: white;
    --bootstrap-switch-toggle-group-border-right: var(--bootstrap-switch-toggle-group-border-right-width) var(--bootstrap-switch-toggle-group-border-right-style) var(--bootstrap-switch-toggle-group-border-right-color);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper {
    background-color: var(--bootstrap-switch-toggle-group-background-color);
    margin: var(--bootstrap-switch-toggle-group-margin);
    padding: var(--bootstrap-switch-toggle-group-padding);
    display: inline-block;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper:not(:has(.switch-toggle-group.is-invalid)) {
    border-top: var(--bootstrap-switch-toggle-group-border-top);
    border-right: var(--bootstrap-switch-toggle-group-border-right);
    border-bottom: var(--bootstrap-switch-toggle-group-border-bottom);
    border-left: var(--bootstrap-switch-toggle-group-border-left);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch{
    margin-right: 0;
    padding-right: 10px;
    margin-top: 0;
    padding-top: 5px;
    margin-bottom: 0;
    padding-bottom: 2px;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch:has(.form-check-input[type=checkbox]:checked){
    background-color: var(--bootstrap-switch-toggle-group-background-color-click);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper:has(.switch-toggle-group[disabled=disabled]){
    background-color: var(--bootstrap-switch-toggle-group-background-color-disabled);
}

/*.bootstraped:where(.v1) div.switch-toggle-group-wrapper:has(.switch-toggle-group[data-mandatory=true]:not([disabled])),*/
.bootstraped:where(.v1) div.switch-toggle-group-wrapper .switch-toggle-group[data-mandatory=true]:not([disabled]) {
    background-color: var(--bootstrap-switch-toggle-group-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group.is-invalid {
    border: 1px solid transparent;
    transition: all .1s linear;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group.is-invalid {
    border: 1px solid #dc4c64;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper label {
    color: var(--bootstrap-switch-toggle-group-color);
    font-size: var(--bootstrap-switch-toggle-group-font-size);
    font-family: var(--bootstrap-switch-toggle-group-font-family);
    text-decoration: var(--bootstrap-switch-toggle-group-text-decoration);
    font-style: var(--bootstrap-switch-toggle-group-font-style);
    font-weight: var(--bootstrap-switch-toggle-group-font-weight);
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .form-check {
    padding-left: 2.7em;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 5px;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .form-check-input[type=checkbox] {
    margin-top: 0;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper[disabled],
.bootstraped:where(.v1) .switch-toggle-group-wrapper[disabled]:has(.form-check-input[type=checkbox]:checked) {
    background-color: var(--bootstrap-switch-toggle-group-background-color-disabled);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]:checked ~ label {
    color: var(--bootstrap-switch-toggle-group-color-click);
    font-size: var(--bootstrap-switch-toggle-group-font-size-click);
    font-family: var(--bootstrap-switch-toggle-group-font-family-click);
    text-decoration: var(--bootstrap-switch-toggle-group-text-decoration-click);
    font-style: var(--bootstrap-switch-toggle-group-font-style-click);
    font-weight: var(--bootstrap-switch-toggle-group-font-weight-click);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]:disabled ~ label{
    color: var(--bootstrap-switch-toggle-group-color-disabled);
    font-size: var(--bootstrap-switch-toggle-group-font-size-disabled);
    font-family: var(--bootstrap-switch-toggle-group-font-family-disabled);
    text-decoration: var(--bootstrap-switch-toggle-group-text-decoration-disabled);
    font-style: var(--bootstrap-switch-toggle-group-font-style-disabled);
    font-weight: var(--bootstrap-switch-toggle-group-font-weight-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]{
    background-color: var(--bootstrap-switch-toggle-group-secondary-element-color);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]:after {
    background-color: var(--bootstrap-switch-toggle-group-primary-element-color);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]:checked {
    background-color: var(--bootstrap-switch-toggle-group-secondary-element-color-click);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox]:checked:after {
    background-color: var(--bootstrap-switch-toggle-group-primary-element-color-click);
}

.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox][disabled=disabled]{
    background-color: var(--bootstrap-switch-toggle-group-secondary-element-color-disabled);
    opacity: 1;
}
.bootstraped:where(.v1) .switch-toggle-group-wrapper .switch-toggle-group .form-check.form-switch .form-check-input[type=checkbox][disabled=disabled]:after {
    background-color:var(--bootstrap-switch-toggle-group-primary-element-color-disabled);
}

/* radio buttons group */
.bootstraped:where(.v1) .radio-button-group {
    --bootstrap-radio-button-group-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-radio-button-group-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-radio-button-group-color: var(--bootstrap-border-label-color);
    --bootstrap-radio-button-group-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-radio-button-group-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-radio-button-group-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-radio-button-group-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-radio-button-group-primary-element-color: #bfbfbf;
    --bootstrap-radio-button-group-secondary-element-color: #ffffff;

    --bootstrap-radio-button-group-font-family-click:  var(--bootstrap-radio-button-group-font-family);
    --bootstrap-radio-button-group-font-size-click: var(--bootstrap-radio-button-group-font-size);
    --bootstrap-radio-button-group-font-weight-click:  var(--bootstrap-radio-button-group-font-weight);
    --bootstrap-radio-button-group-font-style-click: var(--bootstrap-radio-button-group-font-style);
    --bootstrap-radio-button-group-text-decoration-click:  var(--bootstrap-radio-button-group-text-decoration);
    --bootstrap-radio-button-group-color-click: var(--bootstrap-radio-button-group-color);
    --bootstrap-radio-button-group-background-color-click: var(--bootstrap-radio-button-group-background-color);
    --bootstrap-radio-button-group-primary-element-color-click: #01cbd2;
    --bootstrap-radio-button-group-secondary-element-color-click: #fff;

    --bootstrap-radio-button-group-font-family-disabled:  var(--bootstrap-radio-button-group-font-family);
    --bootstrap-radio-button-group-font-size-disabled: var(--bootstrap-radio-button-group-font-size);
    --bootstrap-radio-button-group-font-weight-disabled:  var(--bootstrap-radio-button-group-font-weight);
    --bootstrap-radio-button-group-font-style-disabled: var(--bootstrap-radio-button-group-font-style);
    --bootstrap-radio-button-group-text-decoration-disabled:  var(--bootstrap-radio-button-group-text-decoration);
    --bootstrap-radio-button-group-background-color-disabled: var(--bootstrap-radio-button-group-background-color);
    --bootstrap-radio-button-group-color-disabled: #aaa;
    --bootstrap-radio-button-group-primary-element-color-disabled: #aaa;
    --bootstrap-radio-button-group-secondary-element-color-disabled: #f5f5f5;

    --bootstrap-radio-button-group-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-radio-button-group-margin-top: 0;
    --bootstrap-radio-button-group-margin-right: 0;
    --bootstrap-radio-button-group-margin-bottom: 0;
    --bootstrap-radio-button-group-margin-left: 0;
    --bootstrap-radio-button-group-margin: var(--bootstrap-radio-button-group-margin-top) var(--bootstrap-radio-button-group-margin-right) var(--bootstrap-radio-button-group-margin-bottom) var(--bootstrap-radio-button-group-margin-left);
    --bootstrap-radio-button-group-padding-top: 0px;
    --bootstrap-radio-button-group-padding-right: 0;
    --bootstrap-radio-button-group-padding-bottom: 0;
    --bootstrap-radio-button-group-padding-left: 0;
    --bootstrap-radio-button-group-padding: var(--bootstrap-radio-button-group-padding-top) var(--bootstrap-radio-button-group-padding-right) var(--bootstrap-radio-button-group-padding-bottom) var(--bootstrap-radio-button-group-padding-left);
    --bootstrap-radio-button-group-border-top-width: 0;
    --bootstrap-radio-button-group-border-top-style: solid;
    --bootstrap-radio-button-group-border-top-color: transparent;
    --bootstrap-radio-button-group-border-top: var(--bootstrap-radio-button-group-border-top-width) var(--bootstrap-radio-button-group-border-top-style) var(--bootstrap-radio-button-group-border-top-color);
    --bootstrap-radio-button-group-border-bottom-width: 0;
    --bootstrap-radio-button-group-border-bottom-style: solid;
    --bootstrap-radio-button-group-border-bottom-color: transparent;
    --bootstrap-radio-button-group-border-bottom: var(--bootstrap-radio-button-group-border-bottom-width) var(--bootstrap-radio-button-group-border-bottom-style) var(--bootstrap-radio-button-group-border-bottom-color);
    --bootstrap-radio-button-group-border-left-width: 0;
    --bootstrap-radio-button-group-border-left-style: solid;
    --bootstrap-radio-button-group-border-left-color: transparent;
    --bootstrap-radio-button-group-border-left: var(--bootstrap-radio-button-group-border-left-width) var(--bootstrap-radio-button-group-border-left-style) var(--bootstrap-radio-button-group-border-left-color);
    --bootstrap-radio-button-group-border-right-width: 0;
    --bootstrap-radio-button-group-border-right-style: solid;
    --bootstrap-radio-button-group-border-right-color: transparent;
    --bootstrap-radio-button-group-border-right: var(--bootstrap-radio-button-group-border-right-width) var(--bootstrap-radio-button-group-border-right-style) var(--bootstrap-radio-button-group-border-right-color);
}

.bootstraped:where(.v1) .radio-button-group {
    background-color: var(--bootstrap-radio-button-group-background-color);
    margin: var(--bootstrap-radio-button-group-margin);
    padding: var(--bootstrap-radio-button-group-padding);
    border-top: var(--bootstrap-radio-button-group-border-top);
    border-right: var(--bootstrap-radio-button-group-border-right);
    border-bottom: var(--bootstrap-radio-button-group-border-bottom);
    border-left: var(--bootstrap-radio-button-group-border-left);
    transition: all .1s linear;
    display: inline-flex;
    flex-flow: column wrap;
}

.bootstraped:where(.v1) .radio-buttons-group-wrapper:has(.radio-button-group.invalid.is-invalid) {
    width: fit-content;
}

.bootstraped:where(.v1) .radio-button-group.form-check-inline {
    flex-direction: row;
}

.bootstraped:where(.v1) div.radio-button-group[data-mandatory=true] {
    background-color: var(--bootstrap-radio-button-group-mandatory-background-color) !important;
}

.bootstraped:where(.v1) div.radio-button-group[disabled=disabled] {
    background-color: var(--bootstrap-radio-button-group-background-color-disabled) !important;
}

.bootstraped:where(.v1) .radio-button-group.is-invalid {
    border: 1px solid #dc4c64;
    margin-bottom: 1rem;
}

.bootstraped:where(.v1) .radio-button-group .form-check {
    display: flex;
    align-items: center;
    padding: 3px 5px;
    margin: 0;
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio] {
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]{
    background-color: var(--bootstrap-radio-button-group-secondary-element-color);
    border-color: var(--bootstrap-radio-button-group-primary-element-color);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:after {
    background-color: var(--bootstrap-radio-button-group-secondary-element-color);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:checked {
    border-color: var(--bootstrap-radio-button-group-primary-element-color-click);
    background-color: var(--bootstrap-radio-button-group-secondary-element-color-click);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:checked:after{
    background-color: var(--bootstrap-radio-button-group-primary-element-color-click);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:disabled {
    border-color: var(--bootstrap-radio-button-group-primary-element-color-disabled);
    background-color: var(--bootstrap-radio-button-group-secondary-element-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:disabled:after{
    background-color: var(--bootstrap-radio-button-group-secondary-element-color-disabled);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:disabled:checked{
    border-color: var(--bootstrap-radio-button-group-primary-element-color-disabled);
    background-color: var(--bootstrap-radio-button-group-secondary-element-color-disabled);
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-input[type=radio]:disabled:checked:after{
    background-color: var(--bootstrap-radio-button-group-primary-element-color-disabled);
}

.bootstraped:where(.v1) .radio-button-group.text-before .form-check {
    justify-content: right;
}

.bootstraped:where(.v1) .radio-button-group.text-before .form-check .form-check-input[type=radio] {
    margin-right: 0;
    margin-left: 4px;
    order: 1;
}

.bootstraped:where(.v1) .radio-button-group .form-check .form-check-label {
    color: var(--bootstrap-radio-button-group-color);
    font-size: var(--bootstrap-radio-button-group-font-size);
    font-family: var(--bootstrap-radio-button-group-font-family);
    text-decoration: var(--bootstrap-radio-button-group-text-decoration);
    font-style: var(--bootstrap-radio-button-group-font-style);
    font-weight: var(--bootstrap-radio-button-group-font-weight);
    white-space: nowrap;
}

.bootstraped:where(.v1) .radio-button-group .form-check.radio .form-check-input[type=radio]:checked ~ label {
    color: var(--bootstrap-radio-button-group-color-click);
    font-size: var(--bootstrap-radio-button-group-font-size-click);
    font-family: var(--bootstrap-radio-button-group-font-family-click);
    text-decoration: var(--bootstrap-radio-button-group-text-decoration-click);
    font-style: var(--bootstrap-radio-button-group-font-style-click);
    font-weight: var(--bootstrap-radio-button-group-font-weight-click);
}

.bootstraped:where(.v1) .radio-button-group .form-check.radio .form-check-input[type=radio]:disabled ~ label{
    color: var(--bootstrap-radio-button-group-color-disabled);
    font-size: var(--bootstrap-radio-button-group-font-size-disabled);
    font-family: var(--bootstrap-radio-button-group-font-family-disabled);
    text-decoration: var(--bootstrap-radio-button-group-text-decoration-disabled);
    font-style: var(--bootstrap-radio-button-group-font-style-disabled);
    font-weight: var(--bootstrap-radio-button-group-font-weight-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .radio-button-group:not(.form-check-inline) .form-check.radio{
    margin: 0;
    padding: 2px 5px;
}


.bootstraped:where(.v1) .radio-button-group .form-check.radio:has(.form-check-input[type=radio]:checked){
    background-color: var(--bootstrap-radio-button-group-background-color-click);
}

.bootstraped:where(.v1) .radio-button-group.form-check-inline .form-check.radio{
    margin-bottom: 3px;
    margin-top: 3px;
}

.bootstraped:where(.v1) .radio-button-group[disabled],
.bootstraped:where(.v1) .radio-button-group[disabled]:has(.form-check-input[type=radio]:checked) {
    background-color: var(--bootstrap-radio-button-group-background-color-disabled);
}

.bootstraped:where(.v1) .radio-button-group.text-before .form-check .form-check-label {
    padding-left: 0;
    padding-right: .15rem;
}

.bootstraped:where(.v1) .radio-buttons-group-wrapper .radio-button-group.radio-text-wrap {
    max-width: 100%;
}

.bootstraped:where(.v1) .radio-buttons-group-wrapper .radio-button-group.radio-text-wrap .form-check-label{
    max-width: calc(100% - 24px);
}

.bootstraped:where(.v1) .radio-buttons-group-wrapper .radio-button-group.radio-text-wrap .form-check-label span{
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* dynamic radio buttons group */
.bootstraped:where(.v1) .dynamic-radio-button-group {
    --bootstrap-dynamic-radio-button-group-color: var(--bootstrap-border-label-color);
    --bootstrap-dynamic-radio-button-group-font-size: var(--bootstrap-border-label-font-size);
    --bootstrap-dynamic-radio-button-group-font-family: var(--bootstrap-border-label-font-family);
    --bootstrap-dynamic-radio-button-group-text-decoration: var(--bootstrap-border-label-text-decoration);
    --bootstrap-dynamic-radio-button-group-font-style: var(--bootstrap-border-label-font-style);
    --bootstrap-dynamic-radio-button-group-font-weight: var(--bootstrap-border-label-font-weight);
    --bootstrap-dynamic-radio-button-group-background-color: var(--bootstrap-selector-background-color);
    --bootstrap-dynamic-radio-button-group-primary-element-color: #bfbfbf;
    --bootstrap-dynamic-radio-button-group-secondary-element-color: #ffffff;

    --bootstrap-dynamic-radio-button-group-font-family-click: var(--bootstrap-dynamic-radio-button-group-font-family);
    --bootstrap-dynamic-radio-button-group-font-size-click: var(--bootstrap-dynamic-radio-button-group-font-size);
    --bootstrap-dynamic-radio-button-group-font-weight-click: var(--bootstrap-dynamic-radio-button-group-font-weight);
    --bootstrap-dynamic-radio-button-group-font-style-click: var(--bootstrap-dynamic-radio-button-group-font-style);
    --bootstrap-dynamic-radio-button-group-text-decoration-click: var(--bootstrap-dynamic-radio-button-group-text-decoration);
    --bootstrap-dynamic-radio-button-group-color-click: var(--bootstrap-dynamic-radio-button-group-color);
    --bootstrap-dynamic-radio-button-group-background-color-click: var(--bootstrap-dynamic-radio-button-group-background-color);
    --bootstrap-dynamic-radio-button-group-primary-element-color-click: #ffffff;
    --bootstrap-dynamic-radio-button-group-secondary-element-color-click: var(--appollo-color);

    --bootstrap-dynamic-radio-button-group-font-family-disabled: var(--bootstrap-dynamic-radio-button-group-font-family);
    --bootstrap-dynamic-radio-button-group-font-size-disabled: var(--bootstrap-dynamic-radio-button-group-font-size);
    --bootstrap-dynamic-radio-button-group-font-weight-disabled: var(--bootstrap-dynamic-radio-button-group-font-weight);
    --bootstrap-dynamic-radio-button-group-font-style-disabled: var(--bootstrap-dynamic-radio-button-group-font-style);
    --bootstrap-dynamic-radio-button-group-text-decoration-disabled: var(--bootstrap-dynamic-radio-button-group-text-decoration);
    --bootstrap-dynamic-radio-button-group-color-disabled: #aaaaaa;
    --bootstrap-dynamic-radio-button-group-background-color-disabled: var(--bootstrap-dynamic-radio-button-group-background-color);
    --bootstrap-dynamic-radio-button-group-primary-element-color-disabled: #aaaaaa;
    --bootstrap-dynamic-radio-button-group-secondary-element-color-disabled: #f5f5f5;

    --bootstrap-dynamic-radio-button-group-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-dynamic-radio-button-group-margin-top: 0;
    --bootstrap-dynamic-radio-button-group-margin-right: 0;
    --bootstrap-dynamic-radio-button-group-margin-bottom: 0;
    --bootstrap-dynamic-radio-button-group-margin-left: 0;
    --bootstrap-dynamic-radio-button-group-margin: var(--bootstrap-dynamic-radio-button-group-margin-top) var(--bootstrap-dynamic-radio-button-group-margin-right) var(--bootstrap-dynamic-radio-button-group-margin-bottom) var(--bootstrap-dynamic-radio-button-group-margin-left);
    --bootstrap-dynamic-radio-button-group-padding-top: 0;
    --bootstrap-dynamic-radio-button-group-padding-right: 0;
    --bootstrap-dynamic-radio-button-group-padding-bottom: 0;
    --bootstrap-dynamic-radio-button-group-padding-left: 0;
    --bootstrap-dynamic-radio-button-group-padding: var(--bootstrap-dynamic-radio-button-group-padding-top) var(--bootstrap-dynamic-radio-button-group-padding-right) var(--bootstrap-dynamic-radio-button-group-padding-bottom) var(--bootstrap-dynamic-radio-button-group-padding-left);
    --bootstrap-dynamic-radio-button-group-border-top-width: 0;
    --bootstrap-dynamic-radio-button-group-border-top-style: solid;
    --bootstrap-dynamic-radio-button-group-border-top-color: transparent;
    --bootstrap-dynamic-radio-button-group-border-top: var(--bootstrap-dynamic-radio-button-group-border-top-width) var(--bootstrap-dynamic-radio-button-group-border-top-style) var(--bootstrap-dynamic-radio-button-group-border-top-color);
    --bootstrap-dynamic-radio-button-group-border-bottom-width: 0;
    --bootstrap-dynamic-radio-button-group-border-bottom-style: solid;
    --bootstrap-dynamic-radio-button-group-border-bottom-color: transparent;
    --bootstrap-dynamic-radio-button-group-border-bottom: var(--bootstrap-dynamic-radio-button-group-border-bottom-width) var(--bootstrap-dynamic-radio-button-group-border-bottom-style) var(--bootstrap-dynamic-radio-button-group-border-bottom-color);
    --bootstrap-dynamic-radio-button-group-border-left-width: 0;
    --bootstrap-dynamic-radio-button-group-border-left-style: solid;
    --bootstrap-dynamic-radio-button-group-border-left-color: transparent;
    --bootstrap-dynamic-radio-button-group-border-left: var(--bootstrap-dynamic-radio-button-group-border-left-width) var(--bootstrap-dynamic-radio-button-group-border-left-style) var(--bootstrap-dynamic-radio-button-group-border-left-color);
    --bootstrap-dynamic-radio-button-group-border-right-width: 0;
    --bootstrap-dynamic-radio-button-group-border-right-style: solid;
    --bootstrap-dynamic-radio-button-group-border-right-color: transparent;
    --bootstrap-dynamic-radio-button-group-border-right: var(--bootstrap-dynamic-radio-button-group-border-right-width) var(--bootstrap-dynamic-radio-button-group-border-right-style) var(--bootstrap-dynamic-radio-button-group-border-right-color);
}

.bootstraped:where(.v1) .dynamic-radio-button-group {
    background-color: var(--bootstrap-dynamic-radio-button-group-background-color);
    margin: var(--bootstrap-dynamic-radio-button-group-margin);
    padding: var(--bootstrap-dynamic-radio-button-group-padding);
    border-top: var(--bootstrap-dynamic-radio-button-group-border-top);
    border-right: var(--bootstrap-dynamic-radio-button-group-border-right);
    border-bottom: var(--bootstrap-dynamic-radio-button-group-border-bottom);
    border-left: var(--bootstrap-dynamic-radio-button-group-border-left);
    display: inline-flex;
    flex-flow: column wrap;
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio{
    padding: 3px 5px;
    margin: 0;
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio:has(.form-check-input[type=radio]:checked){
    background-color: var(--bootstrap-dynamic-radio-button-group-background-color-click);
}

.bootstraped:where(.v1) .dynamic-radio-button-group:has(.form-check.radio .form-check-input[type=radio]:disabled) {
    background-color: var(--bootstrap-dynamic-radio-button-group-background-color-disabled);
}

.bootstraped:where(.v1) .dynamic-radio-button-group.form-check-inline {
    flex-direction: row;
    justify-content: flex-start;
}

.bootstraped:where(.v1) div[align="right"] > .dynamic-radio-button-group.form-check-inline {
    justify-content: flex-end;
}

.bootstraped:where(.v1) div[align="center"] > .dynamic-radio-button-group.form-check-inline {
    justify-content: center;
}

.bootstraped:where(.v1) .dynamic-radio-button-group[data-mandatory=true] {
    background-color: var(--bootstrap-dynamic-radio-button-group-mandatory-background-color);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-left: 0;
    padding: 0 2px;
    margin-top: 5px;
}

.bootstraped:where(.v1) div[align="right"] > .dynamic-radio-button-group .form-check {
    margin-right: 0;
    margin-left: 10px;
}

.bootstraped:where(.v1) div[align="center"] > .dynamic-radio-button-group .form-check {
    margin-right: 5px;
    margin-left: 5px;
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check .form-check-input[type=radio] {
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

.bootstraped:where(.v1) .dynamic-radio-button-group.text-before .form-check {
    justify-content: right;
}

.bootstraped:where(.v1) .dynamic-radio-button-group.text-before .form-check .form-check-input[type=radio] {
    margin-left: 4px;
    margin-right: 0;
    order: 1;
}

.bootstraped:where(.v1) .dynamic-radio-button-group.text-before .form-check .form-check-label {
    padding-left: 0;
    padding-right: .15rem;
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check .form-check-label {
    color: var(--bootstrap-dynamic-radio-button-group-color);
    font-size: var(--bootstrap-dynamic-radio-button-group-font-size);
    font-family: var(--bootstrap-dynamic-radio-button-group-font-family);
    text-decoration: var(--bootstrap-dynamic-radio-button-group-text-decoration);
    font-style: var(--bootstrap-dynamic-radio-button-group-font-style);
    font-weight: var(--bootstrap-dynamic-radio-button-group-font-weight);
    white-space: nowrap;
}


.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:checked ~ label {
    color: var(--bootstrap-dynamic-radio-button-group-color-click);
    font-size: var(--bootstrap-dynamic-radio-button-group-font-size-click);
    font-family: var(--bootstrap-dynamic-radio-button-group-font-family-click);
    text-decoration: var(--bootstrap-dynamic-radio-button-group-text-decoration-click);
    font-style: var(--bootstrap-dynamic-radio-button-group-font-style-click);
    font-weight: var(--bootstrap-dynamic-radio-button-group-font-weight-click);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:disabled ~ label{
    color: var(--bootstrap-dynamic-radio-button-group-color-disabled);
    font-size: var(--bootstrap-dynamic-radio-button-group-font-size-disabled);
    font-family: var(--bootstrap-dynamic-radio-button-group-font-family-disabled);
    text-decoration: var(--bootstrap-dynamic-radio-button-group-text-decoration-disabled);
    font-style: var(--bootstrap-dynamic-radio-button-group-font-style-disabled);
    font-weight: var(--bootstrap-dynamic-radio-button-group-font-weight-disabled);
    opacity: 1;
}


.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]{
    background-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color);
    border-color: var(--bootstrap-dynamic-radio-button-group-primary-element-color);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:after{
    background-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:checked{
    border-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color-click);
    background-color: var(--bootstrap-dynamic-radio-button-group-primary-element-color-click);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:checked:after{
    background-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color-click);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:disabled{
    border-color: var(--bootstrap-dynamic-radio-button-group-primary-element-color-disabled);
    background-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color-disabled);
    opacity: 1;
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:disabled:after{
    border-color: var(--bootstrap-dynamic-radio-button-group-primary-element-color-disabled);
    background-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color-disabled);
}

.bootstraped:where(.v1) .dynamic-radio-button-group .form-check.radio .form-check-input[type=radio]:checked:disabled:after{
    border-color: var(--bootstrap-dynamic-radio-button-group-secondary-element-color-disabled);
    background-color: var(--bootstrap-dynamic-radio-button-group-primary-element-color-disabled);
}

/* image */
.bootstraped:where(.v1) .image {
    --bootstrap-image-width: 100%;
    --bootstrap-image-height: auto;
    --bootstrap-image-margin-top: 0;
    --bootstrap-image-margin-right: 0;
    --bootstrap-image-margin-bottom: 0;
    --bootstrap-image-margin-left: 0;
    --bootstrap-image-margin: var(--bootstrap-image-margin-top) var(--bootstrap-image-margin-right) var(--bootstrap-image-margin-bottom) var(--bootstrap-image-margin-left);
    --bootstrap-image-padding-top: 0;
    --bootstrap-image-padding-right: 0;
    --bootstrap-image-padding-bottom: 0;
    --bootstrap-image-padding-left: 0;
    --bootstrap-image-padding: var(--bootstrap-image-padding-top) var(--bootstrap-image-padding-right) var(--bootstrap-image-padding-bottom) var(--bootstrap-image-padding-left);
    --bootstrap-image-border-top-width: 0;
    --bootstrap-image-border-top-style: none;
    --bootstrap-image-border-top-color: white;
    --bootstrap-image-border-top: var(--bootstrap-image-border-top-width) var(--bootstrap-image-border-top-style) var(--bootstrap-image-border-top-color);
    --bootstrap-image-border-bottom-width: 0;
    --bootstrap-image-border-bottom-style: none;
    --bootstrap-image-border-bottom-color: white;
    --bootstrap-image-border-bottom: var(--bootstrap-image-border-bottom-width) var(--bootstrap-image-border-bottom-style) var(--bootstrap-image-border-bottom-color);
    --bootstrap-image-border-left-width: 0;
    --bootstrap-image-border-left-style: none;
    --bootstrap-image-border-left-color: white;
    --bootstrap-image-border-left: var(--bootstrap-image-border-left-width) var(--bootstrap-image-border-left-style) var(--bootstrap-image-border-left-color);
    --bootstrap-image-border-right-width: 0;
    --bootstrap-image-border-right-style: none;
    --bootstrap-image-border-right-color: white;
    --bootstrap-image-border-right: var(--bootstrap-image-border-right-width) var(--bootstrap-image-border-right-style) var(--bootstrap-image-border-right-color);

    width: var(--bootstrap-image-width);
    height: var(--bootstrap-image-height);
    margin: var(--bootstrap-image-margin);
    padding: var(--bootstrap-image-padding);
    border-top: var(--bootstrap-image-border-top);
    border-bottom: var(--bootstrap-image-border-bottom);
    border-left: var(--bootstrap-image-border-left);
    border-right: var(--bootstrap-image-border-right);
}

.bootstraped:where(.v1) .image.keep-aspect-ratio {
    max-width: 100% !important;
    width: auto !important;
    min-width: 10% !important;
    min-height: 10% !important;
}

.bootstraped:where(.v1) .image.img-fluid.lightbox-trigger {
    cursor: zoom-in;
}

/* iframe */
.bootstraped:where(.v1) iframe {
    --bootstrap-iframe-width: 100%;
    --bootstrap-iframe-height: 150px;
    --bootstrap-iframe-margin-top: 0;
    --bootstrap-iframe-margin-right: 0;
    --bootstrap-iframe-margin-bottom: 0;
    --bootstrap-iframe-margin-left: 0;
    --bootstrap-iframe-margin: var(--bootstrap-iframe-margin-top) var(--bootstrap-iframe-margin-right) var(--bootstrap-iframe-margin-bottom) var(--bootstrap-iframe-margin-left);
    --bootstrap-iframe-padding-top: 0;
    --bootstrap-iframe-padding-right: 0;
    --bootstrap-iframe-padding-bottom: 0;
    --bootstrap-iframe-padding-left: 0;
    --bootstrap-iframe-padding: var(--bootstrap-iframe-padding-top) var(--bootstrap-iframe-padding-right) var(--bootstrap-iframe-padding-bottom) var(--bootstrap-iframe-padding-left);
    --bootstrap-iframe-border-top-width: 0;
    --bootstrap-iframe-border-top-style: none;
    --bootstrap-iframe-border-top-color: white;
    --bootstrap-iframe-border-top: var(--bootstrap-iframe-border-top-width) var(--bootstrap-iframe-border-top-style) var(--bootstrap-iframe-border-top-color);
    --bootstrap-iframe-border-bottom-width: 0;
    --bootstrap-iframe-border-bottom-style: none;
    --bootstrap-iframe-border-bottom-color: white;
    --bootstrap-iframe-border-bottom: var(--bootstrap-iframe-border-bottom-width) var(--bootstrap-iframe-border-bottom-style) var(--bootstrap-iframe-border-bottom-color);
    --bootstrap-iframe-border-left-width: 0;
    --bootstrap-iframe-border-left-style: none;
    --bootstrap-iframe-border-left-color: white;
    --bootstrap-iframe-border-left: var(--bootstrap-iframe-border-left-width) var(--bootstrap-iframe-border-left-style) var(--bootstrap-iframe-border-left-color);
    --bootstrap-iframe-border-right-width: 0;
    --bootstrap-iframe-border-right-style: none;
    --bootstrap-iframe-border-right-color: white;
    --bootstrap-iframe-border-right: var(--bootstrap-iframe-border-right-width) var(--bootstrap-iframe-border-right-style) var(--bootstrap-iframe-border-right-color);

    width: var(--bootstrap-iframe-width);
    height: var(--bootstrap-iframe-height);
    margin: var(--bootstrap-iframe-margin);
    padding: var(--bootstrap-iframe-padding);
    border-top: var(--bootstrap-iframe-border-top);
    border-bottom: var(--bootstrap-iframe-border-bottom);
    border-left: var(--bootstrap-iframe-border-left);
    border-right: var(--bootstrap-iframe-border-right);
}

/* google map */
.bootstraped:where(.v1) [bse-map] {
    --bootstrap-map-width: 100%;
    --bootstrap-map-height: 300px;
    --bootstrap-map-margin-top: 0;
    --bootstrap-map-margin-right: 0;
    --bootstrap-map-margin-bottom: 0;
    --bootstrap-map-margin-left: 0;
    --bootstrap-map-margin: var(--bootstrap-map-margin-top) var(--bootstrap-map-margin-right) var(--bootstrap-map-margin-bottom) var(--bootstrap-map-margin-left);
    --bootstrap-map-padding-top: 0;
    --bootstrap-map-padding-right: 0;
    --bootstrap-map-padding-bottom: 0;
    --bootstrap-map-padding-left: 0;
    --bootstrap-map-padding: var(--bootstrap-map-padding-top) var(--bootstrap-map-padding-right) var(--bootstrap-map-padding-bottom) var(--bootstrap-map-padding-left);
    --bootstrap-map-border-top-width: 0;
    --bootstrap-map-border-top-style: none;
    --bootstrap-map-border-top-color: white;
    --bootstrap-map-border-top: var(--bootstrap-map-border-top-width) var(--bootstrap-map-border-top-style) var(--bootstrap-map-border-top-color);
    --bootstrap-map-border-bottom-width: 0;
    --bootstrap-map-border-bottom-style: none;
    --bootstrap-map-border-bottom-color: white;
    --bootstrap-map-border-bottom: var(--bootstrap-map-border-bottom-width) var(--bootstrap-map-border-bottom-style) var(--bootstrap-map-border-bottom-color);
    --bootstrap-map-border-left-width: 0;
    --bootstrap-map-border-left-style: none;
    --bootstrap-map-border-left-color: white;
    --bootstrap-map-border-left: var(--bootstrap-map-border-left-width) var(--bootstrap-map-border-left-style) var(--bootstrap-map-border-left-color);
    --bootstrap-map-border-right-width: 0;
    --bootstrap-map-border-right-style: none;
    --bootstrap-map-border-right-color: white;
    --bootstrap-map-border-right: var(--bootstrap-map-border-right-width) var(--bootstrap-map-border-right-style) var(--bootstrap-map-border-right-color);

    width: var(--bootstrap-map-width);
    height: var(--bootstrap-map-height);
    margin: var(--bootstrap-map-margin);
    padding: var(--bootstrap-map-padding);
    border-top: var(--bootstrap-map-border-top);
    border-bottom: var(--bootstrap-map-border-bottom);
    border-left: var(--bootstrap-map-border-left);
    border-right: var(--bootstrap-map-border-right);
}

/* line graph */
.bootstraped:where(.v1) .line-graph-wrapper {
    --bootstrap-line-graph-width: 100%;
    --bootstrap-line-graph-height: 300px;
    --bootstrap-line-graph-margin-top: 0;
    --bootstrap-line-graph-margin-right: 0;
    --bootstrap-line-graph-margin-bottom: 0;
    --bootstrap-line-graph-margin-left: 0;
    --bootstrap-line-graph-margin: var(--bootstrap-line-graph-margin-top) var(--bootstrap-line-graph-margin-right) var(--bootstrap-line-graph-margin-bottom) var(--bootstrap-line-graph-margin-left);
    --bootstrap-line-graph-padding-top: 0;
    --bootstrap-line-graph-padding-right: 0;
    --bootstrap-line-graph-padding-bottom: 0;
    --bootstrap-line-graph-padding-left: 0;
    --bootstrap-line-graph-padding: var(--bootstrap-line-graph-padding-top) var(--bootstrap-line-graph-padding-right) var(--bootstrap-line-graph-padding-bottom) var(--bootstrap-line-graph-padding-left);
    --bootstrap-line-graph-border-top-width: 0;
    --bootstrap-line-graph-border-top-style: none;
    --bootstrap-line-graph-border-top-color: white;
    --bootstrap-line-graph-border-top: var(--bootstrap-line-graph-border-top-width) var(--bootstrap-line-graph-border-top-style) var(--bootstrap-line-graph-border-top-color);
    --bootstrap-line-graph-border-bottom-width: 0;
    --bootstrap-line-graph-border-bottom-style: none;
    --bootstrap-line-graph-border-bottom-color: white;
    --bootstrap-line-graph-border-bottom: var(--bootstrap-line-graph-border-bottom-width) var(--bootstrap-line-graph-border-bottom-style) var(--bootstrap-line-graph-border-bottom-color);
    --bootstrap-line-graph-border-left-width: 0;
    --bootstrap-line-graph-border-left-style: none;
    --bootstrap-line-graph-border-left-color: white;
    --bootstrap-line-graph-border-left: var(--bootstrap-line-graph-border-left-width) var(--bootstrap-line-graph-border-left-style) var(--bootstrap-line-graph-border-left-color);
    --bootstrap-line-graph-border-right-width: 0;
    --bootstrap-line-graph-border-right-style: none;
    --bootstrap-line-graph-border-right-color: white;
    --bootstrap-line-graph-border-right: var(--bootstrap-line-graph-border-right-width) var(--bootstrap-line-graph-border-right-style) var(--bootstrap-line-graph-border-right-color);

    width: var(--bootstrap-line-graph-width);
    height: var(--bootstrap-line-graph-height);
    margin: var(--bootstrap-line-graph-margin);
    padding: var(--bootstrap-line-graph-padding);
    border-top: var(--bootstrap-line-graph-border-top);
    border-bottom: var(--bootstrap-line-graph-border-bottom);
    border-left: var(--bootstrap-line-graph-border-left);
    border-right: var(--bootstrap-line-graph-border-right);
}

/* custom component */
.bootstraped:where(.v1) .custom-component {
    --bootstrap-custom-component-width: 100%;
    --bootstrap-custom-component-height: 150px;
    --bootstrap-custom-component-margin-top: 0;
    --bootstrap-custom-component-margin-right: 0;
    --bootstrap-custom-component-margin-bottom: 0;
    --bootstrap-custom-component-margin-left: 0;
    --bootstrap-custom-component-margin: var(--bootstrap-custom-component-margin-top) var(--bootstrap-custom-component-margin-right) var(--bootstrap-custom-component-margin-bottom) var(--bootstrap-custom-component-margin-left);
    --bootstrap-custom-component-padding-top: 0;
    --bootstrap-custom-component-padding-right: 0;
    --bootstrap-custom-component-padding-bottom: 0;
    --bootstrap-custom-component-padding-left: 0;
    --bootstrap-custom-component-padding: var(--bootstrap-custom-component-padding-top) var(--bootstrap-custom-component-padding-right) var(--bootstrap-custom-component-padding-bottom) var(--bootstrap-custom-component-padding-left);
    --bootstrap-custom-component-border-top-width: 0;
    --bootstrap-custom-component-border-top-style: none;
    --bootstrap-custom-component-border-top-color: white;
    --bootstrap-custom-component-border-top: var(--bootstrap-custom-component-border-top-width) var(--bootstrap-custom-component-border-top-style) var(--bootstrap-custom-component-border-top-color);
    --bootstrap-custom-component-border-bottom-width: 0;
    --bootstrap-custom-component-border-bottom-style: none;
    --bootstrap-custom-component-border-bottom-color: white;
    --bootstrap-custom-component-border-bottom: var(--bootstrap-custom-component-border-bottom-width) var(--bootstrap-custom-component-border-bottom-style) var(--bootstrap-custom-component-border-bottom-color);
    --bootstrap-custom-component-border-left-width: 0;
    --bootstrap-custom-component-border-left-style: none;
    --bootstrap-custom-component-border-left-color: white;
    --bootstrap-custom-component-border-left: var(--bootstrap-custom-component-border-left-width) var(--bootstrap-custom-component-border-left-style) var(--bootstrap-custom-component-border-left-color);
    --bootstrap-custom-component-border-right-width: 0;
    --bootstrap-custom-component-border-right-style: none;
    --bootstrap-custom-component-border-right-color: white;
    --bootstrap-custom-component-border-right: var(--bootstrap-custom-component-border-right-width) var(--bootstrap-custom-component-border-right-style) var(--bootstrap-custom-component-border-right-color);

    width: var(--bootstrap-custom-component-width);
    height: var(--bootstrap-custom-component-height);
    margin: var(--bootstrap-custom-component-margin);
    padding: var(--bootstrap-custom-component-padding);
    border-top: var(--bootstrap-custom-component-border-top);
    border-bottom: var(--bootstrap-custom-component-border-bottom);
    border-left: var(--bootstrap-custom-component-border-left);
    border-right: var(--bootstrap-custom-component-border-right);
}

/* html editor */
.bootstraped:where(.v1) .html-editor-component {
    --bootstrap-html-editor-width: 100%;
    --bootstrap-html-editor-height: 200px;
    --bootstrap-html-editor-margin-top: 0;
    --bootstrap-html-editor-margin-right: 0;
    --bootstrap-html-editor-margin-bottom: 0;
    --bootstrap-html-editor-margin-left: 0;
    --bootstrap-html-editor-margin: var(--bootstrap-html-editor-margin-top) var(--bootstrap-html-editor-margin-right) var(--bootstrap-html-editor-margin-bottom) var(--bootstrap-html-editor-margin-left);
    --bootstrap-html-editor-padding-top: 0;
    --bootstrap-html-editor-padding-right: 0;
    --bootstrap-html-editor-padding-bottom: 0;
    --bootstrap-html-editor-padding-left: 0;
    --bootstrap-html-editor-padding: var(--bootstrap-html-editor-padding-top) var(--bootstrap-html-editor-padding-right) var(--bootstrap-html-editor-padding-bottom) var(--bootstrap-html-editor-padding-left);
    --bootstrap-html-editor-border-top-width: 0;
    --bootstrap-html-editor-border-top-style: none;
    --bootstrap-html-editor-border-top-color: white;
    --bootstrap-html-editor-border-top: var(--bootstrap-html-editor-border-top-width) var(--bootstrap-html-editor-border-top-style) var(--bootstrap-html-editor-border-top-color);
    --bootstrap-html-editor-border-bottom-width: 0;
    --bootstrap-html-editor-border-bottom-style: none;
    --bootstrap-html-editor-border-bottom-color: white;
    --bootstrap-html-editor-border-bottom: var(--bootstrap-html-editor-border-bottom-width) var(--bootstrap-html-editor-border-bottom-style) var(--bootstrap-html-editor-border-bottom-color);
    --bootstrap-html-editor-border-left-width: 0;
    --bootstrap-html-editor-border-left-style: none;
    --bootstrap-html-editor-border-left-color: white;
    --bootstrap-html-editor-border-left: var(--bootstrap-html-editor-border-left-width) var(--bootstrap-html-editor-border-left-style) var(--bootstrap-html-editor-border-left-color);
    --bootstrap-html-editor-border-right-width: 0;
    --bootstrap-html-editor-border-right-style: none;
    --bootstrap-html-editor-border-right-color: white;
    --bootstrap-html-editor-border-right: var(--bootstrap-html-editor-border-right-width) var(--bootstrap-html-editor-border-right-style) var(--bootstrap-html-editor-border-right-color);
    --bootstrap-html-editor-color: var(--appollo-color);

    width: var(--bootstrap-html-editor-width);
    /*height: var(--bootstrap-html-editor-height);*/
    margin: var(--bootstrap-html-editor-margin);
    padding: var(--bootstrap-html-editor-padding);
    border-top: var(--bootstrap-html-editor-border-top);
    border-bottom: var(--bootstrap-html-editor-border-bottom);
    border-left: var(--bootstrap-html-editor-border-left);
    border-right: var(--bootstrap-html-editor-border-right);
    transition: all .2s linear;
}

.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-menubar button.tox-mbtn,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke div svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord button.tox-tbtn:not(.tox-tbtn--disabled) span svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-split-button span.tox-split-button__chevron svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-split-button span.tox-icon.tox-tbtn__icon-wrap svg{
    color: var(--bootstrap-html-editor-color);
    fill: var(--bootstrap-html-editor-color);
}

.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn--disabled svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn--disabled:hover svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn:disabled svg,
.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-tbtn:disabled:hover svg {
    fill: #f5f5f5;
    opacity: 0.6;
}

.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-split-button span.tox-icon.tox-tbtn__icon-wrap svg g:first-child > path#tox-icon-highlight-bg-color__color:not([fill]):not([stroke]) {
    fill: transparent;
    stroke: transparent;
}

.bootstraped:where(.v1) .html-editor-component .tox-editor-header .tox-toolbar-overlord .tox-split-button span.tox-icon.tox-tbtn__icon-wrap svg g:first-child > path#tox-icon-text-color__color:not([fill]):not([stroke]) {
    fill: #000000;
    stroke: #000000;
}

.bootstraped:where(.v1) .html-editor-component.is-invalid {
    margin-bottom: 1rem;
    border: 1px solid #dc4c64;
}

.bootstraped:where(.v1) .html-editor-component[data-mandatory="true"] div.tox.tox-tinymce:not(.tox-tinymce--disabled) iframe.tox-edit-area__iframe,
.bootstraped:where(.v1) .html-editor-component[data-mandatory="true"] div.tox.tox-tinymce:not(.tox-tinymce--disabled) .tox-statusbar{
    background-color: var(--bootstrap-mandatory-background-color);
}

.bootstraped:where(.v1) .html-editor-component div.tox.tox-tinymce.tox-tinymce--disabled iframe.tox-edit-area__iframe,
.bootstraped:where(.v1) .html-editor-component div.tox.tox-tinymce.tox-tinymce--disabled .tox-statusbar {
    background-color: var(--bootstrap-mandatory-readonly-background-color);
}

/* easy pie */
.bootstraped:where(.v1) .easy-pie-chart-wrapper {
    --bootstrap-easy-pie-chart-margin-top: 0;
    --bootstrap-easy-pie-chart-margin-right: 0;
    --bootstrap-easy-pie-chart-margin-bottom: 0;
    --bootstrap-easy-pie-chart-margin-left: 0;
    --bootstrap-easy-pie-chart-margin: var(--bootstrap-easy-pie-chart-margin-top) var(--bootstrap-easy-pie-chart-margin-right) var(--bootstrap-easy-pie-chart-margin-bottom) var(--bootstrap-easy-pie-chart-margin-left);
    --bootstrap-easy-pie-chart-padding-top: 0;
    --bootstrap-easy-pie-chart-padding-right: 0;
    --bootstrap-easy-pie-chart-padding-bottom: 0;
    --bootstrap-easy-pie-chart-padding-left: 0;
    --bootstrap-easy-pie-chart-padding: var(--bootstrap-easy-pie-chart-padding-top) var(--bootstrap-easy-pie-chart-padding-right) var(--bootstrap-easy-pie-chart-padding-bottom) var(--bootstrap-easy-pie-chart-padding-left);
    --bootstrap-easy-pie-chart-border-top-width: 0;
    --bootstrap-easy-pie-chart-border-top-style: none;
    --bootstrap-easy-pie-chart-border-top-color: white;
    --bootstrap-easy-pie-chart-border-top: var(--bootstrap-easy-pie-chart-border-top-width) var(--bootstrap-easy-pie-chart-border-top-style) var(--bootstrap-easy-pie-chart-border-top-color);
    --bootstrap-easy-pie-chart-border-bottom-width: 0;
    --bootstrap-easy-pie-chart-border-bottom-style: none;
    --bootstrap-easy-pie-chart-border-bottom-color: white;
    --bootstrap-easy-pie-chart-border-bottom: var(--bootstrap-easy-pie-chart-border-bottom-width) var(--bootstrap-easy-pie-chart-border-bottom-style) var(--bootstrap-easy-pie-chart-border-bottom-color);
    --bootstrap-easy-pie-chart-border-left-width: 0;
    --bootstrap-easy-pie-chart-border-left-style: none;
    --bootstrap-easy-pie-chart-border-left-color: white;
    --bootstrap-easy-pie-chart-border-left: var(--bootstrap-easy-pie-chart-border-left-width) var(--bootstrap-easy-pie-chart-border-left-style) var(--bootstrap-easy-pie-chart-border-left-color);
    --bootstrap-easy-pie-chart-border-right-width: 0;
    --bootstrap-easy-pie-chart-border-right-style: none;
    --bootstrap-easy-pie-chart-border-right-color: white;
    --bootstrap-easy-pie-chart-border-right: var(--bootstrap-easy-pie-chart-border-right-width) var(--bootstrap-easy-pie-chart-border-right-style) var(--bootstrap-easy-pie-chart-border-right-color);

    margin: var(--bootstrap-easy-pie-chart-margin);
    padding: var(--bootstrap-easy-pie-chart-padding);
    border-top: var(--bootstrap-easy-pie-chart-border-top);
    border-bottom: var(--bootstrap-easy-pie-chart-border-bottom);
    border-left: var(--bootstrap-easy-pie-chart-border-left);
    border-right: var(--bootstrap-easy-pie-chart-border-right);
}

/* table */
.bootstraped:where(.v1) .dt-container {
    --bootstrap-table-width: 100%;
    --bootstrap-table-background-color: transparent;
    --bootstrap-table-margin-top: 0;
    --bootstrap-table-margin-right: 0;
    --bootstrap-table-margin-bottom: 0;
    --bootstrap-table-margin-left: 0;
    --bootstrap-table-margin: var(--bootstrap-table-margin-top) var(--bootstrap-table-margin-right) var(--bootstrap-table-margin-bottom) var(--bootstrap-table-margin-left);
    --bootstrap-table-padding-top: 0;
    --bootstrap-table-padding-right: 0;
    --bootstrap-table-padding-bottom: 0;
    --bootstrap-table-padding-left: 0;
    --bootstrap-table-padding: var(--bootstrap-table-padding-top) var(--bootstrap-table-padding-right) var(--bootstrap-table-padding-bottom) var(--bootstrap-table-padding-left);
    --bootstrap-table-border-top-width: 0;
    --bootstrap-table-border-top-style: none;
    --bootstrap-table-border-top-color: transparent;
    --bootstrap-table-border-top: var(--bootstrap-table-border-top-width) var(--bootstrap-table-border-top-style) var(--bootstrap-table-border-top-color);
    --bootstrap-table-border-bottom-width: 0;
    --bootstrap-table-border-bottom-style: none;
    --bootstrap-table-border-bottom-color: transparent;
    --bootstrap-table-border-bottom: var(--bootstrap-table-border-bottom-width) var(--bootstrap-table-border-bottom-style) var(--bootstrap-table-border-bottom-color);
    --bootstrap-table-border-left-width: 0;
    --bootstrap-table-border-left-style: none;
    --bootstrap-table-border-left-color: transparent;
    --bootstrap-table-border-left: var(--bootstrap-table-border-left-width) var(--bootstrap-table-border-left-style) var(--bootstrap-table-border-left-color);
    --bootstrap-table-border-right-width: 0;
    --bootstrap-table-border-right-style: none;
    --bootstrap-table-border-right-color: transparent;
    --bootstrap-table-border-right: var(--bootstrap-table-border-right-width) var(--bootstrap-table-border-right-style) var(--bootstrap-table-border-right-color);
    --bootstrap-table-cell-border-width: 1px;
    --bootstrap-table-cell-border-style: solid;
    --bootstrap-table-cell-border-color: rgb(221, 221, 221);
    --bootstrap-table-cell-border: var(--bootstrap-table-cell-border-width) var(--bootstrap-table-cell-border-style) var(--bootstrap-table-cell-border-color);
    --bootstrap-table-header-font-family: Arial;
    --bootstrap-table-header-font-size: 14px;
    --bootstrap-table-header-color: #000;
    --bootstrap-table-header-text-decoration: none;
    --bootstrap-table-header-font-style: normal;
    --bootstrap-table-header-font-weight: bold;
    --bootstrap-table-header-background-color: #e6e6e6;
    --bootstrap-table-header-height: auto;
    --bootstrap-table-header-padding-top: 6px;
    --bootstrap-table-header-padding-right: 8px;
    --bootstrap-table-header-padding-bottom: 6px;
    --bootstrap-table-header-padding-left: 18px;
    --bootstrap-table-header-padding: var(--bootstrap-table-header-padding-top) var(--bootstrap-table-header-padding-right) var(--bootstrap-table-header-padding-bottom) var(--bootstrap-table-header-padding-left);
    --bootstrap-table-header-padding-no-sorting: var(--bootstrap-table-header-padding-top) var(--bootstrap-table-header-padding-left) var(--bootstrap-table-header-padding-bottom) var(--bootstrap-table-header-padding-left);
    --bootstrap-table-row-font-family: Arial;
    --bootstrap-table-row-font-size: 14px;
    --bootstrap-table-row-color: #4f4f4f;
    --bootstrap-table-row-text-decoration: none;
    --bootstrap-table-row-font-style: normal;
    --bootstrap-table-row-font-weight: normal;
    --bootstrap-table-row-height: auto;
    --bootstrap-table-row-padding-top: 6px;
    --bootstrap-table-row-padding-right: 10px;
    --bootstrap-table-row-padding-bottom: 6px;
    --bootstrap-table-row-padding-left: 18px;
    --bootstrap-table-row-padding: var(--bootstrap-table-row-padding-top) var(--bootstrap-table-row-padding-right) var(--bootstrap-table-row-padding-bottom) var(--bootstrap-table-row-padding-left);
    --bootstrap-table-row-hover-background-color: #bbe1e3;
    --bootstrap-table-row-hover-color: var(--bootstrap-table-row-color);
    --bootstrap-table-row-even-background-color: var(--bootstrap-mandatory-readonly-background-color);
    --bootstrap-table-row-even-font-family: Arial;
    --bootstrap-table-row-even-font-size: 14px;
    --bootstrap-table-row-even-color: #4f4f4f;
    --bootstrap-table-row-even-text-decoration: none;
    --bootstrap-table-row-even-font-style: normal;
    --bootstrap-table-row-even-font-weight: normal;
    --bootstrap-table-row-odd-background-color:  white;
    --bootstrap-table-row-odd-font-family: Arial;
    --bootstrap-table-row-odd-font-size: 14px;
    --bootstrap-table-row-odd-color: #4f4f4f;
    --bootstrap-table-row-odd-text-decoration: none;
    --bootstrap-table-row-odd-font-style: normal;
    --bootstrap-table-row-odd-font-weight: normal;
    --bootstrap-table-row-selected-background-color: var(--bootstrap-selected-background-color);
    --bootstrap-table-row-selected-color: black;
    --bootstrap-table-row-selected-font-family: Arial;
    --bootstrap-table-row-selected-font-size: 14px;
    --bootstrap-table-row-selected-text-decoration: none;
    --bootstrap-table-row-selected-font-style: normal;
    --bootstrap-table-row-selected-font-weight: normal;
    --bootstrap-table-search-font-family: Arial;
    --bootstrap-table-search-font-size: 14px;
    --bootstrap-table-search-font-weight: normal;
    --bootstrap-table-search-font-style: normal;
    --bootstrap-table-search-text-decoration: none;
    --bootstrap-table-search-color: #4f4f4f;
    --bootstrap-table-entries-font-family: Arial;
    --bootstrap-table-entries-font-size: 14px;
    --bootstrap-table-entries-font-weight: normal;
    --bootstrap-table-entries-font-style: normal;
    --bootstrap-table-entries-text-decoration: none;
    --bootstrap-table-entries-color: #4f4f4f;
    --bootstrap-table-navigation-font-family: Arial;
    --bootstrap-table-navigation-font-size: 14px;
    --bootstrap-table-navigation-font-weight: normal;
    --bootstrap-table-navigation-font-style: normal;
    --bootstrap-table-navigation-text-decoration: none;
    --bootstrap-table-navigation-color: var(--bootstrap-selected-background-color);


    --dt-row-selected: var(--bootstrap-table-row-selected-background-color) !important;
    --dt-row-selected-text: var(--bootstrap-table-row-selected-color) !important;
    --dt-row-selected-link: var(--bootstrap-table-row-selected-color) !important;
    --dt-row-stripe: var(--bootstrap-table-row-odd-background-color) !important;
    --dt-row-hover: var(--bootstrap-table-row-hover-background-color) !important;
    --dt-html-background: white;
}

.bootstraped:where(.v1) .dt-container {
    width: var(--bootstrap-table-width);
    background-color: var(--bootstrap-table-background-color);
    margin: var(--bootstrap-table-margin);
    padding: var(--bootstrap-table-padding);
    border-top: var(--bootstrap-table-border-top);
    border-bottom: var(--bootstrap-table-border-bottom);
    border-left: var(--bootstrap-table-border-left);
    border-right: var(--bootstrap-table-border-right);

}

.bootstraped:where(.v1) .dt-container .dt-buttons.btn-group.flex-wrap{
    margin-bottom: 5px;
}

.bootstraped:where(.v1) .dt-container .simple-table-container {
    margin-top: 6px;
    overflow: hidden;
    max-height: var(--bootstrap-table-no-pagination-height, auto);
}

.bootstraped:where(.v1) .dt-container .simple-table-container:has(> .table-no-pagination) {
    overflow-y: auto;
}

.bootstraped:where(.v1) .dt-container .simple-table-container > table.table.table-no-pagination > thead > tr {
    position: sticky;
    top: 0;
    z-index: 2;
}

.bootstraped:where(.v1) .dt-container .simple-table-container:has(> .table-fixed-columns) {
    overflow-x: auto;
}

.bootstraped:where(.v1) .dt-container .simple-table-container > table.table.table-fixed-columns > thead > tr > th.fixed-column,
.bootstraped:where(.v1) .dt-container .simple-table-container > table.table.table-fixed-columns > tbody > tr > td.fixed-column {
    position: sticky;
    left: 0;
    z-index: 1;
}

.bootstraped:where(.v1) .dt-container table {
    margin-top: 0 !important;
    border: 0;
}

.bootstraped:where(.v1) .dt-container :is(table, .dataTables_scrollHead, .dataTables_scrollBody) {
    background-color: var(--bootstrap-table-background-color) !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead > div > table.dataTable tr,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr:not([data-dt-row]),
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr th{
    background-color: var(--bootstrap-table-header-background-color);
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead {
    margin-bottom: -2px;
}

.bootstraped:where(.v1) .dt-container table.dataTable thead th {
    font-family: var(--bootstrap-table-header-font-family);
    font-size: var(--bootstrap-table-header-font-size);
    color: var(--bootstrap-table-header-color);
    text-decoration: var(--bootstrap-table-header-text-decoration);
    font-style: var(--bootstrap-table-header-font-style);
    font-weight: var(--bootstrap-table-header-font-weight);
    height: var(--bootstrap-table-header-height);
    padding: var(--bootstrap-table-header-padding) !important;
    background: none;
    vertical-align: middle;
}

.bootstraped:where(.v1) .dt-container table.dataTable thead th:not(:has(> :where(.dt-column-header) > :where(.dt-column-order)[role=button])) {
    padding: var(--bootstrap-table-header-padding-no-sorting) !important;
}

.bootstraped:where(.v1) table.dataTable>thead .sorting:before,
.bootstraped:where(.v1) table.dataTable>thead .sorting:after,
.bootstraped:where(.v1) table.dataTable>thead .sorting_asc:before,
.bootstraped:where(.v1) table.dataTable>thead .sorting_asc:after,
.bootstraped:where(.v1) table.dataTable>thead .sorting_desc:before,
.bootstraped:where(.v1) table.dataTable>thead .sorting_desc:after,
.bootstraped:where(.v1) table.dataTable>thead .sorting_asc_disabled:before,
.bootstraped:where(.v1) table.dataTable>thead .sorting_asc_disabled:after,
.bootstraped:where(.v1) table.dataTable>thead .sorting_desc_disabled:before,
.bootstraped:where(.v1) table.dataTable>thead .sorting_desc_disabled:after {
    font-size: 14px;
    bottom: 40%;
}

.bootstraped:where(.v1) table.dataTable thead>tr>th div.dt-column-header,
.bootstraped:where(.v1) table.dataTable thead>tr>th div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable thead>tr>td div.dt-column-header,
.bootstraped:where(.v1) table.dataTable thead>tr>td div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable tfoot>tr>th div.dt-column-header,
.bootstraped:where(.v1) table.dataTable tfoot>tr>th div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable tfoot>tr>td div.dt-column-header,
.bootstraped:where(.v1) table.dataTable tfoot>tr>td div.dt-column-footer {
    gap: 0;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody > table.dataTable > thead {
    visibility: hidden;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody > table.dataTable > thead > tr,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody > table.dataTable > thead > tr > th{
    height: 2px !important;
    line-height: 2px !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody > table.dataTable > thead th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
}

.bootstraped:where(.v1) .dt-container .table-bordered > tfoot > tr > td,
.bootstraped:where(.v1) .dt-container .table-bordered > tfoot > tr > th,
.bootstraped:where(.v1) .dt-container .table-bordered > thead > tr > td,
.bootstraped:where(.v1) .dt-container .table-bordered > thead > tr > th {
    box-shadow: none;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead:has(.table-no-header),
.bootstraped:where(.v1) .dt-container .simple-table-container .table-no-header thead {
    visibility: hidden;
}

.bootstraped:where(.v1) .dt-container table.dataTable.table-no-header thead,
.bootstraped:where(.v1) .dt-container table.dataTable.table-no-header thead >tr,
.bootstraped:where(.v1) .dt-container table.dataTable.table-no-header thead >tr >th{
    height: 0 !important;
    border-top-color: #00000000 !important;
    border-left-color: #00000000 !important;
    border-right-color: #00000000 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tbody tr:not([data-dt-row]) td{
    background-color: var(--bootstrap-table-row-odd-background-color);
    font-family: var(--bootstrap-table-row-odd-font-family);
    font-size: var(--bootstrap-table-row-odd-font-size);
    color: var(--bootstrap-table-row-odd-color);
    text-decoration: var(--bootstrap-table-row-odd-text-decoration);
    font-style: var(--bootstrap-table-row-odd-font-style);
    font-weight: var(--bootstrap-table-row-odd-font-weight);
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable.table-striped tr.even td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped tbody tr.even td{
    background-color: var(--bootstrap-table-row-even-background-color);
    font-family: var(--bootstrap-table-row-even-font-family);
    font-size: var(--bootstrap-table-row-even-font-size);
    color: var(--bootstrap-table-row-even-color);
    text-decoration: var(--bootstrap-table-row-even-text-decoration);
    font-style: var(--bootstrap-table-row-even-font-style);
    font-weight: var(--bootstrap-table-row-even-font-weight);
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable.table-striped tr.odd td ,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped tbody tr.odd td{
    background-color: var(--bootstrap-table-row-odd-background-color);
    font-family: var(--bootstrap-table-row-odd-font-family);
    font-size: var(--bootstrap-table-row-odd-font-size);
    color: var(--bootstrap-table-row-odd-color);
    text-decoration: var(--bootstrap-table-row-odd-text-decoration);
    font-style: var(--bootstrap-table-row-odd-font-style);
    font-weight: var(--bootstrap-table-row-odd-font-weight);
}

.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable > tbody > tr.selected > td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped > tbody > tr.even.selected > td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped > tbody > tr.odd.selected > td {
    background-color: var(--bootstrap-table-row-selected-background-color);
    color: var(--bootstrap-table-row-selected-color);
    font-family: var(--bootstrap-table-row-selected-font-family);
    font-size: var(--bootstrap-table-row-selected-font-size);
    text-decoration: var(--bootstrap-table-row-selected-text-decoration);
    font-style: var(--bootstrap-table-row-selected-font-style);
    font-weight: var(--bootstrap-table-row-selected-font-weight);
}

.bootstraped:where(.v1) .dt-container table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
    box-shadow: none;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tbody tr td,
.bootstraped:where(.v1) .dt-container table.dataTable tr td {
    height: var(--bootstrap-table-row-height);
    padding: var(--bootstrap-table-row-padding);
    border-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    vertical-align: middle;
}

.bootstraped:where(.v1) .dt-container tr th,
.bootstraped:where(.v1) .dt-container tr td {
    border: var(--bootstrap-table-cell-border) !important;
    border-right: none !important;
    border-left: none !important;
    box-shadow: none;
}

.bootstraped:where(.v1) .dt-container table.dataTable tr td {
    border-top: none !important;
}

.bootstraped:where(.v1) .dt-container table.dataTable.table-no-header:not(.table-borderless) tr:first-child td {
    border-top: var(--bootstrap-table-cell-border) !important;
}

.bootstraped:where(.v1) .dt-container table.dataTable tr th:first-child,
.bootstraped:where(.v1) .dt-container table.dataTable tr td:first-child {
    border-left: var(--bootstrap-table-cell-border) !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead table.dataTable tr th:last-child,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td:last-child,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td:last-child {
    border-right: var(--bootstrap-table-cell-border) !important;
}

.bootstraped:where(.v1) .dt-container table.dataTable.table-bordered tr th,
.bootstraped:where(.v1) .dt-container table.dataTable.table-bordered tr td {
    border-right: var(--bootstrap-table-cell-border) !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead table.dataTable tr td {
    border-bottom-width: 1px;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead table.dataTable tr td:first-child {
    border-left-width: 1px;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollHead table.dataTable tr td:last-child {
    border-right-width: 1px;
}

.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr th,
.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr th:first-child,
.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr th:last-child,
.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr td,
.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr td:first-child,
.bootstraped:where(.v1) .dt-container table.dataTable.table-borderless tr td:last-child {
    border: none !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr:hover td,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable.table-striped tr.odd:hover td,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable.table-striped tr.even:hover td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable > tbody > tr:hover > td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped > tbody > tr.odd:hover > td,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable.table-striped > tbody > tr.even:hover > td {
    background-color: var(--bootstrap-table-row-hover-background-color);
    color: var(--bootstrap-table-row-hover-color)
}

@media (hover: none) {
    .bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr:hover td,
    .bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable > tbody > tr:hover > td{
        background-color: inherit !important;
    }
}

.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td.editable:hover
{
    background-color: transparent;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td .btn.ams + .btn.ams,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td .btn.ams + .btn.ams {
    margin-left: 1px;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td .table-widget-btn-icon-action,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td .table-widget-btn-icon-action {
    padding: 0 0 0 3px;
    vertical-align: middle;
    align-items: center;
    display: inline-block;
    background-color: transparent;
    margin: 0 3px 0 0;
}

.bootstraped:where(.v1) .dt-container table.dataTable tr td:has(button.table-widget-btn-icon-action) {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr.selected td > .btn.ams,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr.selected td > .btn.ams i:not(.table-widget-btn-i-action),
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr.selected td > .btn.ams,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr.selected td > .btn.ams i:not(.table-widget-btn-i-action) {
    background-color: transparent;
    color: var(--bootstrap-table-row-selected-color);
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td > .btn.ams,
.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr td > .btn.ams i,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td > .btn.ams,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr td > .btn.ams i {
    width: auto;
    height: auto;
    min-height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    align-items: center;
    display: flex;
}

.bootstraped:where(.v1) .dt-container .dataTables_scrollBody table.dataTable tr.selected td .btn.ams.btn-primary,
.bootstraped:where(.v1) .dt-container .simple-table-container table.dataTable tr.selected td .btn.ams.btn-primary {
    color: var(--appollo-color);
}

.bootstraped:where(.v1) .dt-container  div.dt-length * {
    font-family: var(--bootstrap-table-entries-font-family);
    font-size: var(--bootstrap-table-entries-font-size);
    color: var(--bootstrap-table-entries-color);
    text-decoration: var(--bootstrap-table-entries-text-decoration);
    font-style: var(--bootstrap-table-entries-font-style);
    font-weight: var(--bootstrap-table-entries-font-weight);
}

.bootstraped:where(.v1) .dt-container div.dt-length select {
    padding-right: 30px;
    min-width: 70px;
}

.bootstraped:where(.v1) .dt-container .dt-info,
.bootstraped:where(.v1) .dt-container .dt-info * {
    font-family: var(--bootstrap-table-entries-font-family);
    font-size: var(--bootstrap-table-entries-font-size);
    text-decoration: var(--bootstrap-table-entries-text-decoration);
    font-style: var(--bootstrap-table-entries-font-style);
    font-weight: var(--bootstrap-table-entries-font-weight);
    color: var(--bootstrap-table-entries-color);

    container-type: inline-size;
}

@media (max-width: 768px) {
    .bootstraped:where(.v1) .dt-container .dt-info .select-info {
        display: none;
    }
}

@container (max-width: 250px) {
    .bootstraped:where(.v1) .dt-container .dt-info .select-info {
        display: none;
    }
}

.bootstraped:where(.v1) .dt-container .dt-search * {
    font-family: var(--bootstrap-table-search-font-family);
    font-size: var(--bootstrap-table-search-font-size);
    color: var(--bootstrap-table-search-color);
    text-decoration: var(--bootstrap-table-search-text-decoration);
    font-style: var(--bootstrap-table-search-font-style);
    font-weight: var(--bootstrap-table-search-font-weight);
}

.bootstraped:where(.v1) div.dt-container div.dt-search > label > input[type=search] {
    padding: 5px 10px;
}

.bootstraped:where(.v1) div.dt-container .dt-paging .page-link {
    font-family: var(--bootstrap-table-navigation-font-family);
    font-size: var(--bootstrap-table-navigation-font-size);
    color: var(--bootstrap-table-navigation-color);
    text-decoration: var(--bootstrap-table-navigation-text-decoration);
    font-style: var(--bootstrap-table-navigation-font-style);
    font-weight: var(--bootstrap-table-navigation-font-weight);
}

.bootstraped:where(.v1) div.dt-container .dt-paging .active .page-link {
    background-color: var(--bootstrap-selected-background-color);
    color: white;
}

.bootstraped:where(.v1) div.dt-container table tr .btn:not(div.bootstrapeditor-panel .btn) {
    width: auto;
    display: inline-block;
}

.bootstraped:where(.v1) div.dt-container div.dt-paging ul.pagination,
.bootstraped:where(.v1) div.dt-container div.dt-search{
    justify-content: flex-end;
    display: flex;
}

@media (min-width: 769px) {
    .bootstraped:where(.v1) table tr.visible-only-smartphone {
        display: none;
    }
}

.bootstraped:where(.v1) table tr > td > .bootstrapeditor-panel {
    width: calc(100% + 0);
}

.bootstraped:where(.v1) table tr > td:has(> .bootstrapeditor-panel) {
    padding: 10px !important;
}

.bootstraped:where(.v1) table tr.table-row-inline-editing > td.table-cell-inline-editing > .table-widget-inline-editing:not([input=checkbox]) {
    margin-top: -3px;
    margin-bottom: -3px;
    outline: none;
}

.bootstraped:where(.v1) .btn.table-widget-btn-icon-action:disabled {
    background-color: transparent !important;
}

.bootstraped:where(.v1) table tr td button[btn-action]:focus{
    display: inline-flex  !important;
}

.bootstraped:where(.v1) table.dataTable th.dt-type-numeric div.dt-column-header,
.bootstraped:where(.v1) table.dataTable th.dt-type-numeric div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable th.dt-type-date div.dt-column-header,
.bootstraped:where(.v1) table.dataTable th.dt-type-date div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable td.dt-type-numeric div.dt-column-header,
.bootstraped:where(.v1) table.dataTable td.dt-type-numeric div.dt-column-footer,
.bootstraped:where(.v1) table.dataTable td.dt-type-date div.dt-column-header,
.bootstraped:where(.v1) table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: inherit !important;
}

.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order {
    position: relative;
    line-height: 14px;
    width: 12px;
    height: 16px;
    display: flex;
}

.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after,
.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after {
    position: static;
    display: block;
    font-size: 14px;
    height: 14px !important;
    line-height: 14px;
    content: "\2193";
    content: "\2193"/""
}

.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,
.bootstraped:where(.v1) table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,
.bootstraped:where(.v1) table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before {
    position: static;
    display: block;
    font-size: 14px;
    height: 14px !important;
    line-height: 14px;
    content: "\2191";
    content: "\2191"/""
}

.bootstraped:where(.v1) table tr td .bootstrapeditor-panel.panel .row.gridRow[hidden-monitor="true"] {
    display: flex !important;
}

/* file upload */
.bootstraped:where(.v1) .file-upload-wrapper {
    --bootstrap-fileupload-text-align: center;
    --bootstrap-fileupload-height: 36px;
    --bootstrap-fileupload-width: 100%;
    --bootstrap-fileupload-height-dropzone: 60px;

    --bootstrap-fileupload-font-family: var(--bootstrap-general-button-font-family);
    --bootstrap-fileupload-font-size: var(--bootstrap-general-button-font-size);
    --bootstrap-fileupload-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-fileupload-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-fileupload-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-fileupload-color: var(--bootstrap-general-button-color);
    --bootstrap-fileupload-background-color: var(--bootstrap-general-button-background-color);

    --bootstrap-fileupload-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-fileupload-font-size-hover: var(--bootstrap-font-size);
    --bootstrap-fileupload-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-fileupload-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-fileupload-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-color-hover: var(--bootstrap-general-button-color-hover);
    --bootstrap-fileupload-background-color-hover: var(--bootstrap-general-button-hover-background-color);

    --bootstrap-fileupload-font-family-click: var(--bootstrap-font-family);
    --bootstrap-fileupload-font-size-click: var(--bootstrap-font-size);
    --bootstrap-fileupload-font-weight-click: var(--bootstrap-font-weight);
    --bootstrap-fileupload-font-style-click: var(--bootstrap-font-style);
    --bootstrap-fileupload-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-color-click: white;
    --bootstrap-fileupload-background-color-click: #018099;

    --bootstrap-fileupload-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-fileupload-font-size-disabled: var(--bootstrap-font-size);
    --bootstrap-fileupload-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-fileupload-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-fileupload-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-color-disabled: #383737;
    --bootstrap-fileupload-background-color-disabled: var(--bootstrap-general-button-disabled-background-color);

    --bootstrap-fileupload-margin-top: 0;
    --bootstrap-fileupload-margin-right: 0;
    --bootstrap-fileupload-margin-bottom: 0;
    --bootstrap-fileupload-margin-left: 0;
    --bootstrap-fileupload-margin: var(--bootstrap-fileupload-margin-top) var(--bootstrap-fileupload-margin-right) var(--bootstrap-fileupload-margin-bottom) var(--bootstrap-fileupload-margin-left);
    --bootstrap-fileupload-padding-top: 8px;
    --bootstrap-fileupload-padding-right: 12px;
    --bootstrap-fileupload-padding-bottom: 8px;
    --bootstrap-fileupload-padding-left: 12px;
    --bootstrap-fileupload-padding: var(--bootstrap-fileupload-padding-top) var(--bootstrap-fileupload-padding-right) var(--bootstrap-fileupload-padding-bottom) var(--bootstrap-fileupload-padding-left);
    --bootstrap-fileupload-border-top-width: 0;
    --bootstrap-fileupload-border-top-style: none;
    --bootstrap-fileupload-border-top-color: white;
    --bootstrap-fileupload-border-top: var(--bootstrap-fileupload-border-top-width) var(--bootstrap-fileupload-border-top-style) var(--bootstrap-fileupload-border-top-color);
    --bootstrap-fileupload-border-bottom-width: 0;
    --bootstrap-fileupload-border-bottom-style: none;
    --bootstrap-fileupload-border-bottom-color: white;
    --bootstrap-fileupload-border-bottom: var(--bootstrap-fileupload-border-bottom-width) var(--bootstrap-fileupload-border-bottom-style) var(--bootstrap-fileupload-border-bottom-color);
    --bootstrap-fileupload-border-left-width: 0;
    --bootstrap-fileupload-border-left-style: none;
    --bootstrap-fileupload-border-left-color: white;
    --bootstrap-fileupload-border-left: var(--bootstrap-fileupload-border-left-width) var(--bootstrap-fileupload-border-left-style) var(--bootstrap-fileupload-border-left-color);
    --bootstrap-fileupload-border-right-width: 0;
    --bootstrap-fileupload-border-right-style: none;
    --bootstrap-fileupload-border-right-color: white;
    --bootstrap-fileupload-border-right: var(--bootstrap-fileupload-border-right-width) var(--bootstrap-fileupload-border-right-style) var(--bootstrap-fileupload-border-right-color);

    --bootstrap-fileupload-dropzone-font-family: var(--bootstrap-general-button-font-family);
    --bootstrap-fileupload-dropzone-font-size: 16px;
    --bootstrap-fileupload-dropzone-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-fileupload-dropzone-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-fileupload-dropzone-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-fileupload-dropzone-color: #4f4f4f;
    --bootstrap-fileupload-dropzone-background-color: transparent;

    --bootstrap-fileupload-dropzone-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-fileupload-dropzone-font-size-hover: 16px;
    --bootstrap-fileupload-dropzone-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-fileupload-dropzone-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-fileupload-dropzone-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-dropzone-color-hover: #4f4f4f;
    --bootstrap-fileupload-dropzone-background-color-hover: transparent;

    --bootstrap-fileupload-dropzone-font-family-click: var(--bootstrap-font-family);
    --bootstrap-fileupload-dropzone-font-size-click: 16px;
    --bootstrap-fileupload-dropzonefont-weight-click: var(--bootstrap-font-weight);
    --bootstrap-fileupload-dropzone-font-style-click: var(--bootstrap-font-style);
    --bootstrap-fileupload-dropzone-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-dropzone-color-click: #4f4f4f;
    --bootstrap-fileupload-dropzone-background-color-click: transparent;

    --bootstrap-fileupload-dropzone-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-fileupload-dropzone-font-size-disabled: 16px;
    --bootstrap-fileupload-dropzone-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-fileupload-dropzone-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-fileupload-dropzone-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-fileupload-dropzone-color-disabled: #383737;
    --bootstrap-fileupload-dropzone-background-color-disabled: var(--bootstrap-general-button-disabled-background-color);

    --bootstrap-fileupload-dropzone-text-align: center;
    --bootstrap-fileupload-dropzone-width: 100%;
    --bootstrap-fileupload-dropzone-height: 136px;
    --bootstrap-fileupload-dropzone-height-dropzone: 60px;
    --bootstrap-fileupload-dropzone-margin-top: 0;
    --bootstrap-fileupload-dropzone-margin-right: 0;
    --bootstrap-fileupload-dropzone-margin-bottom: 0;
    --bootstrap-fileupload-dropzone-margin-left: 0;
    --bootstrap-fileupload-dropzone-margin: var(--bootstrap-fileupload-dropzone-margin-top) var(--bootstrap-fileupload-dropzone-margin-right) var(--bootstrap-fileupload-dropzone-margin-bottom) var(--bootstrap-fileupload-dropzone-margin-left);
    --bootstrap-fileupload-dropzone-padding-top: 8px;
    --bootstrap-fileupload-dropzone-padding-right: 12px;
    --bootstrap-fileupload-dropzone-padding-bottom: 8px;
    --bootstrap-fileupload-dropzone-padding-left: 12px;
    --bootstrap-fileupload-dropzone-padding: var(--bootstrap-fileupload-dropzone-padding-top) var(--bootstrap-fileupload-dropzone-padding-right) var(--bootstrap-fileupload-dropzone-padding-bottom) var(--bootstrap-fileupload-dropzone-padding-left);
    --bootstrap-fileupload-dropzone-border-top-width: 1px;
    --bootstrap-fileupload-dropzone-border-top-style: dashed;
    --bootstrap-fileupload-dropzone-border-top-color: #0000004C;
    --bootstrap-fileupload-dropzone-border-top: var(--bootstrap-fileupload-dropzone-border-top-width) var(--bootstrap-fileupload-dropzone-border-top-style) var(--bootstrap-fileupload-dropzone-border-top-color);
    --bootstrap-fileupload-dropzone-border-bottom-width: 1px;
    --bootstrap-fileupload-dropzone-border-bottom-style: dashed;
    --bootstrap-fileupload-dropzone-border-bottom-color: #0000004C;
    --bootstrap-fileupload-dropzone-border-bottom: var(--bootstrap-fileupload-dropzone-border-bottom-width) var(--bootstrap-fileupload-dropzone-border-bottom-style) var(--bootstrap-fileupload-dropzone-border-bottom-color);
    --bootstrap-fileupload-dropzone-border-left-width: 1px;
    --bootstrap-fileupload-dropzone-border-left-style: dashed;
    --bootstrap-fileupload-dropzone-border-left-color: #0000004C;
    --bootstrap-fileupload-dropzone-border-left: var(--bootstrap-fileupload-dropzone-border-left-width) var(--bootstrap-fileupload-dropzone-border-left-style) var(--bootstrap-fileupload-dropzone-border-left-color);
    --bootstrap-fileupload-dropzone-border-right-width: 1px;
    --bootstrap-fileupload-dropzone-border-right-style: dashed;
    --bootstrap-fileupload-dropzone-border-right-color: #0000004C;
    --bootstrap-fileupload-dropzone-border-right: var(--bootstrap-fileupload-dropzone-border-right-width) var(--bootstrap-fileupload-dropzone-border-right-style) var(--bootstrap-fileupload-dropzone-border-right-color);
}

.bootstraped:where(.v1) .file-upload.disabled .file-upload-message {
    text-decoration: none;
}

.bootstraped:where(.v1) .file-upload-wrapper {
    margin: var(--bootstrap-fileupload-margin);
}

.bootstraped:where(.v1) .file-upload-wrapper:has(.dropzone-wrapper .file-upload .invalid-feedback) {
    padding-bottom: 1rem;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .file-upload .invalid-feedback {
    padding-top: 1rem;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .file-upload:has(.file-upload-input[data-mandatory=true]) .file-upload-previews {
    background-color: var(--bootstrap-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper:has(.file-upload .file-upload-input.invalid.is-invalid):not(:has(.file-upload-preview)) {
    border: 1px solid #dc4c64 !important;
}

.bootstraped:where(.v1) .file-upload-wrapper .fileupload:has(button input[data-mandatory=true]):not(.invalid.is-invalid):not([disabled]) {
    box-shadow: 0px 0px 5px #d2d274;
}

.bootstraped:where(.v1) .file-upload-wrapper .btn-file {
    width: var(--bootstrap-fileupload-width);
    height: var(--bootstrap-fileupload-height);
    background-color: var(--bootstrap-fileupload-background-color);
    color: var(--bootstrap-fileupload-color);
    font-size: var(--bootstrap-fileupload-font-size);
    font-family: var(--bootstrap-fileupload-font-family);
    text-decoration: var(--bootstrap-fileupload-text-decoration);
    font-style: var(--bootstrap-fileupload-font-style);
    font-weight: var(--bootstrap-fileupload-font-weight);
    padding: var(--bootstrap-fileupload-padding);
    border-top: var(--bootstrap-fileupload-border-top);
    border-right: var(--bootstrap-fileupload-border-right);
    border-bottom: var(--bootstrap-fileupload-border-bottom);
    border-left: var(--bootstrap-fileupload-border-left);
    box-shadow: none;
    display: inline-flex;
    justify-content: var(--bootstrap-fileupload-text-align);
    align-items: center;
    text-transform: none;
    border-radius: 0;
    overflow: hidden;
}

.bootstraped:where(.v1) .fileupload .btn.btn-file span{
    display: flex;
    align-items: center;
}

.bootstraped:where(.v1) .file-upload-wrapper .btn-file:hover {
    color: var(--bootstrap-fileupload-color-hover);
    background-color: var(--bootstrap-fileupload-background-color-hover);
    font-size: var(--bootstrap-fileupload-font-size-hover);
    font-family: var(--bootstrap-fileupload-font-family-hover);
    text-decoration: var(--bootstrap-fileupload-text-decoration-hover);
    font-style: var(--bootstrap-fileupload-font-style-hover);
    font-weight: var(--bootstrap-fileupload-font-weight-hover);
}

.bootstraped:where(.v1) .file-upload-wrapper .btn-file .fileupload-new {
    text-transform: none;
}

.bootstraped:where(.v1) .file-upload-wrapper .fileupload-preview {
    font-size: var(--bootstrap-fileupload-font-size);
    font-family: var(--bootstrap-fileupload-font-family);
    text-decoration: var(--bootstrap-fileupload-text-decoration);
    font-style: var(--bootstrap-fileupload-font-style);
    font-weight: var(--bootstrap-fileupload-font-weight);
}

.bootstraped:where(.v1) .file-upload-wrapper .fileupload-preview.position-above,
.bootstraped:where(.v1) .file-upload-wrapper .fileupload-preview.position-below {
    word-wrap: break-word;
    white-space: nowrap;
}

.bootstraped:where(.v1) .file-upload-wrapper .fileupload-preview.position-right {
    position: absolute;
    padding-left: 5px;
    padding-top: 5px;
    width: max-content;
    z-index: 1;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper {
    width: var(--bootstrap-fileupload-dropzone-width);
    height: var(--bootstrap-fileupload-dropzone-height);
    color: var(--bootstrap-fileupload-dropzone-color);
    background-color: var(--bootstrap-fileupload-dropzone-background-color);
    font-size: var(--bootstrap-fileupload-dropzone-font-size);
    font-family: var(--bootstrap-fileupload-dropzone-font-family);
    text-decoration: var(--bootstrap-fileupload-dropzone-text-decoration);
    font-style: var(--bootstrap-fileupload-dropzone-font-style);
    font-weight: var(--bootstrap-fileupload-dropzone-font-weight);
    border-top: var(--bootstrap-fileupload-dropzone-border-top);
    border-right: var(--bootstrap-fileupload-dropzone-border-right);
    border-bottom: var(--bootstrap-fileupload-dropzone-border-bottom);
    border-left: var(--bootstrap-fileupload-dropzone-border-left);
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .file-upload.has-preview .file-upload-previews .file-upload-preview {
    background-color: var(--bootstrap-fileupload-dropzone-background-color);
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper:hover {
    background-color: var(--bootstrap-fileupload-dropzone-background-color-hover);
    color: var(--bootstrap-fileupload-dropzone-color-hover);
    font-size: var(--bootstrap-fileupload-dropzone-font-size-hover);
    font-family: var(--bootstrap-fileupload-dropzone-font-family-hover);
    text-decoration: var(--bootstrap-fileupload-dropzone-text-decoration-hover);
    font-style: var(--bootstrap-fileupload-dropzone-font-style-hover);
    font-weight: var(--bootstrap-fileupload-dropzone-font-weight-hover);
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .dz-message {
    text-align: var(--bootstrap-fileupload-dropzone-text-align);
    margin: 0;
}

.bootstraped:where(.v1) .dropzone-wrapper .file-upload.has-preview .file-upload-message i{
    opacity: 0;
}

.bootstraped:where(.v1) .dropzone-wrapper .file-upload.has-preview .file-upload-message .file-upload-default-message,
.bootstraped:where(.v1) .dropzone-wrapper .file-upload.has-preview .file-upload-message .file-upload-main-error{
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 80%;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper:has(.disabled) {
    background-color: var(--bootstrap-fileupload-dropzone-background-color-disabled) !important;
    color: var(--bootstrap-fileupload-dropzone-color-disabled) !important;
    font-size: var(--bootstrap-fileupload-dropzone-font-size-disabled) !important;
    font-family: var(--bootstrap-fileupload-dropzone-font-family-disabled) !important;
    text-decoration: var(--bootstrap-fileupload-dropzone-text-decoration-disabled) !important;
    font-style: var(--bootstrap-fileupload-dropzone-font-style-disabled) !important;
    font-weight: var(--bootstrap-fileupload-dropzone-font-weight-disabled) !important;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone .dz-message {
    text-align: var(--bootstrap-fileupload-dropzone-text-align);
    margin: 0;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .disabled:not(.btn) input,
.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .disabled:not(.btn) .file-upload-mask,
.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .disabled:not(.btn) .file-upload-mask> *{
    opacity: 0;
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .file-upload.disabled .file-upload-message,
.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper .file-upload.disabled .file-upload-message > * {
    opacity: 1;
    text-decoration: none;
}

.bootstraped:where(.v1) .file-upload-wrapper .fileupload{
    background-color: transparent !important;
}

.bootstraped:where(.v1) .file-upload-wrapper .btn-file:disabled {
    color: var(--bootstrap-fileupload-color-disabled) !important;
    background-color: var(--bootstrap-fileupload-background-color-disabled) !important;
    font-size: var(--bootstrap-fileupload-font-size-disabled) !important;
    font-family: var(--bootstrap-fileupload-font-family-disabled) !important;
    text-decoration: var(--bootstrap-fileupload-text-decoration-disabled) !important;
    font-style: var(--bootstrap-fileupload-font-style-disabled) !important;
    font-weight: var(--bootstrap-fileupload-font-weight-disabled) !important;
    border-color: #fff !important;
}

.bootstraped:where(.v1) .file-upload-wrapper .btn.btn-primary:not(:disabled):not(.disabled):active,
.bootstraped:where(.v1) .file-upload-wrapper .btn-primary:not(:disabled):not(.disabled).active,
.bootstraped:where(.v1) .file-upload-wrapper .show > .btn-primary.dropdown-toggle,
.bootstraped:where(.v1) .file-upload-wrapper .btn.btn-primary:focus-visible,
.bootstraped:where(.v1) .file-upload-wrapper .btn-check:focus+.btn.btn-primary,
.bootstraped:where(.v1) .file-upload-wrapper .btn-check:focus-visible+.btn.btn-primary,
.bootstraped:where(.v1) .file-upload-wrapper .btn.btn-primary:focus {
    color: var(--bootstrap-fileupload-color-click) !important;
    background-color: var(--bootstrap-fileupload-background-color-click);
    font-size: var(--bootstrap-fileupload-font-size-click);
    font-family: var(--bootstrap-fileupload-font-family-click);
    text-decoration: var(--bootstrap-fileupload-text-decoration-click);
    font-style: var(--bootstrap-fileupload-font-style-click);
    font-weight: var(--bootstrap-fileupload-font-weight-click);
}

.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper:active,
.bootstraped:where(.v1) .file-upload-wrapper .dropzone-wrapper.active {
    background-color: var(--bootstrap-fileupload-dropzone-background-color-click);
    color: var(--bootstrap-fileupload-dropzone-color-click);
    font-size: var(--bootstrap-fileupload-dropzone-font-size-click);
    font-family: var(--bootstrap-fileupload-dropzone-font-family-click);
    text-decoration: var(--bootstrap-fileupload-dropzone-text-decoration-click);
    font-style: var(--bootstrap-fileupload-dropzone-font-style-click);
    font-weight: var(--bootstrap-fileupload-dropzone-font-weight-click);
}

/* file download */
.bootstraped:where(.v1) .file-download-wrapper {
    --bootstrap-filedownload-text-align: center;
    --bootstrap-filedownload-width: 100%;
    --bootstrap-filedownload-height: 36px;
    --bootstrap-filedownload-box-shadow: none;

    --bootstrap-filedownload-font-family: var(--bootstrap-general-button-font-family);
    --bootstrap-filedownload-font-size: var(--bootstrap-general-button-font-size);
    --bootstrap-filedownload-font-weight: var(--bootstrap-general-button-font-weight);
    --bootstrap-filedownload-font-style: var(--bootstrap-general-button-font-style);
    --bootstrap-filedownload-text-decoration: var(--bootstrap-general-button-text-decoration);
    --bootstrap-filedownload-color: var(--bootstrap-general-button-color);
    --bootstrap-filedownload-background-color: var(--bootstrap-general-button-background-color);

    --bootstrap-filedownload-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-filedownload-font-size-hover: var(--bootstrap-font-size);
    --bootstrap-filedownload-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-filedownload-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-filedownload-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-color-hover: var(--bootstrap-general-button-color-hover);
    --bootstrap-filedownload-background-color-hover: var(--bootstrap-general-button-hover-background-color);

    --bootstrap-filedownload-font-family-click: var(--bootstrap-font-family);
    --bootstrap-filedownload-font-size-click: var(--bootstrap-font-size);
    --bootstrap-filedownload-font-weight-click: var(--bootstrap-font-weight);
    --bootstrap-filedownload-font-style-click: var(--bootstrap-font-style);
    --bootstrap-filedownload-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-color-click: white;
    --bootstrap-filedownload-background-color-click: #018099;

    --bootstrap-filedownload-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-filedownload-font-size-disabled: var(--bootstrap-font-size);
    --bootstrap-filedownload-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-filedownload-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-filedownload-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-color-disabled: #383737;
    --bootstrap-filedownload-background-color-disabled: var(--bootstrap-general-button-disabled-background-color);


    --bootstrap-filedownload-margin-top: 0;
    --bootstrap-filedownload-margin-right: 0;
    --bootstrap-filedownload-margin-bottom: 0;
    --bootstrap-filedownload-margin-left: 0;
    --bootstrap-filedownload-margin: var(--bootstrap-filedownload-margin-top) var(--bootstrap-filedownload-margin-right) var(--bootstrap-filedownload-margin-bottom) var(--bootstrap-filedownload-margin-left);
    --bootstrap-filedownload-padding-top: 8px;
    --bootstrap-filedownload-padding-right: 12px;
    --bootstrap-filedownload-padding-bottom: 8px;
    --bootstrap-filedownload-padding-left: 12px;
    --bootstrap-filedownload-padding: var(--bootstrap-filedownload-padding-top) var(--bootstrap-filedownload-padding-right) var(--bootstrap-filedownload-padding-bottom) var(--bootstrap-filedownload-padding-left);
    --bootstrap-filedownload-border-top-width: 0;
    --bootstrap-filedownload-border-top-style: none;
    --bootstrap-filedownload-border-top-color: white;
    --bootstrap-filedownload-border-top: var(--bootstrap-filedownload-border-top-width) var(--bootstrap-filedownload-border-top-style) var(--bootstrap-filedownload-border-top-color);
    --bootstrap-filedownload-border-bottom-width: 0;
    --bootstrap-filedownload-border-bottom-style: none;
    --bootstrap-filedownload-border-bottom-color: white;
    --bootstrap-filedownload-border-bottom: var(--bootstrap-filedownload-border-bottom-width) var(--bootstrap-filedownload-border-bottom-style) var(--bootstrap-filedownload-border-bottom-color);
    --bootstrap-filedownload-border-left-width: 0;
    --bootstrap-filedownload-border-left-style: none;
    --bootstrap-filedownload-border-left-color: white;
    --bootstrap-filedownload-border-left: var(--bootstrap-filedownload-border-left-width) var(--bootstrap-filedownload-border-left-style) var(--bootstrap-filedownload-border-left-color);
    --bootstrap-filedownload-border-right-width: 0;
    --bootstrap-filedownload-border-right-style: none;
    --bootstrap-filedownload-border-right-color: white;
    --bootstrap-filedownload-border-right: var(--bootstrap-filedownload-border-right-width) var(--bootstrap-filedownload-border-right-style) var(--bootstrap-filedownload-border-right-color);

    --bootstrap-filedownload-link-text-align: center;
    --bootstrap-filedownload-link-hover-color: white;

    --bootstrap-filedownload-link-width: 100%;
    --bootstrap-filedownload-link-height: 36px;
    --bootstrap-filedownload-link-box-shadow: none;

    --bootstrap-filedownload-link-color: #3b71ca;
    --bootstrap-filedownload-link-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-link-font-style: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-font-weight: var(--bootstrap-font-weight);
    --bootstrap-filedownload-link-font-size: var(--bootstrap-font-size);
    --bootstrap-filedownload-link-font-family: var(--bootstrap-font-family);
    --bootstrap-filedownload-link-background-color: transparent;

    --bootstrap-filedownload-link-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-filedownload-link-font-size-hover: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-filedownload-link-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-link-color-hover: var(--appollo-color-hover);
    --bootstrap-filedownload-link-background-color-hover: transparent;

    --bootstrap-filedownload-link-font-family-click: var(--bootstrap-font-family);
    --bootstrap-filedownload-link-font-size-click: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-weight-click: var(--bootstrap-font-weight);
    --bootstrap-filedownload-link-font-style-click: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-link-color-click: #3b71ca;
    --bootstrap-filedownload-link-background-color-click: transparent;

    --bootstrap-filedownload-link-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-filedownload-link-font-size-disabled: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-filedownload-link-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-filedownload-link-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-filedownload-link-color-disabled: #7f7f7f;
    --bootstrap-filedownload-link-background-color-disabled: var(--bootstrap-disabled-background-color);

    --bootstrap-filedownload-link-margin-top: 0;
    --bootstrap-filedownload-link-margin-right: 0;
    --bootstrap-filedownload-link-margin-bottom: 0;
    --bootstrap-filedownload-link-margin-left: 0;
    --bootstrap-filedownload-link-margin: var(--bootstrap-filedownload-link-margin-top) var(--bootstrap-filedownload-link-margin-right) var(--bootstrap-filedownload-link-margin-bottom) var(--bootstrap-filedownload-link-margin-left);
    --bootstrap-filedownload-link-padding-top: 8px;
    --bootstrap-filedownload-link-padding-right: 12px;
    --bootstrap-filedownload-link-padding-bottom: 8px;
    --bootstrap-filedownload-link-padding-left: 12px;
    --bootstrap-filedownload-link-padding: var(--bootstrap-filedownload-link-padding-top) var(--bootstrap-filedownload-link-padding-right) var(--bootstrap-filedownload-link-padding-bottom) var(--bootstrap-filedownload-link-padding-left);
    --bootstrap-filedownload-link-border-top-width: 0;
    --bootstrap-filedownload-link-border-top-style: none;
    --bootstrap-filedownload-link-border-top-color: white;
    --bootstrap-filedownload-link-border-top: var(--bootstrap-filedownload-link-border-top-width) var(--bootstrap-filedownload-link-border-top-style) var(--bootstrap-filedownload-link-border-top-color);
    --bootstrap-filedownload-link-border-bottom-width: 0;
    --bootstrap-filedownload-link-border-bottom-style: none;
    --bootstrap-filedownload-link-border-bottom-color: white;
    --bootstrap-filedownload-link-border-bottom: var(--bootstrap-filedownload-link-border-bottom-width) var(--bootstrap-filedownload-link-border-bottom-style) var(--bootstrap-filedownload-link-border-bottom-color);
    --bootstrap-filedownload-link-border-left-width: 0;
    --bootstrap-filedownload-link-border-left-style: none;
    --bootstrap-filedownload-link-border-left-color: white;
    --bootstrap-filedownload-link-border-left: var(--bootstrap-filedownload-link-border-left-width) var(--bootstrap-filedownload-link-border-left-style) var(--bootstrap-filedownload-link-border-left-color);
    --bootstrap-filedownload-link-border-right-width: 0;
    --bootstrap-filedownload-link-border-right-style: none;
    --bootstrap-filedownload-link-border-right-color: white;
    --bootstrap-filedownload-link-border-right: var(--bootstrap-filedownload-link-border-right-width) var(--bootstrap-filedownload-link-border-right-style) var(--bootstrap-filedownload-link-border-right-color);
}

.bootstraped:where(.v1) .file-download-wrapper {
    margin: var(--bootstrap-filedownload-margin);
}

.bootstraped:where(.v1) .dropzone-wrapper .file-upload {
    height: 100%;
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-btn {
    width: var(--bootstrap-filedownload-width);
    height: var(--bootstrap-filedownload-height);
    background-color: var(--bootstrap-filedownload-background-color);
    color: var(--bootstrap-filedownload-color);
    font-size: var(--bootstrap-filedownload-font-size);
    font-family: var(--bootstrap-filedownload-font-family);
    text-decoration: var(--bootstrap-filedownload-text-decoration);
    font-style: var(--bootstrap-filedownload-font-style);
    font-weight: var(--bootstrap-filedownload-font-weight);
    padding: var(--bootstrap-filedownload-padding);
    border-top: var(--bootstrap-filedownload-border-top);
    border-right: var(--bootstrap-filedownload-border-right);
    border-bottom: var(--bootstrap-filedownload-border-bottom);
    border-left: var(--bootstrap-filedownload-border-left);
    box-shadow: none;
    display: inline-flex;
    justify-content: var(--bootstrap-filedownload-text-align);
    align-items: center;
    text-transform: none;
    border-radius: 0;
    overflow: hidden;
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-btn:hover {
    background-color: var(--bootstrap-filedownload-background-color-hover);
    color: var(--bootstrap-filedownload-color-hover);
    font-size: var(--bootstrap-filedownload-font-size-hover);
    font-family: var(--bootstrap-filedownload-font-family-hover);
    text-decoration: var(--bootstrap-filedownload-text-decoration-hover);
    font-style: var(--bootstrap-filedownload-font-style-hover);
    font-weight: var(--bootstrap-filedownload-font-weight-hover);
}

.bootstraped:where(.v1) .file-download-wrapper .btn.file-download-btn:disabled{
    border-color: #fff !important;
    background-color: var(--bootstrap-filedownload-background-color-disabled) !important;
    color: var(--bootstrap-filedownload-color-disabled) !important;
    font-size: var(--bootstrap-filedownload-font-size-disabled) !important;
    font-family: var(--bootstrap-filedownload-font-family-disabled) !important;
    text-decoration: var(--bootstrap-filedownload-text-decoration-disabled) !important;
    font-style: var(--bootstrap-filedownload-font-style-disabled) !important;
    font-weight: var(--bootstrap-filedownload-font-weight-disabled) !important;
}

.bootstraped:where(.v1) .file-download-wrapper .btn.btn-primary:not(:disabled):not(.disabled):active,
.bootstraped:where(.v1) .file-download-wrapper .btn-primary:not(:disabled):not(.disabled).active,
.bootstraped:where(.v1) .file-download-wrapper .show > .btn-primary.dropdown-toggle,
.bootstraped:where(.v1) .file-download-wrapper .btn.btn-primary:focus-visible,
.bootstraped:where(.v1) .file-download-wrapper .btn-check:focus+.btn.btn-primary,
.bootstraped:where(.v1) .file-download-wrapper .btn-check:focus-visible+.btn.btn-primary,
.bootstraped:where(.v1) .file-download-wrapper .btn.btn-primary:focus {
    background-color: var(--bootstrap-filedownload-background-color-click);
    color: var(--bootstrap-filedownload-color-click) !important;
    font-size: var(--bootstrap-filedownload-font-size-click);
    font-family: var(--bootstrap-filedownload-font-family-click);
    text-decoration: var(--bootstrap-filedownload-text-decoration-click);
    font-style: var(--bootstrap-filedownload-font-style-click);
    font-weight: var(--bootstrap-filedownload-font-weight-click);
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-btn:disabled i{
    color: var(--bootstrap-filedownload-color-disabled) !important;
}

.bootstraped:where(.v1) .file-download-wrapper .fileupload-preview {
    word-wrap: break-word;
    font-size: var(--bootstrap-filedownload-font-size);
    font-family: var(--bootstrap-filedownload-font-family);
    text-decoration: var(--bootstrap-filedownload-text-decoration);
    font-style: var(--bootstrap-filedownload-font-style);
    font-weight: var(--bootstrap-filedownload-font-weight);
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link {
    width: var(--bootstrap-filedownload-link-width);
    height: var(--bootstrap-filedownload-link-height);
    color: var(--bootstrap-filedownload-link-color);
    background-color: var(--bootstrap-filedownload-link-background-color);
    font-size: var(--bootstrap-filedownload-link-font-size);
    font-family: var(--bootstrap-filedownload-link-font-family);
    text-decoration: var(--bootstrap-filedownload-link-text-decoration);
    font-style: var(--bootstrap-filedownload-link-font-style);
    font-weight: var(--bootstrap-filedownload-link-font-weight);
    padding: var(--bootstrap-filedownload-link-padding);
    margin: var(--bootstrap-filedownload-link-margin);
    border-top: var(--bootstrap-filedownload-link-border-top);
    border-right: var(--bootstrap-filedownload-link-border-right);
    border-bottom: var(--bootstrap-filedownload-link-border-bottom);
    border-left: var(--bootstrap-filedownload-link-border-left);
    text-align: var(--bootstrap-filedownload-link-text-align);
    box-shadow: none;
    text-transform: none;
    border-radius: 0;
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link[disabled] a[disabled] {
    pointer-events: none;
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link a {
    cursor: pointer;
    align-items: center;
    display: inline-flex;
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link a:hover {
    color: var(--bootstrap-filedownload-link-color-hover);
    background-color: var(--bootstrap-filedownload-link-background-color-hover);
    font-size: var(--bootstrap-filedownload-link-font-size-hover);
    font-family: var(--bootstrap-filedownload-link-font-family-hover);
    text-decoration: var(--bootstrap-filedownload-link-text-decoration-hover);
    font-style: var(--bootstrap-filedownload-link-font-style-hover);
    font-weight: var(--bootstrap-filedownload-link-font-weight-hover);
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link a:disabled {
    color: var(--bootstrap-filedownload-link-color-disabled);
    background-color: var(--bootstrap-filedownload-link-background-color-disabled);
    font-size: var(--bootstrap-filedownload-link-font-size-disabled);
    font-family: var(--bootstrap-filedownload-link-font-family-disabled);
    text-decoration: var(--bootstrap-filedownload-link-text-decoration-disabled);
    font-style: var(--bootstrap-filedownload-link-font-style-disabled);
    font-weight: var(--bootstrap-filedownload-link-font-weight-disabled);
}

.bootstraped:where(.v1) .file-download-wrapper .file-download-link a:active {
    color: var(--bootstrap-filedownload-link-color-click);
    background-color: var(--bootstrap-filedownload-link-background-color-click);
    font-size: var(--bootstrap-filedownload-link-font-size-click);
    font-family: var(--bootstrap-filedownload-link-font-family-click);
    text-decoration: var(--bootstrap-filedownload-link-text-decoration-click);
    font-style: var(--bootstrap-filedownload-link-font-style-click);
    font-weight: var(--bootstrap-filedownload-link-weight-click);
}

/* panel */
.bootstraped:where(.v1) .panel {
    --bootstrap-panel-background-color: transparent;
    --bootstrap-panel-border-top-width: 0;
    --bootstrap-panel-border-top-style: none;
    --bootstrap-panel-border-top-color: white;
    --bootstrap-panel-border-top: var(--bootstrap-panel-border-top-width) var(--bootstrap-panel-border-top-style) var(--bootstrap-panel-border-top-color);
    --bootstrap-panel-border-bottom-width: 0;
    --bootstrap-panel-border-bottom-style: none;
    --bootstrap-panel-border-bottom-color: white;
    --bootstrap-panel-border-bottom: var(--bootstrap-panel-border-bottom-width) var(--bootstrap-panel-border-bottom-style) var(--bootstrap-panel-border-bottom-color);
    --bootstrap-panel-border-left-width: 0;
    --bootstrap-panel-border-left-style: none;
    --bootstrap-panel-border-left-color: white;
    --bootstrap-panel-border-left: var(--bootstrap-panel-border-left-width) var(--bootstrap-panel-border-left-style) var(--bootstrap-panel-border-left-color);
    --bootstrap-panel-border-right-width: 0;
    --bootstrap-panel-border-right-style: none;
    --bootstrap-panel-border-right-color: white;
    --bootstrap-panel-border-right: var(--bootstrap-panel-border-right-width) var(--bootstrap-panel-border-right-style) var(--bootstrap-panel-border-right-color);
    --bootstrap-panel-margin-top: 0;
    --bootstrap-panel-margin-right: 0;
    --bootstrap-panel-margin-bottom: 0;
    --bootstrap-panel-margin-left: 0;
    --bootstrap-panel-margin: var(--bootstrap-panel-margin-top) var(--bootstrap-panel-margin-right) var(--bootstrap-panel-margin-bottom) var(--bootstrap-panel-margin-left);
    --bootstrap-panel-margin-top-laptop: 0;
    --bootstrap-panel-margin-right-laptop: 0;
    --bootstrap-panel-margin-bottom-laptop: 0;
    --bootstrap-panel-margin-left-laptop: 0;
    --bootstrap-panel-margin-laptop: var(--bootstrap-panel-margin-top-laptop) var(--bootstrap-panel-margin-right-laptop) var(--bootstrap-panel-margin-bottom-laptop) var(--bootstrap-panel-margin-left-laptop);
    --bootstrap-panel-margin-top-tablet: 0;
    --bootstrap-panel-margin-right-tablet: 0;
    --bootstrap-panel-margin-bottom-tablet: 0;
    --bootstrap-panel-margin-left-tablet: 0;
    --bootstrap-panel-margin-tablet: var(--bootstrap-panel-margin-top-tablet) var(--bootstrap-panel-margin-right-tablet) var(--bootstrap-panel-margin-bottom-tablet) var(--bootstrap-panel-margin-left-tablet);
    --bootstrap-panel-margin-top-mobile: 0;
    --bootstrap-panel-margin-right-mobile: 0;
    --bootstrap-panel-margin-bottom-mobile: 0;
    --bootstrap-panel-margin-left-mobile: 0;
    --bootstrap-panel-margin-mobile: var(--bootstrap-panel-margin-top-mobile) var(--bootstrap-panel-margin-right-mobile) var(--bootstrap-panel-margin-bottom-mobile) var(--bootstrap-panel-margin-left-mobile);
    --bootstrap-panel-padding-top: 0;
    --bootstrap-panel-padding-right: 0;
    --bootstrap-panel-padding-bottom: 0;
    --bootstrap-panel-padding-left: 0;
    --bootstrap-panel-padding: var(--bootstrap-panel-padding-top) var(--bootstrap-panel-padding-right) var(--bootstrap-panel-padding-bottom) var(--bootstrap-panel-padding-left);
    --bootstrap-panel-padding-top-laptop: 0;
    --bootstrap-panel-padding-right-laptop: 0;
    --bootstrap-panel-padding-bottom-laptop: 0;
    --bootstrap-panel-padding-left-laptop: 0;
    --bootstrap-panel-padding-laptop: var(--bootstrap-panel-padding-top-laptop) var(--bootstrap-panel-padding-right-laptop) var(--bootstrap-panel-padding-bottom-laptop) var(--bootstrap-panel-padding-left-laptop);
    --bootstrap-panel-padding-top-tablet: 0;
    --bootstrap-panel-padding-right-tablet: 0;
    --bootstrap-panel-padding-bottom-tablet: 0;
    --bootstrap-panel-padding-left-tablet: 0;
    --bootstrap-panel-padding-tablet: var(--bootstrap-panel-padding-top-tablet) var(--bootstrap-panel-padding-right-tablet) var(--bootstrap-panel-padding-bottom-tablet) var(--bootstrap-panel-padding-left-tablet);
    --bootstrap-panel-padding-top-mobile: 0;
    --bootstrap-panel-padding-right-mobile: 0;
    --bootstrap-panel-padding-bottom-mobile: 0;
    --bootstrap-panel-padding-left-mobile: 0;
    --bootstrap-panel-padding-mobile: var(--bootstrap-panel-padding-top-mobile) var(--bootstrap-panel-padding-right-mobile) var(--bootstrap-panel-padding-bottom-mobile) var(--bootstrap-panel-padding-left-mobile);

    background-color: var(--bootstrap-panel-background-color);
    border-top: var(--bootstrap-panel-border-top);
    border-right: var(--bootstrap-panel-border-right);
    border-bottom: var(--bootstrap-panel-border-bottom);
    border-left: var(--bootstrap-panel-border-left);
    box-shadow: none;
}

@media (min-width: 1200px) {
    .bootstraped:where(.v1) .panel {
        margin: var(--bootstrap-panel-margin);
        padding: var(--bootstrap-panel-padding);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bootstraped:where(.v1) .panel {
        margin: var(--bootstrap-panel-margin-laptop);
        padding: var(--bootstrap-panel-padding-laptop);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bootstraped:where(.v1) .panel {
        margin: var(--bootstrap-panel-margin-tablet);
        padding: var(--bootstrap-panel-padding-tablet);
    }
}

@media (max-width: 767px) {
    .bootstraped:where(.v1) .panel {
        margin: var(--bootstrap-panel-margin-mobile);
        padding: var(--bootstrap-panel-padding-mobile);
    }
}

/*dual list*/
.bootstraped:where(.v1) .dual-list-wrapper {
    --bootstrap-dual-list-width: 100%;
    --bootstrap-dual-list-text-align: left;
    --bootstrap-dual-list-font-family: var(--bootstrap-font-family);
    --bootstrap-dual-list-font-size: var(--bootstrap-font-size);
    --bootstrap-dual-list-color: var(--bootstrap-color);
    --bootstrap-dual-list-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-dual-list-font-style: var(--bootstrap-font-style);
    --bootstrap-dual-list-font-weight: var(--bootstrap-font-weight);
    --bootstrap-dual-list-internal-label-font-family: var(--bootstrap-internal-label-font-family);
    --bootstrap-dual-list-internal-label-font-size: var(--bootstrap-internal-label-font-size);
    --bootstrap-dual-list-internal-label-font-weight: var(--bootstrap-internal-label-font-weight);
    --bootstrap-dual-list-internal-label-font-style: var(--bootstrap-internal-label-font-style);
    --bootstrap-dual-list-internal-label-text-decoration: var(--bootstrap-internal-label-text-decoration);
    --bootstrap-dual-list-internal-label-color: var(--bootstrap-internal-label-color);
    --bootstrap-dual-list-background-color: var(--bootstrap-background-color);
    --bootstrap-dual-list-disabled-background-color: var(--bootstrap-disabled-background-color);
    --bootstrap-dual-list-selected-text-color: white;
    --bootstrap-dual-list-selected-background-color: var(--bootstrap-selected-background-color);
    --bootstrap-dual-list-mandatory-background-color: var(--bootstrap-mandatory-background-color);
    --bootstrap-dual-list-margin-top: 0;
    --bootstrap-dual-list-margin-right: 0;
    --bootstrap-dual-list-margin-bottom: 0;
    --bootstrap-dual-list-margin-left: 0;
    --bootstrap-dual-list-margin: var(--bootstrap-dual-list-margin-top) var(--bootstrap-dual-list-margin-right) var(--bootstrap-dual-list-margin-bottom) var(--bootstrap-dual-list-margin-left);
    --bootstrap-dual-list-padding-top: 0;
    --bootstrap-dual-list-padding-right: 0;
    --bootstrap-dual-list-padding-bottom: 0;
    --bootstrap-dual-list-padding-left: 0;
    --bootstrap-dual-list-padding: var(--bootstrap-dual-list-padding-top) var(--bootstrap-dual-list-padding-right) var(--bootstrap-dual-list-padding-bottom) var(--bootstrap-dual-list-padding-left);
    --bootstrap-dual-list-border-top-width: 1px;
    --bootstrap-dual-list-border-top-style: solid;
    --bootstrap-dual-list-border-top-color: #bdbdbd;
    --bootstrap-dual-list-border-top: var(--bootstrap-dual-list-border-top-width) var(--bootstrap-dual-list-border-top-style) var(--bootstrap-dual-list-border-top-color);
    --bootstrap-dual-list-border-bottom-width: 1px;
    --bootstrap-dual-list-border-bottom-style: solid;
    --bootstrap-dual-list-border-bottom-color: #bdbdbd;
    --bootstrap-dual-list-border-bottom: var(--bootstrap-dual-list-border-bottom-width) var(--bootstrap-dual-list-border-bottom-style) var(--bootstrap-dual-list-border-bottom-color);
    --bootstrap-dual-list-border-left-width: 1px;
    --bootstrap-dual-list-border-left-style: solid;
    --bootstrap-dual-list-border-left-color: #bdbdbd;
    --bootstrap-dual-list-border-left: var(--bootstrap-dual-list-border-left-width) var(--bootstrap-dual-list-border-left-style) var(--bootstrap-dual-list-border-left-color);
    --bootstrap-dual-list-border-right-width: 1px;
    --bootstrap-dual-list-border-right-style: solid;
    --bootstrap-dual-list-border-right-color: #bdbdbd;
    --bootstrap-dual-list-border-right: var(--bootstrap-dual-list-border-right-width) var(--bootstrap-dual-list-border-right-style) var(--bootstrap-dual-list-border-right-color);
    --bootstrap-dual-list-border-top-left-radius: 0.25em;
    --bootstrap-dual-list-border-top-right-radius: 0.25em;
    --bootstrap-dual-list-border-bottom-right-radius: 0.25em;
    --bootstrap-dual-list-border-bottom-left-radius: 0.25em;
    --bootstrap-dual-list-border-radius: var(--bootstrap-dual-list-border-top-left-radius) var(--bootstrap-dual-list-border-top-right-radius) var(--bootstrap-dual-list-border-bottom-right-radius) var(--bootstrap-dual-list-border-bottom-left-radius);
}

.bootstraped:where(.v1) .dual-list-wrapper {
    width: var(--bootstrap-dual-list-width);
    margin: var(--bootstrap-dual-list-margin);
}

.bootstraped:where(.v1) .dual-list-wrapper[data-mandatory=true],
.bootstraped:where(.v1) .dual-list-wrapper[data-mandatory=true] div[data-mandatory=true]{
    background-color: var(--bootstrap-dual-list-mandatory-background-color) !important;
}

.bootstraped:where(.v1) .dual-list-wrapper[disabled],
.bootstraped:where(.v1) .dual-list-wrapper[disabled] div[disabled],
.bootstraped:where(.v1) .dual-list-wrapper[disabled] div[disabled] .group-list,
.bootstraped:where(.v1) .dual-list-wrapper[disabled] div[disabled] .group-list ul{
    background-color: var(--bootstrap-dual-list-disabled-background-color) !important;
    pointer-events: none;
    user-select: none;
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container li  {
    color: var(--bootstrap-dual-list-color);
    font-family: var(--bootstrap-dual-list-font-family);
    font-size: var(--bootstrap-dual-list-font-size);
    text-decoration: var(--bootstrap-dual-list-text-decoration);
    font-style: var(--bootstrap-dual-list-font-style);
    font-weight: var(--bootstrap-dual-list-font-weight);
    background-color: transparent;
    padding: 10px;
    text-align: var(--bootstrap-dual-list-text-align);
    white-space: pre-wrap;
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container h5 {
    color: var(--bootstrap-dual-list-color);
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container li.selected{
    color: var(--bootstrap-dual-list-selected-text-color) !important;
    background-color: var(--bootstrap-dual-list-selected-background-color);
}

.bootstraped:where(.v1) .dual-list-wrapper .form-control ~ .form-label{
    font-family: var(--bootstrap-dual-list-internal-label-font-family);
    font-size: var(--bootstrap-dual-list-internal-label-font-size);
    font-weight: var(--bootstrap-dual-list-internal-label-font-weight);
    font-style: var(--bootstrap-dual-list-internal-label-font-style);
    text-decoration: var(--bootstrap-dual-list-internal-label-text-decoration);
    color: var(--bootstrap-dual-list-internal-label-color);
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container,
.bootstraped:where(.v1) .dual-list-wrapper .form-control ~ .form-notch div {
    border-top: var(--bootstrap-dual-list-border-top);
    border-right: var(--bootstrap-dual-list-border-right);
    border-bottom: var(--bootstrap-dual-list-border-bottom);
    border-left: var(--bootstrap-dual-list-border-left);
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container {
    display: flex;
    justify-content: space-around;
    height: 100%;
    margin-bottom: 1rem;
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container ul {
    flex: 1;
    margin: 0;
    list-style-type: none;
    padding: 0 !important;
    background-color: var(--bootstrap-dual-list-background-color);
    box-sizing: border-box;
}

.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container >.group-list:first-child,
.bootstraped:where(.v1) .dual-list-wrapper .dual-list-container .list-wrapper-source {
    margin-right: 24px;
}

/* multi file upload */
.bootstraped:where(.v1) .multi-file-upload-wrapper {
    --bootstrap-multi-file-upload-text-align: center;
    --bootstrap-multi-file-upload-width: 100%;
    --bootstrap-multi-file-upload-height: 136px;
    --bootstrap-multi-file-upload-height-dropzone: 60px;

    --bootstrap-multi-file-upload-color: #4F4F4F;
    --bootstrap-multi-file-upload-text-decoration: var(--bootstrap-text-decoration);
    --bootstrap-multi-file-upload-font-style: var(--bootstrap-font-style);
    --bootstrap-multi-file-upload-font-weight: var(--bootstrap-font-weight);
    --bootstrap-multi-file-upload-font-size: 16px;
    --bootstrap-multi-file-upload-font-family: var(--bootstrap-font-family);
    --bootstrap-multi-file-upload-background-color: transparent;

    --bootstrap-multi-file-upload-font-family-hover: var(--bootstrap-font-family);
    --bootstrap-multi-file-upload-font-size-hover: 16px;
    --bootstrap-multi-file-upload-font-weight-hover: var(--bootstrap-font-weight);
    --bootstrap-multi-file-upload-font-style-hover: var(--bootstrap-font-style);
    --bootstrap-multi-file-upload-text-decoration-hover: var(--bootstrap-text-decoration);
    --bootstrap-multi-file-upload-color-hover: var(--appollo-color-hover);
    --bootstrap-multi-file-upload-background-color-hover: white;

    --bootstrap-multi-file-upload-font-family-click: var(--bootstrap-font-family);
    --bootstrap-multi-file-upload-font-size-click: 16px;
    --bootstrap-multi-file-upload-font-weight-click: var(--bootstrap-font-weight);
    --bootstrap-multi-file-upload-font-style-click: var(--bootstrap-font-style);
    --bootstrap-multi-file-upload-text-decoration-click: var(--bootstrap-text-decoration);
    --bootstrap-multi-file-upload-color-click: #3b71ca;
    --bootstrap-multi-file-upload-background-color-click: transparent;

    --bootstrap-multi-file-upload-font-family-disabled: var(--bootstrap-font-family);
    --bootstrap-multi-file-upload-font-size-disabled: 16px;
    --bootstrap-multi-file-upload-font-weight-disabled: var(--bootstrap-font-weight);
    --bootstrap-multi-file-upload-font-style-disabled: var(--bootstrap-font-style);
    --bootstrap-multi-file-upload-text-decoration-disabled: var(--bootstrap-text-decoration);
    --bootstrap-multi-file-upload-color-disabled: #7f7f7f;
    --bootstrap-multi-file-upload-background-color-disabled: var(--bootstrap-disabled-background-color);

    --bootstrap-multi-file-upload-margin-top: 0;
    --bootstrap-multi-file-upload-margin-right: 0;
    --bootstrap-multi-file-upload-margin-bottom: 0;
    --bootstrap-multi-file-upload-margin-left: 0;
    --bootstrap-multi-file-upload-margin: var(--bootstrap-multi-file-upload-margin-top) var(--bootstrap-multi-file-upload-margin-right) var(--bootstrap-multi-file-upload-margin-bottom) var(--bootstrap-multi-file-upload-margin-left);
    --bootstrap-multi-file-upload-padding-top: 8px;
    --bootstrap-multi-file-upload-padding-right: 12px;
    --bootstrap-multi-file-upload-padding-bottom: 8px;
    --bootstrap-multi-file-upload-padding-left: 12px;
    --bootstrap-multi-file-upload-padding: var(--bootstrap-multi-file-upload-padding-top) var(--bootstrap-multi-file-upload-padding-right) var(--bootstrap-multi-file-upload-padding-bottom) var(--bootstrap-multi-file-upload-padding-left);
    --bootstrap-multi-file-upload-border-top-width: 1px;
    --bootstrap-multi-file-upload-border-top-style: dashed;
    --bootstrap-multi-file-upload-border-top-color: #0000004C;
    --bootstrap-multi-file-upload-border-top: var(--bootstrap-multi-file-upload-border-top-width) var(--bootstrap-multi-file-upload-border-top-style) var(--bootstrap-multi-file-upload-border-top-color);
    --bootstrap-multi-file-upload-border-bottom-width: 1px;
    --bootstrap-multi-file-upload-border-bottom-style: dashed;
    --bootstrap-multi-file-upload-border-bottom-color: #0000004C;
    --bootstrap-multi-file-upload-border-bottom: var(--bootstrap-multi-file-upload-border-bottom-width) var(--bootstrap-multi-file-upload-border-bottom-style) var(--bootstrap-multi-file-upload-border-bottom-color);
    --bootstrap-multi-file-upload-border-left-width: 1px;
    --bootstrap-multi-file-upload-border-left-style: dashed;
    --bootstrap-multi-file-upload-border-left-color: #0000004C;
    --bootstrap-multi-file-upload-border-left: var(--bootstrap-multi-file-upload-border-left-width) var(--bootstrap-multi-file-upload-border-left-style) var(--bootstrap-multi-file-upload-border-left-color);
    --bootstrap-multi-file-upload-border-right-width: 1px;
    --bootstrap-multi-file-upload-border-right-style: dashed;
    --bootstrap-multi-file-upload-border-right-color: #0000004C;
    --bootstrap-multi-file-upload-border-right: var(--bootstrap-multi-file-upload-border-right-width) var(--bootstrap-multi-file-upload-border-right-style) var(--bootstrap-multi-file-upload-border-right-color);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper {
    margin: var(--bootstrap-multi-file-upload-margin);
}

.bootstraped:where(.v1) .multi-file-upload-dropzone-wrapper .fileupload .btn.btn-file span{
    display: flex;
    align-items: center;
}

.bootstraped:where(.v1) .multi-file-upload-dropzone-wrapper .file-upload {
    height: 100%;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .fileupload-preview {
    font-size: var(--bootstrap-multi-file-upload-font-size);
    font-family: var(--bootstrap-multi-file-upload-font-family);
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration);
    font-style: var(--bootstrap-multi-file-upload-font-style);
    font-weight: var(--bootstrap-multi-file-upload-font-weight);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .fileupload-preview.position-above,
.bootstraped:where(.v1) .multi-file-upload-wrapper .fileupload-preview.position-below {
    word-wrap: break-word;
    white-space: nowrap;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .fileupload-preview.position-right {
    position: absolute;
    padding-left: 5px;
    padding-top: 5px;
    width: max-content;
    z-index: 1;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .dropzone:not(:has(.disabled)),
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)) {
    width: var(--bootstrap-multi-file-upload-width);
    height: var(--bootstrap-multi-file-upload-height);
    color: var(--bootstrap-multi-file-upload-color);
    background-color: var(--bootstrap-multi-file-upload-background-color);
    font-size: var(--bootstrap-multi-file-upload-font-size);
    font-family: var(--bootstrap-multi-file-upload-font-family);
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration);
    font-style: var(--bootstrap-multi-file-upload-font-style);
    font-weight: var(--bootstrap-multi-file-upload-font-weight);
    border-top: var(--bootstrap-multi-file-upload-border-top);
    border-right: var(--bootstrap-multi-file-upload-border-right);
    border-bottom: var(--bootstrap-multi-file-upload-border-bottom);
    border-left: var(--bootstrap-multi-file-upload-border-left);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .invalid-feedback{
    font-family: Roboto, sans-serif;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)) .file-upload .file-upload-message{
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload.has-preview .file-upload-previews .file-upload-preview {
    background-color: var(--bootstrap-multi-file-upload-background-color);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)):hover {
    color: var(--bootstrap-multi-file-upload-color-hover) !important;
    background-color: var(--bootstrap-multi-file-upload-background-color-hover) !important;
    font-size: var(--bootstrap-multi-file-upload-font-size-hover) !important;
    font-family: var(--bootstrap-multi-file-upload-font-family-hover) !important;
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-hover) !important;
    font-style: var(--bootstrap-multi-file-upload-font-style-hover) !important;
    font-weight: var(--bootstrap-multi-file-upload-font-weight-hover) !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)):hover .file-upload .file-upload-message{
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-hover) !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .dz-message {
    text-align: var(--bootstrap-multi-file-upload-text-align);
    margin: 0;
}

.bootstraped:where(.v1) .multi-file-upload-dropzone-wrapper .file-upload.has-preview .file-upload-message i,
.bootstraped:where(.v1) .multi-file-upload-dropzone-wrapper .file-upload.has-preview .file-upload-message .file-upload-default-message{
    opacity: 0;
}

.bootstraped:where(.v1) .multi-file-upload-dropzone-wrapper .file-upload.has-preview .file-upload-message .file-upload-main-error{
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 80%;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .dropzone .dz-message {
    text-align: var(--bootstrap-multi-file-upload-text-align);
    margin: 0;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .file-upload-preview-details .btn.btn-danger.file-upload-remove-file-btn.ripple-surface{
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    position:absolute;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-icon{
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url('MultiFileUpload2.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn,
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn:hover,
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn:active,
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn:focus {
    width: 20px !important;
    height: 20px !important;
    background-color: transparent !important;
    font-size: 0 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    min-width: 20px !important;
    max-width:  20px !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)):active {
    color: var(--bootstrap-multi-file-upload-color-click) !important;
    background-color: var(--bootstrap-multi-file-upload-background-color-click) !important;
    font-size: var(--bootstrap-multi-file-upload-font-size-click) !important;
    font-family: var(--bootstrap-multi-file-upload-font-family-click) !important;
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-click) !important;
    font-style: var(--bootstrap-multi-file-upload-font-style-click) !important;
    font-weight: var(--bootstrap-multi-file-upload-font-weight-click) !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:not(:has(.disabled)):active .file-upload .file-upload-message{
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-click) !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper:has(.disabled),
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:has(.disabled) {
    color: var(--bootstrap-multi-file-upload-color-disabled) !important;
    background-color: var(--bootstrap-multi-file-upload-background-color-disabled) !important;
    font-size: var(--bootstrap-multi-file-upload-font-size-disabled) !important;
    font-family: var(--bootstrap-multi-file-upload-font-family-disabled) !important;
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-disabled) !important;
    font-style: var(--bootstrap-multi-file-upload-font-style-disabled) !important;
    font-weight: var(--bootstrap-multi-file-upload-font-weight-disabled) !important;
    border-top: var(--bootstrap-multi-file-upload-border-top);
    border-right: var(--bootstrap-multi-file-upload-border-right);
    border-bottom: var(--bootstrap-multi-file-upload-border-bottom);
    border-left: var(--bootstrap-multi-file-upload-border-left);
    width: var(--bootstrap-multi-file-upload-width);
    height: var(--bootstrap-multi-file-upload-height);
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:has(.disabled) .file-upload .file-upload-message{
    text-decoration: var(--bootstrap-multi-file-upload-text-decoration-disabled) !important;
    opacity: 1;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn i,
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn i:hover{
    font-size: initial;
    margin-left: 0 !important;
    color: #D9534F !important;
    width: 20px !important;
    height: 20px !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn i:active,
.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload-remove-file-btn i:focus{
    color: #D9534F !important;
}


.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper:has(.file-upload .file-upload-input.invalid.is-invalid):not(:has(.file-upload-preview)) {
    border: 1px solid #dc4c64 !important;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .fileupload:has(button input[data-mandatory=true]):not(.invalid.is-invalid):not([disabled]) {
    box-shadow: 0px 0px 5px #d2d274;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper:has(.multi-file-upload-dropzone-wrapper .file-upload .invalid-feedback) {
    padding-bottom: 1rem;
}

.bootstraped:where(.v1) .multi-file-upload-wrapper .multi-file-upload-dropzone-wrapper .file-upload .invalid-feedback {
    padding-top: 1rem;
}

/* invalid label */
.bootstraped:where(.v1) .form-outline .form-control.is-invalid:not(.manual-edit-active)~.form-label {
    color: #dc4c64 !important;
}

/* form-notch */
.bootstraped:where(.v1) .form-outline .form-control ~ .form-notch .form-notch-leading {
    border-right: none !important;
}

.bootstraped:where(.v1) .form-outline .form-control ~ .form-notch .form-notch-middle {
    border-right: none !important;
    border-left: none !important;
}

.bootstraped:where(.v1) .form-outline .form-control ~ .form-notch .form-notch-trailing {
    border-left: none !important;
}

.bootstraped:where(.v1) .form-outline .form-label.active ~ .form-notch .form-notch-middle,
.bootstraped:where(.v1) .form-outline .form-control.active ~ .form-notch .form-notch-middle,
.bootstraped:where(.v1) .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-top: none !important;
}

.bootstraped:where(.v1) .form-outline .form-control.is-invalid:not(.manual-edit-active) ~.form-notch .form-notch-leading,
.bootstraped:where(.v1) .form-outline .form-control.is-invalid:not(.manual-edit-active) ~.form-notch .form-notch-middle,
.bootstraped:where(.v1) .form-outline .form-control.is-invalid:not(.manual-edit-active) ~.form-notch .form-notch-trailing,
.bootstraped:where(.v1) .was-validated .form-outline .form-control:invalid ~.form-notch .form-notch-leading,
.bootstraped:where(.v1) .was-validated .form-outline .form-control:invalid ~.form-notch .form-notch-middle,
.bootstraped:where(.v1) .was-validated .form-outline .form-control:invalid ~.form-notch .form-notch-trailing {
    border-color: #dc4c64;
}

/*dynamic checkbox problem with form-notch middle selected border color */
.bootstraped:where(.v1) .form-outline .form-control.select-input:focus~.form-notch .form-notch-middle,.select-input.focused~.form-notch .form-notch-middle {
    border-color: var(--mdb-form-outline-select-notch-border-color);
}

.bootstraped:where(.v1) input[readonly="readonly"],
.bootstraped:where(.v1) input.select-input[data-mandatory=true][readonly="true"][disabled],
.bootstraped:where(.v1) select[data-mandatory][disabled],
.bootstraped:where(.v1) div[readonly="readonly"],
.bootstraped:where(.v1) div.form-outline-datetime[readonly],
.bootstraped:where(.v1) div.form-outline-datetime[readonly] input,
.bootstraped:where(.v1) div[disabled]:not(.radio-button-group):not(.dynamic-checkbox-group):not(.switch-toggle-group):not(.dual-list-wrapper),
.bootstraped:where(.v1) div:not(.form-check.checkbox)>input:not(.form-check-input)[disabled],
.bootstraped:where(.v1) textarea[disabled],
.bootstraped:where(.v1) .form-outline .form-control[readonly]:not(.select-input):not([disabled])
{
    background-color: var(--bootstrap-mandatory-readonly-background-color) !important;
}

.bootstraped:where(.v1) div.rating:has(input[disabled]),
.bootstraped:where(.v1) div.switch-toggle-group[disabled]
{
    background-color: transparent !important;
}

.bootstraped:where(.v1) .form-control.select-input.placeholder-active[data-mandatory = "true"]:not([disabled])
{
    background-color: lightyellow !important;
}

.radio-container-vertical.edit_from_te.short_cut_marker {
    display: inline-block;
}

.radio-container-vertical.edit_from_te.short_cut_marker label {
    display: block;
}

.radio-container-vertical.edit_from_te.short_cut_marker input[type="radio"] {
    vertical-align: middle;
}

.radio-container-vertical.edit_from_te.short_cut_marker label {
    margin-bottom: 5px;
}

.radio-container-vertical.edit_from_te.short_cut_marker input[type="radio"] {
    margin-right: 5px;
}

.radio-container-horizontal.edit_from_te.short_cut_marker label {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.radio-container-horizontal.edit_from_te.short_cut_marker input[type="radio"] {
    margin-right: 5px;
}

/*end EDITING INLINE*/

/*Temporal path for buttons colors*/
.btn.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn.btn-primary:focus-visible,
.btn-check:focus + .btn.btn-primary, .btn-check:focus-visible + .btn.btn-primary, .btn.btn-primary:focus {
    background-color: #018099;
    border-color: #018099;
    box-shadow: none;
}

/*imagen zoom force icons*/
.lightbox-gallery .lightbox-gallery-toolbar .lightbox-gallery-right-tools button.lightbox-gallery-fullscreen-btn::before,
.lightbox-gallery .lightbox-gallery-toolbar .lightbox-gallery-right-tools button.lightbox-gallery-zoom-btn::before,
.lightbox-gallery .lightbox-gallery-toolbar .lightbox-gallery-right-tools button.lightbox-gallery-close-btn::before {
    font-family: Font Awesome\ 6 Pro;
}

.lightbox-gallery-fullscreen-btn::before {
    content: "\f065" !important;
}

.lightbox-gallery-zoom-btn::before {
    content: "\f00e" !important;
}

.lightbox-gallery-close-btn::before {
    content: "\f00d" !important;
}

.select-dropdown-container .select-options-wrapper::-webkit-scrollbar {
    width: 10px !important;
}

.select-dropdown-container .select-options-wrapper {
    padding-right: 2px !important;
}