/*Global Styles*/

.color-gray { color: #5f6468!important; }
.color-blue { color: #30a5ff!important; }
.color-green { color: #a8ffd4!important; }
.color-orange { color: #ffb53e!important; }
.color-red { color: #f9243f!important; }
.color-lightgrey{ color: lightgrey!important; }
.color-transparent{ color: transparent!important; }
.color-league { color: #235784!important; }
.color-trackr { color: #5ac6e3!important; }
.color-logo { color: #ffa8c4!important; }
.color-logo-green { color: #44d2cb!important; }

:root {
    --pulse-primary-color: rgba(0, 170, 255, .8);
    --pulse-success-color: rgba(45, 220, 45, .8);
    --pulse-warning-color: rgba(255, 170, 0, .8);
    --pulse-danger-color: rgba(255, 63, 58, .8);

    --league-color: #235784;
    --trackr-color: #5ac6e3;
    --logo-color: #ffa8c4;
    --logo-color-green: #44d2cb;
}

a.text-success:hover{
    color: #10c973 !important;
}
a.text-info:hover{
    color: #008eff !important;
}
a.text-danger{
    color: #e53935b0 !important;
}
a.text-danger:hover{
    color: var(--bs-danger) !important;
}

.pulse-primary {
    box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    animation: pulse-primary 1.5s infinite;
}
@-webkit-keyframes pulse-primary {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    }
}
@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    }
}

.pulse-primary-full {
    box-shadow: 0 0 5px 5px var(--pulse-primary-color);
    animation: pulse-primary-full 1.5s infinite;
}
@-webkit-keyframes pulse-primary-full {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        background-color: var(--pulse-primary-color);
        color: white;
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-primary-color);
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        background-color: var(--pulse-primary-color);
        color: white;
    }
}
@keyframes pulse-primary-full {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        background-color: var(--pulse-primary-color);
        color: white;
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-primary-color);
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        box-shadow: 0 0 5px 5px var(--pulse-primary-color);
        background-color: var(--pulse-primary-color);
        color: white;
    }
}

.pulse-warning {
    box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    animation: pulse-warning 1.5s infinite;
}
@-webkit-keyframes pulse-warning {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    }
}
@keyframes pulse-warning {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    }
}

.pulse-warning-full {
    box-shadow: 0 0 5px 5px var(--pulse-warning-color);
    animation: pulse-warning-full 1.5s infinite;
}
@-webkit-keyframes pulse-warning-full {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        background-color: var(--pulse-warning-color);
        color: white;
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-warning-color);
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        background-color: var(--pulse-warning-color);
        color: white;
    }
}
@keyframes pulse-warning-full {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        background-color: var(--pulse-warning-color);
        color: white;
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-warning-color);
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        box-shadow: 0 0 5px 5px var(--pulse-warning-color);
        background-color: var(--pulse-warning-color);
        color: white;
    }
}

.pulse-danger {
    box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    animation: pulse-danger 1.5s infinite;
}
@-webkit-keyframes pulse-danger {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    }
}
@keyframes pulse-danger {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    }
}

.pulse-danger-full {
    box-shadow: 0 0 5px 5px var(--pulse-danger-color);
    animation: pulse-danger-full 1.5s infinite;
}
@-webkit-keyframes pulse-danger-full {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        background-color: var(--pulse-danger-color);
        color: white;
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-danger-color);
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        background-color: var(--pulse-danger-color);
        color: white;
    }
}
@keyframes pulse-danger-full {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        background-color: var(--pulse-danger-color);
        color: white;
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-danger-color);
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        box-shadow: 0 0 5px 5px var(--pulse-danger-color);
        background-color: var(--pulse-danger-color);
        color: white;
    }
}

.pulse-success {
    box-shadow: 0 0 5px 5px var(--pulse-success-color);
    animation: pulse-success 1.5s infinite;
}
@-webkit-keyframes pulse-success {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-success-color);
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-success-color);
    }
}
@keyframes pulse-success {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        box-shadow: 0 0 5px 5px var(--pulse-success-color);
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        box-shadow: 0 0 5px 5px var(--pulse-success-color);
    }
}

.pulse-success-full {
    box-shadow: 0 0 5px 5px var(--pulse-success-color);
    animation: pulse-success-full 1.5s infinite;
}
@-webkit-keyframes pulse-success-full {
    0% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        background-color: var(--pulse-success-color);
        color: white;
    }
    70% {
        -webkit-box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-success-color);
    }
    100% {
        -webkit-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        background-color: var(--pulse-success-color);
        color: white;
    }
}
@keyframes pulse-success-full {
    0% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        box-shadow: 0 0 5px 5px var(--pulse-success-color);
        background-color: var(--pulse-success-color);
        color: white;
    }
    70% {
        -moz-box-shadow: 0 0 5px 5px transparent;
        box-shadow: 0 0 5px 5px transparent;
        background-color: transparent;
        color: var(--pulse-success-color);
    }
    100% {
        -moz-box-shadow: 0 0 5px 5px var(--pulse-success-color);
        box-shadow: 0 0 5px 5px var(--pulse-success-color);
        background-color: var(--pulse-success-color);
        color: white;
    }
}

input::-webkit-input-placeholder {
    color: lightgrey !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: lightgrey !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: lightgrey !important;
}

input:-ms-input-placeholder {
    color: lightgrey !important;
}

.border-input{
    border: 1px solid #ddd !important;
    border-radius: .25rem;
}

.border-light {
    border: 1px solid #c0c0c0;
}

.hidden{
    color: transparent !important;
}

.text-tertiary {
    opacity: 0.75!important;
    color: var(--bs-tertiary-color)!important;
}

.text-muted {
    opacity: 0.3!important;
}

.text-deleted {
    text-decoration: line-through !important;
}

.has-error {
    border: 2px red solid !important;
}

/*Buttons*/

/*
button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}
*/

.btn:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]):has(svg),
button:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]):has(svg){
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]) svg,
button:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]) svg{
    flex-shrink: 0 !important;
}

.btn-bar a{
    width: 75px;
    height: 75px;
    padding-top: 9px;
    text-wrap: nowrap;
    text-align: center;
    border-radius: 50%;
}
.btn-bar a i{
    font-size: 2em;
}
.btn-bar a span{
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
}
.btn-bar a,
.btn-bar a i,
.btn-bar a span{
    color: var(--bs-info) !important;
}
.btn-bar a:hover,
.btn-bar a:hover i,
.btn-bar a:hover span{
    color: var(--bs-primary) !important;
}
.btn-bar a:hover{
    background-color: var(--bs-info-bg-subtle) !important;
}

.btn-bar a.text-danger,
.btn-bar a.text-danger i,
.btn-bar a.text-danger span{
    color: var(--bs-danger) !important;
}
.btn-bar a.text-danger:hover,
.btn-bar a.text-danger:hover i,
.btn-bar a.text-danger:hover span{
    color: #ff0600 !important;
}
.btn-bar a.text-danger:hover{
    background-color: var(--bs-danger-bg-subtle) !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 0.25!important;
}

.btn.btn-outline-info:hover,
.btn.btn-outline-warning:hover{
    color: white!important;
}

.btn-clear {
    font-size: 0.8rem;
    padding: 4px !important;
    background: 0 0;
    border: none;
    color: #30a5ff;
}

.btn-clear:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-clear:hover {
    color: #2ed6f1 !important;
}

.btn-clear:hover:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]) svg,
.btn-clear:hover .material-symbols-rounded{
    color: inherit!important;
}

.btn-clear.text-info:hover{
    color: #3ec3d8 !important;
}

.btn-clear.text-danger:hover{
    color: #ff3333 !important;
}

.btn-clear.text-warning:hover{
    color: #ee9441 !important;
}

.btn-clear.text-success:hover{
    color: #59e96b !important;
}

@media (max-width: 767px) {
    .btn-clear {
        font-size: 0.8rem;
        padding: 2px !important;
    }
}

.btn-bg-clear{
    background-color: transparent;
    border-color: transparent;
}

.btn-bg-clear:focus{
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-bg-clear:hover{
    background-color: #e0e0e0;
}

/*3-state Toggle*/
.btn-toggle button.btn-on{
    color: #ccc;
    background-color: #f8f8f8;
    border-color: #e5e5e5;
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem;
}
.btn-toggle button.btn-on:hover{
    background-color: #e5e5e5;
    border-color: #d5d5d5;
}
.btn-toggle button.btn-off{
    color: white;
    background-color: #d0d0d0;
    border-color: #c5c5c5;
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
}
.btn-toggle button.btn-off:hover{
    background-color: #c0c0c0;
    border-color: #b5b5b5;
}
.btn-toggle .spinner-icon{
    display: none;
}
.btn-toggle.toggle-off.toggle-loading button.btn-off .spinner-icon{
    display: inline-block;
}
.btn-toggle.toggle-off.toggle-loading button.btn-off .toggle-icon{
    display: none;
}
.btn-toggle.toggle-on.toggle-loading button.btn-on .spinner-icon{
    display: inline-block;
}
.btn-toggle.toggle-on.toggle-loading button.btn-on .toggle-icon{
    display: none;
}

.btn-toggle.toggle-off button.btn-on{
    background-color: #e9ecf2;
    border-color: #d7d7d7;
    color: transparent;
}
.btn-toggle.toggle-off button.btn-on:hover{
    color: #ccc;
}
.btn-toggle.toggle-off button.btn-on:hover:disabled{
    color: transparent;
}
.btn-toggle.toggle-off button.btn-off{
    background-color: #f9243f;
    border-color: #dd4155;
    color: white;
}
.btn-toggle.toggle-off.toggle-loading button.btn-off{
    background-color: #ea868f;
    border-color: #ca767e;
    color: white;
}
.btn-toggle.toggle-off button.btn-off:hover{
    background-color: #db0606;
    border-color: #cc1111;
    color: white;
}

.btn-toggle.toggle-on button.btn-off{
    background-color: #e9ecf2;
    border-color: #d7d7d7;
    color: transparent;
}
.btn-toggle.toggle-on button.btn-off:hover{
    color: #ccc;
}
.btn-toggle.toggle-on button.btn-off:hover:disabled{
    color: transparent;
}
.btn-toggle.toggle-on button.btn-on{
    background-color: #84e622;
    border-color: #8cdb3c;
    color: white;
}
.btn-toggle.toggle-on.toggle-loading button.btn-on{
    background-color: #c0ea96;
    border-color: #bcd89e;
    color: white;
}
.btn-toggle.toggle-on button.btn-on:hover{
    background-color: #70d60b;
    border-color: #79c331;
    color: white;
}

/*Switch w/ on-label off-blank*/
.btn-switch input ~ .lbl-on{
    color: transparent;
    min-width: 25px;
    padding: 0;
}
.btn-switch input:checked ~ .lbl-on{
    color: currentColor;
}
.btn-switch input ~ .lbl-off{
    color: currentColor;
    min-width: 25px;
    padding: 0;
}
.btn-switch input:checked ~ .lbl-off{
    color: transparent;
}
.btn-switch .spinner-icon{
    display: none;
}
.btn-switch.switch-loading .spinner-icon{
    display: inline-block;
}

/*Forms*/

.form-floating label{
    top: 7px;
    height: 24px!important;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--bs-gray-400);
    font-size: 15px!important;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.form-floating>.expandable-textarea ~ label,
.form-floating select:not(.select-tracked[data-chosen='']) ~ label,
.form-floating>.form-control:focus ~ label,
.form-floating>.form-control:not(:placeholder-shown) ~ label{
    top: -4px;
    left: 0.25rem!important;
    padding: 0 8px!important;
    background: white;
    color: var(--bs-info) !important;
    transition: all 0.2s ease;
}
.form-floating select.select-tracked[data-chosen=''] ~ label{
    color: var(--bs-gray-400);
    transform: none !important;
}
.form-floating>.expandable-textarea ~ label{
    top: -11px;
    font-size: 13px!important;
    transition: all 0.2s ease;
}
.form-floating select,
.form-floating input{
    height: 38px !important;
    min-height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1;
}
.form-floating.position-relative input ~ button,
.form-floating.position-relative select ~ button,
.form-floating.position-relative .expandable-textarea ~ button{
    position: absolute;
    top: 0;
    right: -60px;
    height: 38px !important;
    min-height: 38px !important;
}

.form-floating .form-control:has(~[data-tracked-icon]),
.form-floating .form-select:has(~[data-tracked-icon]){
    padding-left: 36px;
}
.form-floating [data-tracked-icon]{
    position: absolute;
    top: 6px;
    left: 8px;
}

.form-select:focus,
.form-control:focus {
    /*font-size: 0.9rem;*/
    border: 1px solid #30a5ff;
    outline: 0;
    box-shadow: inset 0 0 0 1px #30a5ff;
}

/* Floating Form Clear Button */
a.input-clear{
    position: absolute;
    right: 5px;
    color: var(--bs-gray-300)!important;
}
.form-floating input:has(+a.input-clear){
    padding-right: 28px;
}

.input-icon-left input{
    padding-left: 30px;
}
.input-icon-left a{
    position: absolute;
    left: 25px;
    top: 7px;
    color: #9d9d9d;
}
.input-icon-left a:hover {
    color: #67a7ff;
}

.input-icon-right input{
    padding-right: 30px;
}
.input-icon-right a{
    position: absolute;
    right: 25px;
    top: 7px;
    color: #9d9d9d;
}
.input-icon-right button {
    position: absolute;
    padding: 2px 6px;
    right: 0;
    top: 0;
    border: 0;
    color: #9d9d9d;
}
.input-icon-left button {
    position: absolute;
    padding: 2px 6px;
    left: 0;
    top: 0;
    border: 0;
    color: #9d9d9d;
}
.input-icon-right button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.input-icon-left button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.input-icon-right a:hover,
.input-icon-left a:hover,
.input-icon-right button:hover,
.input-icon-left button:hover {
    color: #67a7ff;
}
.input-icon-right.white a:hover,
.input-icon-left.white a:hover,
.input-icon-right.white button:hover,
.input-icon-left.white button:hover {
    color: #ffffff;
}
@media (max-width: 767px) {
    .input-icon-left a{
        top: 10px;
    }
    .input-icon-right a{
        top: 10px;
    }
}

.input-tight{
    padding: 1px;
    min-width: 50px;
}

.input-tight > input,
.input-tight > select,
.input-tight > textarea{
    padding: 6px;
}

@media (max-width: 767px) {
    .input-tight{
        padding: 1px;
        min-width: 40px;
    }

    .input-tight > input,
    .input-tight > select,
    .input-tight > textarea{
        padding: 4px;
    }
}


.input-group{
    align-items: center;
}
.input-group-text {
    border: 1px solid #ddd;
}
.input-group-text.fw{
    -ms-flex-pack: center!important;
    justify-content: center!important;
    width: 36px
}

.input-deleted {
    background-color: rgba(255, 0, 0, 0.3) !important;
    text-decoration: line-through !important;
}

.input-deleted:read-only {
    background-color: rgba(255, 0, 0, 0.3) !important;
    text-decoration: line-through !important;
}

.input-deleted:-moz-read-only {
    background-color: rgba(255, 0, 0, 0.3) !important;
    text-decoration: line-through !important;
}

.inputs-disabled input,
.inputs-disabled select{
    border: none;
    color: #c0c0c0;
    pointer-events:none;
}

.input-error {
    font-size: 0.9em;
    padding-left: 0.5em;
    padding-top: 4px;
    line-height: 1.5!important;
}

input.has-error + .input-error,
select.has-error + .input-error,
textarea.has-error + .input-error,
.expandable-textarea.has-error + .input-error,
.form-floating input.has-error ~ label,
.form-floating select.has-error ~ label,
.form-floating textarea.has-error ~ label,
.form-floating .expandable-textarea.has-error ~ label{
    display: block;
    color: var(--bs-danger) !important;
}
input:not(.has-error) + .input-error,
select:not(.has-error) + .input-error,
textarea:not(.has-error) + .input-error,
.expandable-textarea:not(.has-error) + .input-error{
    display: none;
}

.expandable-textarea{
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 0.75em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.expandable-textarea:focus {
    border: 1px solid #30a5ff;
    outline: 0;
    box-shadow: inset 0 0 0 1px #30a5ff;
}
textarea{
    font-size: 14px !important;
}

.select2-container--bootstrap-5 .select2-selection {
    font-size: 0.95rem;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none;
}
.select2-dropdown .select2-results__option[aria-selected=true]{
    color: white !important;
    background-color: #03a9f4 !important;
}
.select2-dropdown .select2-results__option[aria-selected=true] .text-secondary{
    color: var(--bs-gray-300) !important;
}
.select2-dropdown .select2-results__option.select2-results__option--highlighted[aria-selected=true]{
    color: white !important;
    background-color: var(--bs-info) !important;
}
.select2-dropdown .select2-results__option.select2-results__option--highlighted[aria-selected=true] .text-secondary{
    color: var(--bs-gray-200) !important;
}

.autocomplete-dropdown{
    border: 1px solid #bbb;
    border-top: none!important;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    box-shadow: none;
}

.clear-icon {
    display: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 30px;
    border:none;
    background-color: transparent;
    cursor: pointer;
}
.clear-icon:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00d';
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    z-index:1;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    color: #2ed6f1;
    font-size: 1rem;
    cursor: pointer;
}
::placeholder {
    color: #ccc!important;
    font-style: italic!important;
}
.inputs-disabled input,
.inputs-disabled select{
    border: none;
    color: #c0c0c0;
    pointer-events:none;
}
.input-clear{
    display: flex!important;
}
.input-clear:hover>input:not(:placeholder-shown) ~ .clear-icon {
    display: block;
}

.table-input input, .table-input textarea, .table-input select{
    border: none;
    background: transparent;
}

select.text-muted{
    font-style: italic!important;
}

select.text-muted option:first-child {
    color: #c0c0c0;
    font-style: italic;
}

select.text-muted option{
    color: #555;
    font-style: normal;
}

select.fw-bold option{
    font-weight: 700;
}
select.text-center option{
    text-align: center;
}

.mgc:hover{
    border: 1px solid var(--bs-secondary-bg-subtle);
    background-color: var(--bs-light);
}
.mgc-switch:hover:before{
    border: 1px solid var(--bs-secondary-bg-subtle);
}
.mgc-switch:hover:after{
    background-color: var(--bs-secondary-bg-subtle);
}
.mgc-primary:checked:hover{
    background-color: #009fff !important;
}
.mgc-info:checked:hover{
    background-color: #14e0f9 !important;
}
.mgc-success:checked:hover{
    background-color: #04cf02 !important;
}
.mgc-warning:checked:hover{
    background-color: #fdd835 !important;
}
.mgc-danger:checked:hover{
    background-color: #f44336 !important;
}

.mgc-switch.mgc-primary:checked {
    background-color: var(--bs-primary)!important;
    border-color: var(--bs-primary)!important;
}
.mgc-switch.mgc-secondary:checked {
    background-color: var(--bs-secondary)!important;
    border-color: var(--bs-secondary)!important;
}
.mgc-switch.mgc-dark:checked {
    background-color: var(--bs-dark)!important;
    border-color: var(--bs-dark)!important;
}
.mgc-switch.mgc-info:checked {
    background-color: var(--bs-info)!important;
    border-color: var(--bs-info)!important;
}
.mgc-switch.mgc-warning:checked {
    background-color: var(--bs-warning)!important;
    border-color: var(--bs-warning)!important;
}
.mgc-switch.mgc-danger:checked {
    background-color: var(--bs-danger)!important;
    border-color: var(--bs-danger)!important;
}

.ui-autocomplete {
    position: absolute;
    z-index: 99999 !important;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete>li {
    padding: 3px 20px;
}
.ui-autocomplete>li.ui-state-focus {
    background-color: #DDD;
}
.ui-helper-hidden-accessible {
    display: none;
}

/*Tables*/
.table{
    --bs-table-hover-bg: var(--bs-info-bg-subtle);
    --bs-table-selected: #fffcdc;
    --bs-table-selected-text: #1976d2;
    background: #fff;
}

.table:not(.table-hover-2d) tr td {
    color: inherit;
}
.table:not(.table-hover-2d) tr:not(.strikeout-row)tr:not(.reorder-rows-on-drag-class):not(:hover) td:not(.color) {
    background: inherit!important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: var(--bs-gray-100);
}

/* Fix Bootstrap 5 row hover background */
.table:not(.table-hover-2d)>:not(caption)>*>* {
    box-shadow: none!important;
}

.table.no-header thead{
    display: none!important;
}

/* Table OnHover backgrounds */

.table-hover:not(.table-hover-2d) tbody tr:not(.detail-view):not(.row-active):not(.row-disabled):not(.row-deleted):not(.reorder-rows-on-drag-class):hover td{
    background-color: var(--bs-table-hover-bg)!important;
}

.table tr.row-active{
    background-color: var(--bs-table-selected);
    color: var(--bs-dark);
    font-weight: 600;
}
/* striped table row*/
.table-striped>tbody>tr:nth-of-type(odd).row-active {
    background: #fff9bd!important;
}
.table tr.row-active:hover td{
    background-color: #fff589!important;
}

.table tr.row-disabled{
    background-color: var(--bs-gray-200)!important;
    color: var(--bs-secondary)!important;
}
/* striped table row*/
.table-striped>tbody>tr:nth-of-type(odd).row-disabled {
    background: #dbdddf!important;
}
.table tr.row-disabled:hover td{
    background-color: var(--bs-gray-500)!important;
    color: var(--bs-light)!important;
}

.table tr.row-deleted{
    background-color: #fccdd2!important;
}
/* striped table row*/
.table-striped>tbody>tr:nth-of-type(odd).row-deleted {
    background: #ffb3bb!important;
}

.table tr.row-deleted td{
    color: var(--bs-secondary);
}
.table tr.row-deleted:hover td{
    background-color: #ff756b!important;
    color: var(--bs-light);
}

tr.detail-view,
tr.detail-view td{
    background-color: #f6f6f6!important;
    border-top: none;
    color: var(--bs-secondary);
}

/* Table reorder style */
.reorder-rows-on-drag-class{
    border: 2px dotted var(--bs-warning) !important;
}
.reorder-rows-on-drag-class td{
    background-color: #B3E5FC !important;
}

/* Table StrikeOut colors */

.table tr.strikeout-thick td{
    background-size: 100% 2px!important;
}
.table tr.strikeout-row td{
    background: linear-gradient(var(--bs-gray-600), var(--bs-gray-600)) no-repeat center/100% 1px;
}
.table tr.strikeout-row.strikeout-danger td{
    background: linear-gradient(var(--bs-danger), var(--bs-danger)) no-repeat center/100% 1px;
}

.table-hover-2d>tbody>tr:hover>*{
    --bs-table-bg-state: none!important;
}

.table-hover-2d tbody tr:hover td:not(.hover),
.table-hover-2d tbody tr:hover th:not(.hover){
    background-color: var(--bs-info-bg-subtle);
}
.table-hover-2d .hover {
    background-color: var(--bs-info-bg-subtle);
}
.table-hover-2d .hover:hover {
    background-color: var(--bs-info);
    color: white;
    font-weight: bold;
}

.table-rounded-border .fixed-table-container{
    margin-top: 0.5em;
    border: 1px solid var(--bs-gray-400);
    border-radius: 8px;
    overflow: hidden!important;
}
.table-rounded-border th{
    background-color: var(--bs-gray-400)!important;
}
.table-rounded-border tr:first-child,
.table-rounded-border tr:first-child td{
    border-top: none;
}
.table-rounded-border tr:last-child,
.table-rounded-border tr:last-child td{
    border-bottom: none;
}
.table-rounded-border .table-striped tbody,
.table-rounded-border .table-striped td,
.table-rounded-border .table-striped tfoot,
.table-rounded-border .table-striped th,
.table-rounded-border .table-striped thead,
.table-rounded-border .table-striped tr {
    border-top: none;
    border-bottom: none;
}
.table .cellHeader{
    color: black!important;
    font-weight: bold!important;
}

.table-striped.table-dividers tbody,
.table-striped.table-dividers td,
.table-striped.table-dividers tfoot,
.table-striped.table-dividers th,
.table-striped.table-dividers thead,
.table-striped.table-dividers tr {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid var(--bs-gray-400);
    border-left: 1px solid var(--bs-gray-400);
}
.table-bordered.table-dividers{
    border: calc(var(--bs-border-width) * 2) solid currentcolor !important;
}
.table-dividers thead tr th:first-child{
    border-right: calc(var(--bs-border-width) * 2) solid currentcolor;
    border-left: calc(var(--bs-border-width) * 2) solid white;
    border-top: calc(var(--bs-border-width) * 2) solid white;
}
.table-dividers tbody{
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor !important;
}
.table-dividers tbody th{
    border-right: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.table-centered th,
.table-centered td{
    text-align: center!important;
}
.table-sm th{
    font-size: 0.75em;
}
.table-sm.payout-structure td{
    font-family: monospace;
    font-size: 0.8em;
    color: var(--bs-gray-700);
}

.table tr:has(+ tr.detail-view),
.table tr:has(+ tr.detail-view) td{
    border-bottom: none;
}

/* hide the empty column that's auto-generated */
.table th.detail,
.table td:has(a.detail-icon){
    display: none;
}

.table td, .table th {
    vertical-align: middle;
}

/* max-w is required for TD not to actually overflow  */
.td-truncate{
    max-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-100{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-125{
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-150{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-160{
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-170{
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-180{
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-190{
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-200{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-truncate-250{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:root {
    --table-hover-overflow-size: 5px;
}

.table-hover-buttons{
    position: absolute;
    top: 50%!important;
    right: var(--table-hover-overflow-size);
    min-height: 48px!important;
    padding: 0;
    border: 2px solid #30a5ff;
    border-radius: 10px;
    background-color: #f8f8f8;
    width: fit-content;
    float: right;
    transform: translate(150%, -50%);
    transition: all 0.3s ease;
    z-index: 10;
}
.table-hover-buttons.inline{
    right: 8px!important;
    border-width: 1px;
    min-height: 40px!important;
}

.table tr:not(.reorder-rows-on-drag-class):hover .table-hover-buttons,
.table tr:not(.reorder-rows-on-drag-class):has(+ tr.detail-view:hover) .table-hover-buttons{
    transform: translate(0%, -50%);
    transition: all 0.3s ease;
}
//.table-hover-buttons button{
//    margin-left: 0.25rem!important;
//    margin-right: 0.25rem!important;
//}
//.table-hover-buttons button:first-child{
//    margin-left: 0.5rem!important;
//}
//.table-hover-buttons button:last-child{
//    margin-right: 0.5rem!important;
//}
@media (max-width: 600px) {
    .table-hover-buttons{
        border-width: 3px;
        min-height: 54px!important;
    }
    //.table-hover-buttons button{
    //    margin-left: 0.5rem!important;
    //    margin-right: 0.5rem!important;
    //}
    //.table tr:not(.reorder-rows-on-drag-class):hover .table-hover-buttons button,
    //.table tr:not(.reorder-rows-on-drag-class):has(+ tr.detail-view:hover) .table-hover-buttons button{
    //    scale: 1.3;
    //}
}
.table-hover-buttons .col{
    text-align: center!important;
    padding: 2px 8px;
}
.table-hover-buttons button[disabled=true]{
    opacity: 25%;
}
.table-hover-buttons button:not(.collapse)not(.d-none):not(.d-invisible):not(.display-invisible):not([style*="display:none"]):not([style*="display: none"]) svg,
.table-hover-buttons button i.material-symbols-rounded{
    font-variation-settings: 'FILL' 1 !important;
}
/*.table>thead>tr>th {*/
/*    border-bottom: 1px solid #e6e7e8;*/
/*    !*height: 30px;*!*/
/*}*/
/*.fixed-table-container thead th .th-inner {*/
/*    padding: 0 8px!important;*/
/*}*/

/*!* table header *!*/
/*.fixed-table-container thead th{*/
/*    background-color: rgba(230, 230, 230, 1);*/
/*    font-size: 14px;*/
/*}*/

/*.table > thead > tr > td.default,*/
/*.table > tbody > tr > td.default,*/
/*.table > tfoot > tr > td.default,*/
/*.table > thead > tr > th.default,*/
/*.table > tbody > tr > th.default,*/
/*.table > tfoot > tr > th.default,*/
/*.table > thead > tr.default > td,*/
/*.table > tbody > tr.default > td,*/
/*.table > tfoot > tr.default > td,*/
/*.table > thead > tr.default > th,*/
/*.table > tbody > tr.default > th,*/
/*.table > tfoot > tr.default > th {*/
/*    background-color: ghostwhite;*/
/*}*/

.table>tbody>tr.red>td,
.table>tbody>tr.red>th,
.table>tbody>tr>td.red,
.table>tbody>tr>th.red,
.table>tfoot>tr.red>td,
.table>tfoot>tr.red>th,
.table>tfoot>tr>td.red,
.table>tfoot>tr>th.red,
.table>thead>tr.red>td,
.table>thead>tr.red>th,
.table>thead>tr>td.red,
.table>thead>tr>th.red{
    background-color: rgba(255, 0, 0, 0.3);
}

.table-hover > tbody > tr > td.red:hover,
.table-hover > tbody > tr > th.red:hover,
.table-hover > tbody > tr.red:hover > td,
.table-hover > tbody > tr:hover > .red,
.table-hover > tbody > tr.red:hover > th{
    background-color: #ff968d;
}

.table>tbody>tr.yellow>td,
.table>tbody>tr.yellow>th,
.table>tbody>tr>td.yellow,
.table>tbody>tr>th.yellow,
.table>tfoot>tr.yellow>td,
.table>tfoot>tr.yellow>th,
.table>tfoot>tr>td.yellow,
.table>tfoot>tr>th.yellow,
.table>thead>tr.yellow>td,
.table>thead>tr.yellow>th,
.table>thead>tr>td.yellow,
.table>thead>tr>th.yellow{
    background-color: #fff8b0;
}

.table-hover > tbody > tr > td.yellow:hover,
.table-hover > tbody > tr > th.yellow:hover,
.table-hover > tbody > tr.yellow:hover > td,
.table-hover > tbody > tr:hover > .yellow,
.table-hover > tbody > tr.yellow:hover > th{
    background-color: #FFEB3B;
}

.table>tbody>tr.green>td,
.table>tbody>tr.green>th,
.table>tbody>tr>td.green,
.table>tbody>tr>th.green,
.table>tfoot>tr.green>td,
.table>tfoot>tr.green>th,
.table>tfoot>tr>td.green,
.table>tfoot>tr>th.green,
.table>thead>tr.green>td,
.table>thead>tr.green>th,
.table>thead>tr>td.green,
.table>thead>tr>th.green{
    background-color: #14e44475;
}

.table-hover > tbody > tr > td.green:hover,
.table-hover > tbody > tr > th.green:hover,
.table-hover > tbody > tr.green:hover > td,
.table-hover > tbody > tr:hover > .green,
.table-hover > tbody > tr.green:hover > th{
    background-color: #61ff35;
}

.table>tbody>tr.blue>td,
.table>tbody>tr.blue>th,
.table>tbody>tr>td.blue,
.table>tbody>tr>th.blue,
.table>tfoot>tr.blue>td,
.table>tfoot>tr.blue>th,
.table>tfoot>tr>td.blue,
.table>tfoot>tr>th.blue,
.table>thead>tr.blue>td,
.table>thead>tr.blue>th,
.table>thead>tr>td.blue,
.table>thead>tr>th.blue{
    background-color: #30a5ff6e;
}

.table-hover > tbody > tr > td.blue:hover,
.table-hover > tbody > tr > th.blue:hover,
.table-hover > tbody > tr.blue:hover > td,
.table-hover > tbody > tr:hover > .blue,
.table-hover > tbody > tr.blue:hover > th{
    background-color: #7fd7ff;
}

.table>tbody>tr.highlighted>td,
.table>tbody>tr.highlighted>th,
.table>tbody>tr>td.highlighted,
.table>tbody>tr>th.highlighted,
.table>tfoot>tr.highlighted>td,
.table>tfoot>tr.highlighted>th,
.table>tfoot>tr>td.highlighted,
.table>tfoot>tr>th.highlighted,
.table>thead>tr.highlighted>td,
.table>thead>tr.highlighted>th,
.table>thead>tr>td.highlighted,
.table>thead>tr>th.highlighted{
    background-color: #03A9F4;
    color: white;
}

.table-hover > tbody > tr > td.highlighted:hover,
.table-hover > tbody > tr > th.highlighted:hover,
.table-hover > tbody > tr.highlighted:hover > td,
.table-hover > tbody > tr:hover > .highlighted,
.table-hover > tbody > tr.highlighted:hover > th{
    background-color: #068af3;
}

.table-hover > tbody > tr.highlighted:hover > td a{
    color: #5ce881 !important;
}

.table>tbody>tr.deleted>td,
.table>tbody>tr.deleted>th,
.table>tbody>tr>td.deleted,
.table>tbody>tr>th.deleted,
.table>tfoot>tr.deleted>td,
.table>tfoot>tr.deleted>th,
.table>tfoot>tr>td.deleted,
.table>tfoot>tr>th.deleted,
.table>thead>tr.deleted>td,
.table>thead>tr.deleted>th,
.table>thead>tr>td.deleted,
.table>thead>tr>th.deleted{
    text-decoration: line-through;
    background-color: #c0c0c0;
}

/* table cell hover bg */
/*.table-hover > tbody > tr > td.default:hover,*/
/*.table-hover > tbody > tr > th.default:hover,*/
/*.table-hover > tbody > tr.default:hover > td,*/
/*.table-hover > tbody > tr:hover > .default,*/
/*.table-hover > tbody > tr.default:hover > th,*/
/*.table-hover > tbody > tr > td.deleted:hover,*/
/*.table-hover > tbody > tr > th.deleted:hover,*/
/*.table-hover > tbody > tr.deleted:hover > td,*/
/*.table-hover > tbody > tr:hover > .deleted,*/
/*.table-hover > tbody > tr.deleted:hover > th {*/
/*    background-color: #74d4ff47;*/
/*}*/

/*in bootstrap-table, make the row at least 60px if no records are displayed*/
.no-records-found{
    height: 60px;
}

.bg-success.bg-hover:hover{
    background-color: #8afd57 !important;
}
.bg-info.bg-hover:hover{
    background-color: #a6cefd !important;
}
.bg-warning.bg-hover:hover{
    background-color: #fdf47f !important;
}
.bg-danger.bg-hover:hover{
    background-color: #e42c23 !important;
}

/*expanded row details*/
tr.detail-view,
    background-color: #f6f6f6;
}

.hover-buttons{
    position: absolute;
    padding: 4px 0;
    border: 2px solid #30a5ff;
    border-radius: 10px;
    top: 50%;
    right: 20%;
    width: 60%;
    transform: translate(90%,-50%);
    background-color: #f8f8f8;
}

@media (max-width: 600px) {
    .hover-buttons{
        scale: 1.5;
        padding: 0;
        top: 80%;
        right: 50%;
        width: 80%;
    }
}

/*Custom*/

.scale-6{
    transform: scale(0.6);
}
.scale-7{
    transform: scale(0.7);
}
.scale-8{
    transform: scale(0.8);
}
.scale-9{
    transform: scale(0.9);
}
.scale-11{
    transform: scale(1.1);
}
.scale-12{
    transform: scale(1.2);
}
.scale-13{
    transform: scale(1.3);
}
.scale-14{
    transform: scale(1.4);
}
.scale-15{
    transform: scale(1.5);
}
.scale-20{
    transform: scale(2);
}
.scale-25{
    transform: scale(2.5);
}

.font-size-6{
    font-size: 0.6em !important;
}
.font-size-7{
    font-size: 0.7em !important;
}
.font-size-8{
    font-size: 0.8em !important;
}
.font-size-9{
    font-size: 0.9em !important;
}
.font-size-10{
    font-size: 1em !important;
}
.font-size-11{
    font-size: 1.1em !important;
}
.font-size-12{
    font-size: 1.2em !important;
}
.font-size-13{
    font-size: 1.3em !important;
}
.font-size-14{
    font-size: 1.4em !important;
}
.font-size-15{
    font-size: 1.5em !important;
}
.font-size-16{
    font-size: 1.6em !important;
}
.font-size-17{
    font-size: 1.7em !important;
}
.font-size-18{
    font-size: 1.8em !important;
}
.font-size-19{
    font-size: 1.9em !important;
}
.font-size-20{
    font-size: 2.0em !important;
}
.font-size-21{
    font-size: 2.1em !important;
}
.font-size-22{
    font-size: 2.2em !important;
}
.font-size-23{
    font-size: 2.3em !important;
}
.font-size-24{
    font-size: 2.4em !important;
}
.font-size-25{
    font-size: 2.5em !important;
}

.line-height-1 {
    line-height: 1em !important;
}

.text-money{
    font-size: 1.5em !important;
    font-weight: bold !important;
    color: limegreen !important;
}

.text-grey{
    color: #999 !important;
}

.col-420{
    max-width: 420px;
    min-width: 400px;
}

.col-480{
    max-width: 480px;
    min-width: 400px;
}

.col-500{
    max-width: 500px;
    min-width: 420px;
}

.col-550{
    max-width: 550px;
    min-width: 400px;
}

.col-600{
    max-width: 600px;
    min-width: 480px;
}

.col-650{
    max-width: 650px;
    min-width: 480px;
}

.col-768{
    max-width: 768px;
    min-width: 480px;
}

.col-800{
    max-width: 800px;
    min-width: 480px;
}

.w-fit-content{
    width: fit-content;
    min-width: fit-content;
}

.h-fit-content{
    height: fit-content;
    min-height: ;: fit-content;
}

.minh-20{
    min-height: 20px!important;
}
.minh-30{
    min-height: 30px!important;
}
.minh-40{
    min-height: 40px!important;
}
.minh-50{
    min-height: 50px!important;
}
.minh-75{
    min-height: 75px!important;
}
.minh-100{
    min-height: 100px!important;
}
.minh-120{
    min-height: 120px !important;;
}
.minh-125{
    min-height: 125px !important;;
}
.minh-130{
    min-height: 130px !important;;
}
.minh-140{
    min-height: 140px !important;;
}
.minh-150{
    min-height: 150px!important;
}
.minh-160{
    min-height: 160px !important;;
}
.minh-175{
    min-height: 150px!important;
}
.minh-200{
    min-height: 200px!important;
}
.minh-225{
    min-height: 225px!important;
}
.minh-250{
    min-height: 250px!important;
}
.minh-275{
    min-height: 275px!important;
}
.minh-300{
    min-height: 300px!important;
}
.minh-350{
    min-height: 350px!important;
}
.minh-400{
    min-height: 400px!important;
}
.minh-450{
    min-height: 450px!important;
}
.minh-500{
    min-height: 500px!important;
}
.minh-600{
    min-height: 600px!important;
}
.minh-640{
    min-height: 640px!important;
}
.minh-800{
    min-height: 800px!important;
}

.maxh-20{
    max-height: 20px!important;
}
.maxh-30{
    max-height: 30px!important;
}
.maxh-35{
    max-height: 35px!important;
}
.maxh-40{
    max-height: 40px!important;
}
.maxh-50{
    max-height: 50px!important;
}
.maxh-75{
    max-height: 75px!important;
}
.maxh-100{
    max-height: 100px!important;
}
.maxh-120{
    max-height: 120px !important;;
}
.maxh-125{
    max-height: 125px !important;;
}
.maxh-130{
    max-height: 130px !important;;
}
.maxh-140{
    max-height: 140px !important;;
}
.maxh-150{
    max-height: 150px!important;
}
.maxh-160{
    max-height: 160px !important;;
}
.maxh-175{
    max-height: 150px!important;
}
.maxh-200{
    max-height: 200px!important;
}
.maxh-225{
    max-height: 225px!important;
}
.maxh-250{
    max-height: 250px!important;
}
.maxh-275{
    max-height: 275px!important;
}
.maxh-300{
    max-height: 300px!important;
}
.maxh-350{
    max-height: 350px!important;
}
.maxh-400{
    max-height: 400px!important;
}
.maxh-450{
    max-height: 450px!important;
}
.maxh-500{
    max-height: 500px!important;
}
.maxh-600{
    max-height: 600px!important;
}
.maxh-640{
    max-height: 640px!important;
}
.maxh-800{
    max-height: 800px!important;
}

.minw-10{
    min-width: 10px !important;;
}
.minw-15{
    min-width: 15px !important;;
}
.minw-20{
    min-width: 20px !important;;
}
.minw-25{
    min-width: 25px !important;;
}
.minw-30{
    min-width: 30px !important;;
}
.minw-40{
    min-width: 40px !important;
}
.minw-50{
    min-width: 50px!important;
}
.minw-60{
    min-width: 60px!important;
}
.minw-70{
    min-width: 70px!important;
}
.minw-75{
    min-width: 75px!important;
}
.minw-80{
    min-width: 80px!important;
}
.minw-90{
    min-width: 90px!important;
}
.minw-100{
    min-width: 100px!important;
}
.minw-115{
    min-width: 115px !important;;
}
.minw-120{
    min-width: 120px !important;;
}
.minw-125{
    min-width: 125px !important;;
}
.minw-130{
    min-width: 130px !important;;
}
.minw-140{
    min-width: 140px !important;;
}
.minw-150{
    min-width: 150px!important;
}
.minw-160{
    min-width: 160px !important;;
}
.minw-175{
    min-width: 175px!important;
}
.minw-200{
    min-width: 200px!important;
}
.minw-225{
    min-width: 225px!important;
}
.minw-250{
    min-width: 250px!important;
}
.minw-275{
    min-width: 275px!important;
}
.minw-300{
    min-width: 300px!important;
}
.minw-350{
    min-width: 350px!important;
}
.minw-400{
    min-width: 400px!important;
}
.minw-450{
    min-width: 450px!important;
}
.minw-500{
    min-width: 500px!important;
}
.minw-600{
    min-width: 600px!important;
}
.minw-640{
    min-width: 640px!important;
}
.minw-800{
    min-width: 800px!important;
}

.maxw-10{
    max-width: 10px !important;;
}
.maxw-15{
    max-width: 15px !important;;
}
.maxw-20{
    max-width: 20px !important;;
}
.maxw-25{
    max-width: 25px !important;;
}
.maxw-30{
    max-width: 30px !important;;
}
.maxw-40{
    max-width: 40px !important;
}
.maxw-50{
    max-width: 50px!important;
}
.maxw-60{
    max-width: 60px!important;
}
.maxw-70{
    max-width: 70px!important;
}
.maxw-75{
    max-width: 75px!important;
}
.maxw-80{
    max-width: 80px!important;
}
.maxw-90{
    max-width: 90px!important;
}
.maxw-100{
    max-width: 100px!important;
}
.maxw-110{
    max-width: 110px!important;
}
.maxw-115{
    max-width: 115px!important;
}
.maxw-120{
    max-width: 120px!important;
}
.maxw-125{
    max-width: 125px!important;
}
.maxw-130{
    max-width: 130px!important;
}
.maxw-140{
    max-width: 140px!important;
}
.maxw-150{
    max-width: 150px!important;
}
.maxw-160{
    max-width: 160px!important;
}
.maxw-175{
    max-width: 175px!important;
}
.maxw-200{
    max-width: 200px!important;
}
.maxw-225{
    max-width: 225px!important;
}
.maxw-250{
    max-width: 250px!important;
}
.maxw-275{
    max-width: 275px!important;
}
.maxw-300{
    max-width: 300px!important;
}
.maxw-325{
    max-width: 325px!important;
}
.maxw-350{
    max-width: 350px!important;
}
.maxw-375{
    max-width: 375px!important;
}
.maxw-400{
    max-width: 400px!important;
}
.maxw-425{
    max-width: 425px!important;
}
.maxw-450{
    max-width: 450px!important;
}
.maxw-500{
    max-width: 500px!important;
}
.maxw-600{
    max-width: 600px!important;
}
.maxw-640{
    max-width: 640px!important;
}
.maxw-800{
    max-width: 800px!important;
}
.maxw-900{
    max-width: 900px!important;
}
.maxw-960{
    max-width: 960px!important;
}

.p0{
    padding: 0 !important;
}

.p1{
    padding: 1px !important;
}

.p2{
    padding: 2px !important;
}

.p3{
    padding: 2px !important;
}

.pr0{
    padding-right: 1px !important;
}

.pr1{
    padding-right: 1px !important;
}

.pr2{
    padding-right: 2px !important;
}

.pr3{
    padding-right: 3px !important;
}

.pl0{
    padding-left: 0 !important;
}

.pl1{
    padding-left: 1px !important;
}

.pl2{
    padding-left: 2px !important;
}

.pl3{
    padding-left: 3px !important;
}

.pt0{
    padding-top: 0 !important;
}

.pt1{
    padding-top: 1px !important;
}

.pt2{
    padding-top: 2px !important;
}

.pt3{
    padding-top: 3px !important;
}

.pb0{
    padding-bottom: 0 !important;
}

.pb1{
    padding-bottom: 1px !important;
}

.pb2{
    padding-bottom: 2px !important;
}

.pb3{
    padding-bottom: 3px !important;
}

.pr-10{
    padding-right: 10px !important;
}

.pr-15{
    padding-right: 15px !important;
}

.pr-20{
    padding-right: 20px !important;
}

.pl-10{
    padding-left: 10px !important;
}

.pl-15{
    padding-left: 15px !important;
}

.pl-20{
    padding-left: 20px !important;
}

.pl-25{
    padding-left: 25px !important;
}

.pl-30{
    padding-left: 30px !important;
}

.pt-7{
    padding-top: 7px !important;
}

.pt-8{
    padding-top: 8px !important;
}

.pt-10{
    padding-top: 10px !important;
}

.pt-15{
    padding-top: 15px !important;
}

.pt-20{
    padding-top: 20px !important;
}

.pb-7{
    padding-bottom: 7px !important;
}

.pb-8{
    padding-bottom: 8px !important;
}

.pb-10{
    padding-bottom: 10px !important;
}


.m1{
    margin: 1px !important;
}

.m2{
    margin: 2px !important;
}

.m3{
    margin: 2px !important;
}

.mr1{
    margin-right: 1px !important;
}

.mr2{
    margin-right: 2px !important;
}

.mr3{
    margin-right: 3px !important;
}

.ml1{
    margin-left: 1px !important;
}

.ml2{
    margin-left: 2px !important;
}

.ml3{
    margin-left: 3px !important;
}

.mt1{
    margin-top: 1px !important;
}

.mt2{
    margin-top: 2px !important;
}

.mt3{
    margin-top: 3px !important;
}

.mb1{
    margin-bottom: 1px !important;
}

.mb2{
    margin-bottom: 2px !important;
}

.mb3{
    margin-bottom: 3px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.spinner-border,
.spinner-border-sm,
.spinner-border-md{
    flex-shrink: 0 !important;
}

.spinner-border-md {
    vertical-align: bottom;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

.spinner-inverse {
    vertical-align: bottom;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 4px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: currentColor;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}
.spinner-white{
    border-color: white;
    border-top-color: currentColor;
}
.spinner-danger{
    border-color: #DC3545;
    border-top-color: currentColor;
}
.spinner-danger-light{
    border-color: rgba(220,53,69,.3);
    border-top-color: currentColor;
}
.spinner-light{
    border-color: #F8F9FA;
    border-top-color: currentColor;
}
.spinner-dark{
    border-color: #343A40;
    border-top-color: currentColor;
}
.spinner-dark-light{
    border-color: rgba(0,0,0,.3);
    border-top-color: currentColor;
}
.spinner-info{
    border-color: #CFE5FF;
    border-top-color: currentColor;
}
.spinner-info-light{
    border-color: rgba(207,209,255,.5);
    border-top-color: currentColor;
}
.spinner-primary{
    border-color: #007BFF;
    border-top-color: currentColor;
}
.spinner-primary-light{
    border-color: rgba(0,123,255,.1);
    border-top-color: currentColor;
}
.spinner-secondary{
    border-color: #6C757D;
    border-top-color: currentColor;
}
.spinner-secondary-light{
    border-color: rgba(108,117,125,.1);
    border-top-color: currentColor;
}
.spinner-warning{
    border-color: #FFC107;
    border-top-color: currentColor;
}
.spinner-warning-light{
    border-color: rgba(255,193,7,.25);
    border-top-color: currentColor;
}
.spinner-success{
    border-color: #28A745;
    border-top-color: currentColor;
}
.spinner-success-light{
    border-color: rgba(40,167,69,.15);
    border-top-color: currentColor;
}
.btn-sm .spinner-inverse{
    width: 1.2rem;
    height: 1.2rem;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}

@keyframes shadow-pulse
{
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-danger
{
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
    }
}

@keyframes bg-pulse-danger
{
    0% {
        background-color: rgba(255, 0, 0, 0.5);
    }
    100% {
        background-color: rgba(255, 0, 0, 0.2);
    }
}

.shadow-pulse{
    animation: shadow-pulse 1s infinite;
}

.shadow-pulse-danger{
    animation: shadow-pulse-danger 1s infinite;
}

.pulse-bg-danger{
    animation: bg-pulse-danger 1.5s infinite;
}

.poker-card{
    display: inline-block;
    padding: 2px 0 !important;
    color: #212529;
    background-color: white;
    border: 2px solid #b0b0b0!important;
    line-height: 1.2;
    border-radius: 0.3em!important;
}
.poker-card.left{
    rotate: -15deg;
}
.poker-card.right{
    rotate: 20deg;
    transform: translate(-40%);
}

.move-left-1{
    position: relative;
    left: -1px;
}
.move-left-2{
    position: relative;
    left: -2px;
}
.move-left-3{
    position: relative;
    left: -3px;
}
.move-left-4{
    position: relative;
    left: -4px;
}
.move-left-5{
    position: relative;
    left: -5px;
}

.move-top-1{
    position: relative;
    top: -1px;
}
.move-top-2{
    position: relative;
    top: -2px;
}
.move-top-3{
    position: relative;
    top: -3px;
}
.move-top-4{
    position: relative;
    top: -4px;
}
.move-top-5{
    position: relative;
    top: -5px;
}

.pad-top-1{
    padding-top: 1px!important;
}
.pad-top-2{
    padding-top: 2px!important;
}
.pad-top-3{
    padding-top: 3px!important;
}
.pad-top-4{
    padding-top: 4px!important;
}
.pad-top-5{
    padding-top: 5px!important;
}
.pad-top-6{
    padding-top: 6px!important;
}

/*Modals*/
.body-fix{
    padding-right: 0!important;
}
/*workaround for modal background not filling the screen*/
.modal-backdrop{
    width: 100%!important;
    height: 100%!important;
}
/* Fixes nested modals backdrop by creating a 'top-level' set of modals */
.modal.modal-top.show{
    z-index: 2001!important;
}
/* and moves one of the backdrops higer */
body:has(.modal.modal-top.show) .modal-backdrop.show ~ .modal-backdrop.show{
    z-index: 2000!important;
}

.modal-dialog{
    margin-bottom: 3rem !important;
    max-height: calc(100vh - 0.5rem - 3rem);
}
.modal-dialog-centered {
    min-height: calc(100% - var(--bs-modal-margin) * 2 - 3em);
}
.modal-footer button,
.modal button[type="reset"],
.modal button[type="submit"]{
    min-width: 100px;
}