﻿
.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-font) !important;
}

    .text-primary.light {
        color: var(--color-primary-60) !important;
    }

    .text-primary.dark {
        color: var(--color-primary-font-dark) !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-80);
    --bs-btn-border-color: var(--color-primary-80);
    --bs-btn-hover-bg: var(--color-primary-60);
    --bs-btn-hover-border-color: var(--color-primary-60);
    --bs-btn-focus-shadow-rgb: 140, 180, 212;
    --bs-btn-active-bg: var(--color-primary-80);
    --bs-btn-active-border-color: var(--color-primary-80);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color-primary-50);
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}

.btn-outline-primary {
    color: var(--color-primary-80);
    /*font-weight: bold;*/
    --bs-btn-border-color: var(--color-primary-80);
    --bs-btn-hover-bg: var(--color-primary-80);
    --bs-btn-hover-border-color: var(--color-primary-80);
    --bs-btn-focus-shadow-rgb: 140, 180, 212;
    --bs-btn-active-bg: var(--color-primary-80);
    --bs-btn-active-border-color: var(--color-primary-80);
    --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-60) !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-30);
}

    .alert-primary .alert-link {
        color: var(--color-primary-70);
    }

.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);
}
/*
*
*/

.bg-login {
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-primary-00 {
    background-color: var(--color-primary-00) !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-70 {
    background-color: var(--color-primary-70) !important;
}

.bg-primary-80 {
    background-color: var(--color-primary-80) !important;
}

.bg-primary-90 {
    background-color: var(--color-primary-90) !important;
}

.shadow-primary {
    box-shadow: 0px 2px 10px rgb(29 69 121 / 40%);
}
.shadow-y-primary {
    /*box-shadow: 10px 10px 5px rgb(29 69 121 / 40%), 10px -10px 5px rgb(29 69 121 / 40%);*/
    /*box-shadow: inset 0px 0px 40px 40px #DBA632;*/
}
/*--------------------------------------------------------------
# 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-20 {
    background-color: var(--color-secondary-20) !important;
}

/*--------------------------------------------------------------
# Color: Success
--------------------------------------------------------------*/
.text-success-alt {
    color: #28a745 !important
}
/*.text-success {
    color: var(--color-success-font-light) !important
}

.btn-success {
    --bs-btn-bg: var(--color-success-40);
    --bs-btn-border-color: var(--color-success-40);
    --bs-btn-hover-bg: var(--color-success-50);
    --bs-btn-hover-border-color: var(--color-success-50);
    --bs-btn-focus-shadow-rgb: 168,204,92;
    --bs-btn-active-bg: var(--color-success-50);
    --bs-btn-active-border-color: var(--color-success-50);
    --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-light);
    --bs-alert-bg: var(--color-success-10);
    --bs-alert-border-color: var(--color-success-20);
}

    .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
--------------------------------------------------------------*/

/*.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;
}
.text-danger-70 {
    color: var(--color-danger-70) !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-90) !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
}
.text-black-35 {
    color: rgba(0,0,0,.35) !important
}
.text-black-75 {
    color: rgba(0,0,0,.75) !important
}

/*--------------------------------------------------------------
# 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-control {
    border-radius: 0;
}

    .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);
    }


    .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);
    }
/*--------------------------------------------------------------
# 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;
}
/*--------------------------------------------------------------
# card
--------------------------------------------------------------*/
.card.border-1, .card-header.border-1 {
    --bs-card-border-width: 1px;
}

.card.border-2, .card-header.border-2 {
    --bs-card-border-width: 2px
}

.card.border-3, .card-header.border-3 {
    --bs-card-border-width: 3px
}

.card.border-4, .card-header.border-4 {
    --bs-card-border-width: 4px
}

.card.border-5, .card-header.border-5 {
    --bs-card-border-width: 5px
}

.modal-body > .row {
    margin-right: -1rem;
    margin-left: -1rem;
}

.input-group {
    min-width: 120px;
}
@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;
        }
}
