.fmxw-100 {
    max-width: 100px !important;
}

.fmxw-200 {
    max-width: 200px !important;
}

.fmxw-300 {
    max-width: 300px !important;
}

.fmxw-400 {
    max-width: 400px !important;
}

.fmxw-500 {
    max-width: 500px !important;
}

.fmxw-999 {
    max-width: 999px !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

/**
 * = Icon boxes
 */
.icon {
    height: 2rem;
}

.icon.icon-xxs {
    height: 1rem;
}

.icon.icon-xs {
    height: 1.25rem;
}

.icon.icon-sm {
    height: 1.5rem;
}

.icon.icon-lg {
    height: 3.5rem;
}

.icon.icon-xl {
    height: 4.5rem;
}

.icon.icon-xxl {
    height: 6rem;
}

.icon.active-dot svg {
    height: 0.7rem;
}

.icon-shape {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-shape svg {
    height: 2rem;
}

.icon-shape.icon-xxs {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-shape.icon-xxs svg {
    height: 1rem;
}

.icon-shape.icon-xs {
    width: 2.5rem;
    height: 2.5rem;
}

.icon-shape.icon-xs svg {
    height: 1.25rem;
}

.icon-shape.icon-sm {
    width: 3.275rem;
    height: 3.275rem;
}

.icon-shape.icon-sm svg {
    height: 1.5rem;
}

.icon-shape.icon-lg {
    width: 5rem;
    height: 5rem;
}

.icon-shape.icon-lg svg {
    height: 3.5rem;
}

.icon-shape.icon-xl {
    width: 6rem;
    height: 6rem;
}

.icon-shape.icon-xl svg {
    height: 4.5rem;
}

.icon-shape.icon-xxl {
    width: 7.5rem;
    height: 7.5rem;
}

.icon-shape.icon-xxl svg {
    height: 6rem;
}

.rating-star:hover {
    cursor: pointer;
    color: #f3c78e;
}

.toggle-icon {
    height: 1.875rem;
}

.vh-lg-100 {
    height: 100vh !important;
}
.input-group .form-control:focus,.form-check-input:focus {    
    border-color: #124266;
    box-shadow: none;
}
.form-check-input:checked {
    background-color: #124266;
    border-color: #124266;
}
.form-control:focus {
    color: #6B7280;
    background-color: #ffffff;
    border-color: #124266;
    outline: 0;    
}

.btn-gray-800 {
    color: #ffffff;
    background-color: #124266;
    border-color: #124266;    
}

.btn-gray-800:hover {
    color: #ffffff;
    background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
    border-color: color-mix(in srgb, var(--accent-color), transparent 15%);

}

.btn-check:focus + .btn-gray-800, .btn-gray-800:focus {
    color: #ffffff;
    background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
    border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
}

.btn-check:checked + .btn-gray-800, .btn-check:active + .btn-gray-800, .btn-gray-800:active, .btn-gray-800.active, .show > .btn-gray-800.dropdown-toggle {
     color: #ffffff !important;
    background-color: color-mix(in srgb, var(--accent-color), transparent 15%) !important;
    border-color: color-mix(in srgb, var(--accent-color), transparent 15%) !important;
}


.btn-gray-800:disabled, .btn-gray-800.disabled {
    color: #ffffff;
    background-color: #124266;
    border-color: #124266;
}

.form-bg-image {
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}