:root{
    --bs-card-border-radius: .5rem;
    --bs-col-flex:  0 0 auto;
    --bs-col-2-5-width: 20.833333335%;
}

.col-2-5 {
    flex: var(--bs-col-flex);
    width: var(--bs-col-2-5-width);
}

@media (min-width: 576px) {
    .col-sm-2-5 {
        flex: var(--bs-col-flex);
        width: var(--bs-col-2-5-width);
    }
}

@media (min-width: 768px) {
    .col-md-2-5 {
        flex: var(--bs-col-flex);
        width: var(--bs-col-2-5-width);
    }
}

@media (min-width: 992px) {
    .col-lg-2-5 {
        flex: var(--bs-col-flex);
        width: var(--bs-col-2-5-width);
    }
}

@media (min-width: 1200px) {
    .col-xl-2-5 {
        flex: var(--bs-col-flex);
        width: var(--bs-col-2-5-width);
    }
}

@media (min-width: 1400px) {
    .col-xxl-2-5 {
        flex: var(--bs-col-flex);
        width: var(--bs-col-2-5-width);
    }
}


.bg-gost-opacity-25{
    --bs-bg-opacity: 0;
}
.bg-gost-opacity-25:hover{
    --bs-bg-opacity: 0.25;
}

.fs-6-5 { font-size: .875rem }
.fs-7 { font-size: .75rem }

.rounded-top-start-0{
    border-top-left-radius: 0;
}
.rounded-top-end-0{
    border-top-right-radius: 0;
}
.rounded-bottom-start-0{
    border-bottom-left-radius: 0;
}
.rounded-bottom-end-0{
    border-bottom-right-radius: 0;
}

.rounded-10 { border-radius: 1rem!important; }
.rounded-5 { border-radius: .5rem!important; }
.rounded-bottom-5 { border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; }
.rounded-end-5 {
    border-radius: 0px 0.5rem 0.5rem 0px !important;
}
.last-div-child-mb-0 div:last-child { margin-bottom: 0!important; }
.last-p-child-mb-0 p:last-child { margin-bottom: 0!important; }

hr { border-color: #eee; background-color: #aaa; }

hr.modal-header-divider{ margin-left: -1rem; margin-right: -1rem; }

.card{
    border-width: 0;
    border-radius: var(--bs-card-border-radius);
}
.card-header:first-child {
    border-radius: calc(var(--bs-card-border-radius) - 1px) calc(var(--bs-card-border-radius) - 1px) 0 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    font-weight: bold;
}

.input-group .input-group-text:not(.form-control) { font-size: .75rem; }
.input-group .input-group-btn button{ font-size: 0.75rem; height: 100%; }

.form-control:not(.form-control-sm){
    min-height: 38px;
}

select.form-control:not(.form-control-sm) {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.dropdown-toggle::after {
    vertical-align: middle;
    transition: transform 0.2s ease-in-out;
}

.dropdown .dropdown-toggle.show::after {
    transform: rotate(-180deg);
}

/*questo lo faccio non per cambiare bootstrap ma per sovraschivere lo stylev1 del sito*/
.accordion-header{
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
}

.row.row-vertical-divider div{
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.row.row-vertical-divider div:first-child{
    border-left: none;
    border-right: 1px solid #ececec;
}
.row.row-vertical-divider div:last-child{
    border-left: 1px solid #ececec;
    border-right: none;
}

.k-disabled, .k-widget[disabled] {
    background-color: #e9ecef!important;
    opacity: 1!important;
}

/*table tbody tr:last-child{ border-bottom-color: transparent; }*/

@media (min-width: 576px) {
    .modal-xxl { 
        max-width: 1320px;
    }
    .modal-max-width { 
        max-width: 100%;
        margin: 1.75rem;
    }
}

/* --- media SM --- */
@media (min-width: 576px){
    .position-sm-sticky{
        position: sticky;
    }
}