.form-control-lg~.select-arrow {
    top: 0.938rem;
}

.select-input.focused~.select-arrow {
    color: var(--primary);
    font-size: 1rem;
}

.select-arrow:before{
    color: var(--primary);
    font-size: 1rem;
}

#select-max-paging .select-arrow:before{
    color: var(--primary);
    font-size: 0.813rem;
}

.ui-multiselect span {
    color: var(--og-green-mid);
}

.form-check-input:checked[type=checkbox]::after, .form-check-input:checked[type=radio]::after {
    background: var(--second)
}

.form-check-input[type=checkbox]:checked:focus, form-check-input[type=radio]:checked:focus {
    background-color: var(--second);
}

.form-check-input[type=checkbox]:focus::before, form-check-input[type=radio]:focus::before {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.form-check-input:checked[type=checkbox]:focus::before,.form-check-input:checked[type=radio]:focus::before {
    -webkit-box-shadow: 0px 0px 0 14px var(--second);
    box-shadow: 0px 0px 0 14px var(--second);
}

.form-check-input[type=checkbox]:checked, .form-check-input[type=radio]:checked {
    border-color: var(--second);
    background-color: var(--second);
}

.form-check-input[type=radio]:checked {
    border-color: var(--second);
    background-color: var(--og-white);
}

.form-check-input::after {
    background: var(--og-green-light)
}

.form-check-input:focus {
    border: 2px solid var(--second);
    box-shadow: none;
    transition: border-color .2s;
}

.form-switch .form-check-input:focus {
    border: none;
    outline: 2px solid var(--second);
}

.switch label {
    cursor: pointer;
}

.form-outline .form-control:not(.no-text-gray) {
    color: var(--grey);
    font-weight: var(--font-bold);
}

.form-outline .form-control ~ .form-notch .form-notch-leading {
    border-color: var(--inactive);
    border-right: none;
    box-shadow: none;
    border-radius: 0.5rem 0 0 0.5rem;
}

.form-outline .form-control ~ .form-notch .form-notch-middle {
    border-color: var(--inactive);
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.form-outline .form-control ~ .form-notch .form-notch-trailing {
    border-color: var(--inactive);
    border-left: none;
    box-shadow: none;
    border-radius: 0 0.5rem 0.5rem 0;
}

.form-outline .form-control.form-control-lg {
    font-size: 1rem;
    line-height: 2.717;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.form-outline .form-control.form-control-lg~.form-label {
    padding-top: 0.9rem;
}

.form-outline .form-control.form-control-lg.active~.form-label,.form-outline .form-control.form-control-lg:focus~.form-label {
    transform: translateY(-1.5rem) translateY(0.1rem) scale(.8);
}

.form-outline .form-control ~ .form-label {
    color: var(--grey);
}

.form-outline .form-control:focus ~ .form-notch div {
    border: 2px solid;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: var(--second);
    color:  var(--primary);
    border-right: none;
    box-shadow: none;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-color: var(--second);
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
}

.form-outline .form-control:focus ~ .form-label {
    color: var(--second);
}

.form-outline .form-control:focus {
    color: var(--fifth);
    background-color: var(--second-alpha);
}

.form-check-input {
    border-color: var(--grey);
    color: var(--grey);
}

.form-outline .form-control.isError.active:not(:focus) ~ .form-notch div {
    border: 2px solid var(--error-solid);
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError.active:not(:focus) ~ .form-notch .form-notch-leading {
    border-color: var(--error-solid);
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError.active:not(:focus) ~ .form-notch .form-notch-middle {
    border-color: var(--error-solid);
    border-left: none;
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
    border-top: 1px solid transparent;
}

.form-outline .form-control.isError.active:not(:focus) ~ .form-notch .form-notch-trailing {
    border-color: var(--error-solid);
    border-left: none;
    background-color: var(--error-alpha);
    box-shadow: none;
}

.form-outline .form-control.isError.active:not(:focus) ~ .form-label,
.form-outline .form-control.isError.active:not(:focus) {
    color: var(--primary);
}

.form-outline .form-control.isError:not(:focus,.dirty) ~ .form-notch div {
    border: 2px solid var(--error-solid);
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.dirty) ~ .form-notch .form-notch-leading {
    border-color: var(--error-solid);
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.dirty) ~ .form-notch .form-notch-middle {
    border-color: var(--error-solid);
    border-left: none;
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.dirty) ~ .form-notch .form-notch-trailing {
    border-color: var(--error-solid);
    border-left: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.dirty) ~ .form-label,
.form-outline .form-control.isError:not(:focus,.dirty) {
    color: var(--primary);
}

.form-outline .form-control.isError:not(:focus,.active) ~ .form-notch div {
    border: 2px solid var(--error-solid);
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.active) ~ .form-notch .form-notch-leading {
    border-color: var(--error-solid);
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.active) ~ .form-notch .form-notch-middle {
    border-color: var(--error-solid);
    border-left: none;
    border-right: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.active) ~ .form-notch .form-notch-trailing {
    border-color: var(--error-solid);
    border-left: none;
    box-shadow: none;
    background-color: var(--error-alpha);
}

.form-outline .form-control.isError:not(:focus,.active) ~ .form-label,
.form-outline .form-control.isError:not(:focus,.active) {
    color: var(--primary);
}

.form-outline .form-control.dirty.isError:not(:focus,.active,.isError)

.form-control-lg.autocomplete-input ~ .autocomplete-label.active {
    transform: translateY(-1.25rem) translateY(0.1rem) scale(.8);
}

.form-control-lg.autocomplete-input.isError ~ .autocomplete-label.active ~ .form-notch .form-notch-middle {
    border-top: none;
}

#fixedCssInput input {
    margin-bottom: 0 !important;
}

.dirtylisten .form-outline input.form-control.dirty:not(:focus,.isError) {
    color: var(--primary);
    background-color: var(--primary-alpha);
}

.dirtylisten .form-outline input.form-control.dirty:not(:focus,.isError) ~ .form-notch div {
    border: 1px solid var(--fifth);
}

.dirtylisten .form-outline input.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-leading {
    border-right: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.form-control.dirty:not(:focus,.active,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--primary);
    box-shadow: none;
}

.dirtylisten .form-outline input.form-control.active.dirty:not(:focus,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.form-control.active.dirty:not(:focus,.isError) ~ label {
    color: var(--primary);
}

.form-outline input.select-input.form-control:focus {
    color: var(--primary);
    background-color: var(--second-alpha);
}

.dirtylisten .form-outline input.select-input.form-control.dirty:not(:focus,.isError) {
    color: var(--primary);
    background-color: var(--primary-alpha);
}

.dirtylisten .form-outline input.select-input.form-control.dirty:not(:focus,.isError) ~ .form-notch div {
    border: 1px solid var(--primary);
}

.dirtylisten .form-outline input.select-input.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-leading {
    border-right: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.select-input.form-control.dirty:not(:focus,.active,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--primary);
    box-shadow: none;
}

.dirtylisten .form-outline input.select-input.form-control.active.dirty:not(:focus,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.select-input.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
}

.dirtylisten .form-outline input.select-input.form-control.active.dirty:not(:focus,.isError) ~ label {
    color: var(--primary);
}

.form-outline.datepicker .datepicker-toggle-button:hover{
    color: var(--primary) !important;
}

.form-outline .form-control.autocomplete-input.dirty ~ .autocomplete-label.active ~ .form-notch .form-notch-middle {
    border-top: none;
}

.form-outline .form-control.autocomplete-input.dirty:not(:focus,.isError) ~ .autocomplete-label.active {
    color: var(--primary);
}

.form-outline .form-control.autocomplete-input.isError.focused ~ .autocomplete-label.active ~ .form-notch .form-notch-middle {
    border-top: unset;
}

#select-max-paging {
    width: 66px;
}

#select-max-paging-working {
    width: 66px;
}


.form-switch .form-check-input {
    background-color: var(--grey);
    opacity: 1;
}

.form-switch .form-check-input:checked[type=checkbox]:after {
    background-color: var(--grey);
    opacity: 1;
}

.form-switch .form-check-input:checked[type=checkbox]:after {
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--second);
    margin-top: -3px;
    margin-left: 1.0625rem;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: background-color .2s,transform .2s;
}

.form-switch .form-check-input:checked[type=checkbox]:disabled:after {
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--inactive);
    margin-top: -3px;
    margin-left: 1.0625rem;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: background-color .2s,transform .2s;
}

.form-switch .form-check-input[type=checkbox]:checked, .form-switch .form-check-input[type=radio]:checked {
    border-color: var(--third);
    background-color: var(--third);
}

.form-switch .form-check-input[type=checkbox]:checked:disabled, .form-switch .form-check-input[type=radio]:checked:disabled {
    border-color: var(--grey);
    background-color: var(--grey);
    opacity: 1;
}

.form-switch .form-check-input:checked[type=checkbox]:focus::before,.form-switch .form-check-input:checked[type=radio]:focus::before {
    -webkit-box-shadow: 0px 0px 0 14px transparent;
    box-shadow: 0px 0px 0 14px transparent;
}


textarea.form-control.dirty:not(:focus,.isError) {
    color: var(--primary);
    background-color: var(--primary-alpha);
}

.dirtylisten .form-outline textarea.form-control.dirty:not(:focus,.isError) {
    color: var(--primary);
    background-color: var(--primary-alpha);
}

.dirtylisten .form-outline textarea.form-control.dirty:not(:focus,.isError) ~ .form-notch div {
    border: 2px solid var(--primary);
}

.dirtylisten .form-outline textarea.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-leading {
    border-right: none;
    box-shadow: none;
}

.dirtylisten .form-outline textarea.form-control.dirty:not(:focus,.active,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: 2px solid var(--primary);
    box-shadow: none;
}

.dirtylisten .form-outline textarea.form-control.active.dirty:not(:focus,.isError) ~ .form-notch .form-notch-middle {
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.dirtylisten .form-outline textarea.form-control.dirty:not(:focus,.isError) ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
}

.dirtylisten .form-outline textarea.form-control.active.dirty:not(:focus,.isError) ~ label {
    color: var(--primary);
}

.form-control.form-control-lg ~ .autocomplete-label.active {
    transform: translateY(-1.25rem) translateY(0.1rem) scale(.8);
}

.select-arrow:before {
    content: "\25BC";
}

.input-group>.form-control:focus {
    border-color: var(--primary);
    background-color: var(--primary-alpha);
    box-shadow: none;
}

.form-check .form-check-label, .form-check .form-check-label a {
    color: var(--primary);
}

.card-header .form-check .form-check-label {
    color: var(--white);
}

.card-header-light .form-check .form-check-label{
    color: var(--fifth);
}

.dirtylisten .form-outline .form-control.blank-label ~ .form-notch .form-notch-middle {
    width: 0 !important;
}

.form-outline.input-trailing i:not(.noset-position) {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.select-readonly input.select-input.form-control[readonly]:not([disabled]) {
    background-color: #e9ecef;
}

.select-readonly .select-wrapper {
    cursor: none;
    pointer-events: none;
}

@font-face {
    font-family: passwd-mask;
    src: url('../fonts/text-security-disc.woff');
}

input.passwd-mask {
    font-family: passwd-mask !important;
}

input.isError[type=text]:not(:focus)::placeholder {
    color: var(--primary);
    opacity: 1;
}

.fa-asterisk::before {
    color: var(--error-solid);
}

.text-ellipsis {
    text-overflow: ellipsis !important;
}

.input-filter-header{
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: var(--white) !important;
}

.form-outline .form-control.searched:not(:focus) ~ .form-notch div {
    border: 2px solid;
}

.form-outline .form-control.searched:not(:focus) ~ .form-notch .form-notch-leading {
    border-color: var(--primary);
    color:  var(--primary);
    border-right: none;
    box-shadow: none;
}

.form-outline .form-control.searched:not(:focus) ~ .form-notch .form-notch-middle {
    border-color: var(--primary);
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.form-outline .form-control.searched:not(:focus) ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
}

.form-outline .form-control.searched:not(:focus) ~ .form-label {
    color: var(--og-dark);
}

.form-outline .form-control.searching:not(:focus) ~ .form-notch div {
    border: 2px solid;
}

.form-outline .form-control.searching:not(:focus) ~ .form-notch .form-notch-leading {
    border-color: var(--second) !important;
    color:  var(--second);
    border-right: none;
    box-shadow: none;
}

.form-outline .form-control.searching:not(:focus) ~ .form-notch .form-notch-middle {
    border-color: var(--second) !important;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
}

.form-outline .form-control.searching:not(:focus) ~ .form-notch .form-notch-trailing {
    border-left: none;
    box-shadow: none;
    border-color: var(--second) !important;
}

.form-outline .form-control.searching:not(:focus) ~ .form-label {
    color: var(--second) !important;
}