/* EXT */

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

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

.ml-a {
    margin-left:auto !important;
}
.mr-a {
    margin-right:auto !important;
}
.mt-a {
    margin-top:auto !important;
}
.mb-a {
    margin-bottom:auto !important;
}
.g-10 {
    gap: 10px;
}
.g-20 {
    gap: 20px;
}

.w-40 {
    width: 40%;
}
.w-50 {
    width: 50%;
}
.w-60 {
    width: 60%;
}
.w-70 {
    width: 70%;
}

.p-20 {
    padding: 20px;
}

.gap-5 {
    gap:5px;
}
.gap-10 {
    gap:10px;
}
.gap-20 {
    gap:20px;
}

.gtc-1 {
    grid-template-columns: repeat(1, 1fr) !important;
}
.gtc-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}
.gtc-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}
.gtc-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}
.gtc-5 {
    grid-template-columns: repeat(5, 1fr) !important;
}

/* FORM GROUPS */
.flex-align-start {
    align-items: flex-start;
    display: flex;
    gap: 5px;
}

.form-row-full {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.row {
    flex-direction: row;
}

.row-reverse {
    flex-direction: row-reverse;
}

.flex-box-row {
    display:flex;
}

.input-group-text {
    padding: 20px;
}

/* BUTTONS */

.btn-sm {
    padding: 8px 20px !important;
}
.btn {
    border-radius:0px;
    padding: 15px 20px;
}

.btn-primary {
    background-color: var(--global-color-0);
    color: var(--global-color-4);
    border: solid var(--global-color-0) 1px;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.btn-primary:hover {
    background-color: var(--global-color-1);
    color: var(--global-color-2);
    border-color: var(--global-color-1);
}

.btn-primary:focus, 
.btn-primary:active, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-link:focus:not(.dropdown-toggle):not(.submit-button), 
.btn-link:active:not(.dropdown-toggle):not(.submit-button) {
    background-color: var(--global-color-7) !important;
    color: var(--global-color-4) !important;
    border-color: var(--global-color-7) !important;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--global-color-5);
    pointer-events: none;
    background-color: var(--global-color-0);
    border-color: var(--global-color-0);
    opacity: 0.35;
    cursor: not-allowed;
}


.above-header .dropdown-toggle::after {
    display:none;
}

.dropdown-menu > li > a:active, 
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > form:active, 
.dropdown-menu > li > form:focus,
.dropdown-menu > li > form:active ~ .dropdown-item .btn-link, 
.dropdown-menu > li > form:focus ~ .dropdown-item .btn-link  {
    background-color: #fff !important;
    color: var(--global-color-7) !important;
    border-color: #fff !important;
}

.btn-secondary {
    background-color: var(--global-color-1);
    color: var(--global-color-5);
    border: solid var(--global-color-1) 1px;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.btn-secondary:hover {
    background-color: var(--global-color-5);
    color: var(--global-color-7) !important;
    border-color: var(--global-color-0);
}

.btn-link {
    padding: 0px;
    text-decoration: none;
    margin:0px;
}

/* BADGE */
.badge {
    background: var(--global-color-0) !important;
    border: 1px solid #439087;
    /* color: var(--global-color-7); */
    border-radius: 50px !important;
    padding: 3px 10px;
}

/* FIELDS */

input:focus, select:focus, textarea:focus {
    border-color: var(--global-color-8) !important;
    box-shadow: none !important;
}

input:not([type="checkbox"]), select {
    padding: 0.75em !important;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

input[type=checkbox]:checked {
    background-color: var(--global-color-0);
    border-color:  var(--global-color-2);
}

input[type=radio] {
    width: 10px;
    height: 10px;
    padding: 10px !important;
}

input[type=radio]:checked {
    background-color: var(--global-color-0);
    border-color:  var(--global-color-2);
}

/* NAV BAR */

.navbar-toggler:focus {
    box-shadow: 0 0 0 1px !important;
}
/* MODAL */
.modal-footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* GRID */
.grid {
    display: grid;  
    grid-template-columns: repeat(1, 1fr);
}
.grid-2 {
    display: grid;  
    grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
    display: grid;  
    grid-template-columns: repeat(3, 1fr);
}

.hidden {
    display:none;
}

@media(max-width: 1400px) {

}

@media(max-width: 1200px) {

}

@media(max-width: 992px) {
    .grid-lg-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .grid-lg-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .grid-lg-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media(max-width: 767px) {
    .grid-md-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .grid-md-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .grid-md-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .flex-box-row.mobile-column {
        flex-direction: column;
    }
    .w-50.mobile-w-100 {
        width: 100% !important;
    }
}

@media(max-width: 576px) {

}