﻿.fs-09 {
    font-size: 0.9rem !important
}

.fs-08 {
    font-size: 0.8rem !important
}
.fs-075 {
    font-size: 0.75rem !important
}
.fs-07 {
    font-size: 0.7rem !important
}

.fs-06 {
    font-size: 0.6rem !important
}

.btn-xs {
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.75rem;
}

.btn-xxs {
    --bs-btn-padding-y: 0.02rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.6rem;
}
/*--------------------------------------------------------------
# Color: Primary
--------------------------------------------------------------*/

.text-primary {
    color: var(--color-primary) !important;
}

    .text-primary.light {
        color: var(--color-primary-60) !important;
    }

    .text-primary.dark {
        color: var(--color-primary-font) !important;
    }

    .text-primary.text-primary-70 {
        color: var(--color-primary-70) !important;
    }
    .text-primary.text-primary-80 {
        color: var(--color-primary-80) !important;
    }

.btn-primary {
    --bs-btn-bg: var(--color-primary-60);
    --bs-btn-border-color: var(--color-primary-60);
    --bs-btn-hover-bg: var(--color-primary-50);
    --bs-btn-hover-border-color: var(--color-primary-50);
    --bs-btn-focus-shadow-rgb: 102, 176, 219;
    --bs-btn-active-bg: var(--color-primary-60);
    --bs-btn-active-border-color: var(--color-primary-60);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color-primary-10);
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}

.btn-outline-primary {
    color: var(--color-primary-60);
    /*font-weight: bold;*/
    --bs-btn-border-color: var(--color-primary-60);
    --bs-btn-hover-bg: var(--color-primary-40);
    --bs-btn-hover-border-color: var(--color-primary-40);
    --bs-btn-focus-shadow-rgb: 102, 176, 219;
    --bs-btn-active-bg: var(--color-primary-60);
    --bs-btn-active-border-color: var(--color-primary-60);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color-primary-10);
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}

.btn-outline-primary.bg-solid {
    --bs-btn-bg: white;
}

.badge-outline-primary {
    --bs-badge-color: var(--color-primary);
    --bs-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.border-primary-light {
    border-color: var(--color-primary-20) !important;
}

.link-primary {
    color: var(--color-primary-70) !important
}

    .link-primary:focus, .link-primary:hover {
        color: var(--color-primary-90) !important
    }

    .link-primary.light, .link-primary.light:active, .link-primary.light:focus, .eventDetail .eventAjuda a {
        color: var(--color-primary-40) !important
    }

        .link-primary.light:hover,
        .eventDetail .eventAjuda a:focus, .eventDetail .eventAjuda a:hover {
            color: var(--color-primary-50) !important
        }

    .link-primary.dark {
        color: var(--color-primary-90) !important
    }

        .link-primary.dark:focus, .link-primary.dark:hover {
            color: var(--color-primary-60) !important
        }

.alert-primary {
    --bs-alert-color: var(--color-primary-font);
    --bs-alert-bg: var(--color-primary-10);
    --bs-alert-border-color: var(--color-primary-20);
}

    .alert-primary .alert-link {
        color: var(--color-primary-70);
    }
.form-control:focus, .form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--color-primary-40);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--color-primary-10);
}
.checkbox-primary:checked {
    background-color: var(--color-primary-60);
}
.checkbox-primary:checked, .checkbox-primary:focus, .checkbox-primary:hover {
    border-color: var(--color-primary-60);
}
.checkbox-primary:focus, .checkbox-primary:hover  {
    box-shadow: 0 0 0 .25rem rgba(160, 218, 196,1);
}
.form-check-input:checked:disabled {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
/*
*
*/
.bg-login {
}

.bg-primary {
    background-color: var(--color-primary-50) !important;
}

.bg-primary-05 {
    background-color: var(--color-primary-05) !important;
}

.bg-primary-10 {
    background-color: var(--color-primary-10) !important;
}

.bg-primary-20 {
    background-color: var(--color-primary-20) !important;
}

.bg-primary-30 {
    background-color: var(--color-primary-30) !important;
}

.bg-primary-40 {
    background-color: var(--color-primary-40) !important;
}

.bg-primary-50 {
    background-color: var(--color-primary-50) !important;
}

.bg-primary-60 {
    background-color: var(--color-primary-60) !important;
}

.bg-primary-90 {
    background-color: var(--color-primary-90) !important;
}

/*--------------------------------------------------------------
# Color: Secondary
--------------------------------------------------------------*/

.badge-outline-secondary {
    --bs-badge-color: var(--color-secondary);
    --bs-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.border-secondary-light {
    border-color: var(--color-secondary-60) !important;
}
.border-secondary-dark {
    border-color: var(--color-body-font) !important;
}

.bg-secondary-10 {
    background-color: var(--color-secondary-10) !important;
}

/*--------------------------------------------------------------
# Color: Success
--------------------------------------------------------------*/
.text-success {
    color: var(--color-success-70) !important
}

.btn-success {
    --bs-btn-bg: var(--color-success-60);
    --bs-btn-border-color: var(--color-success-60);
    --bs-btn-hover-bg: var(--color-success-70);
    --bs-btn-hover-border-color: var(--color-success-70);
    /*--bs-btn-focus-shadow-rgb: 168,204,92;*/
    --bs-btn-active-bg: var(--color-success-70);
    --bs-btn-active-border-color: var(--color-success-70);
    --bs-btn-disabled-bg: var(--color-success);
    --bs-btn-disabled-border-color: var(--color-success);
}

.border-success {
    border-color: var(--color-success-40) !important;
}

.bg-success {
    background-color: var(--color-success-50) !important
}

.alert-success {
    --bs-alert-color: var(--color-success-font);
    --bs-alert-bg: var(--color-success-10);
    --bs-alert-border-color: var(--color-success-10);
}

    .alert-success.inverted {
        --bs-alert-color: white;
        --bs-alert-bg: var(--color-success-40);
        border: 0;
    }

    .link-success, .alert-success .alert-link {
        color: var(--color-success-font-light) !important
    }

        .link-success:focus, .alert-success .alert-link:focus,
        .link-success:hover, .alert-success .alert-link:hover {
            color: var(--color-success-30) !important
        }

/*--------------------------------------------------------------
# Color: warning
--------------------------------------------------------------*/
.btn-warning {
    color: var(--color-body-font-dark);
}
/*.border-warning {
    border-color: var(--color-warning-80) !important;
}

.text-warning.dark {
    color: var(--color-warning-font-dark) !important;
}

.checkbox-warning:checked {
    background-color: var(--color-warning-80);
}

.checkbox-warning:checked, .checkbox-warning:focus, .checkbox-warning:hover {
    border-color: var(--color-warning-80);
}

.checkbox-warning:focus, .checkbox-warning:hover {
    box-shadow: 0 0 0 .25rem rgba(243, 229, 180,1);
}*/

/*--------------------------------------------------------------
# Color: Danger
--------------------------------------------------------------*/
.btn-danger {
    color: var(--color-danger-10);
    --bs-btn-bg: var(--color-danger-60);
    --bs-btn-border-color: var(--color-danger-60);
    --bs-btn-hover-color: var(--color-danger-10);
    --bs-btn-hover-bg: var(--color-danger-50);
    --bs-btn-hover-border-color: var(--color-danger-50);
    --bs-btn-focus-shadow-rgb: 255, 180, 153;
    --bs-btn-active-color: var(--color-danger-10);
    --bs-btn-active-bg: var(--color-danger-70);
    --bs-btn-active-border-color: var(--color-danger-70);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color-danger-10);
    --bs-btn-disabled-bg: var(--color-danger-70);
    --bs-btn-disabled-border-color: var(--color-danger-70);
}

.btn-outline-danger {
    color: var(--color-danger-70);
    /*font-weight: bold;*/
    --bs-btn-border-color: var(--color-danger-70);
    --bs-btn-hover-bg: var(--color-danger-50);
    --bs-btn-hover-border-color: var(--color-danger-50);
    /***/
    --bs-btn-focus-shadow-rgb: 255, 180, 153;
    --bs-btn-active-bg: var(--color-danger-40);
    --bs-btn-active-border-color: var(--color-danger-70);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color-danger-10);
    --bs-btn-disabled-bg: var(--color-danger);
    --bs-btn-disabled-border-color: var(--color-danger);
}

.text-danger, .invalid-feedback {
    color: var(--color-danger-font-light) !important;
}
.text-danger-50 {
    color: var(--color-danger-50) !important;
}

.border-danger {
    border-color: var(--color-danger-60) !important;
}

.border-danger-light {
    border-color: var(--color-danger-40) !important;
}

.bg-danger {
    background-color: var(--color-danger-50) !important
}

.alert-danger {
    --bs-alert-color: var(--color-danger-font);
    --bs-alert-bg: var(--color-danger-10);
    --bs-alert-border-color: var(--color-danger-30);
}

    .alert-danger .alert-link {
        color: var(--color-danger-80);
    }

.link-danger {
    color: var(--color-danger-70) !important
}

    .link-danger:focus, .link-danger:hover {
        color: var(--color-danger-90) !important
    }

/*--------------------------------------------------------------
# Color: Dark
--------------------------------------------------------------*/
.border-dark.light {
    border-color: var(--color-light-font-30) !important;
}
.text-black-25 {
    color: rgba(0,0,0,.25) !important
}
/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: var(--color-danger-30);
    box-shadow: 0 0 0 .25rem var(--color-danger-10)
}
.form-control.is-invalid {
    border-color: var(--color-danger-30);
}
/*--------------------------------------------------------------
# list-group-horizontal
--------------------------------------------------------------*/
    .list-group-hflush {
    border-radius: 0
}
/*--------------------------------------------------------------
# dropdown-menu
--------------------------------------------------------------*/
.dropdown-menu {
    padding: 5px 0 !important;
    font-size: 0.9em;
}

.dropdown-item {
    padding: 3px 20px !important;
}

    .dropdown-item:active, .dropdown-item:hover {
        background-color: var(--color-primary-bkg2) !important;
    }

/*--------------------------------------------------------------
# form xs
--------------------------------------------------------------*/
.col-form-label-xs {
    padding-bottom: 0;
    font-size: .775rem
}
.form-control-xs {
    min-height: calc(1.5em + .5rem + 1px);
    padding: 0 .5rem;
    font-size: .775rem;
    /*border-radius: .25rem*/
}
.form-select-xs {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .775rem;
    /*border-radius: .25rem*/
}
.table-sm.gap-x-lg td, .table-sm.gap-x-lg th {
    padding-right: .5rem;
    padding-left: .5rem;
}
.table-xs td, .table-xs th {
    padding: .3rem
}

.table-text-xs th {
    font-size: 0.8em !important;
}

.table-text-xs td, .text-xs {
    font-size: 0.75em !important;
}

.table-text-xs .ico-plus:before {
    font-size: 1.7em;
}

.table-text-xs td {
    line-height: 1.5em;
}

@media (max-width: 991.98px) {
    .list-group-horizontal-lg.list-group-hflush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-horizontal-lg.list-group-hflush > .list-group-item:last-child {
            border-bottom-width: 0
        }
}

@media (min-width: 991.98px) {
    .list-group-horizontal-lg.list-group-hflush > .list-group-item {
        border-width: 0 var(--bs-list-group-border-width) 0 0
    }

        .list-group-horizontal-lg.list-group-hflush > .list-group-item:first-child {
            padding-left: 0;
        }

        .list-group-horizontal-lg.list-group-hflush > .list-group-item:last-child {
            border-right-width: 0;
            padding-right: 0;
        }
}

@media (max-width: 768px) {
    .list-group-horizontal-md.list-group-hflush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-horizontal-md.list-group-hflush > .list-group-item:last-child {
            border-bottom-width: 0
        }
}

@media (min-width: 768px) {
    .list-group-horizontal-md.list-group-hflush > .list-group-item {
        border-width: 0 var(--bs-list-group-border-width) 0 0
    }

        .list-group-horizontal-md.list-group-hflush > .list-group-item:first-child {
            padding-left: 0;
        }

        .list-group-horizontal-md.list-group-hflush > .list-group-item:last-child {
            border-right-width: 0;
            padding-right: 0;
        }
}
