:root {
    --ac-green-brand: #007a40;
    --ac-green-100: #008c63;
    --ac-green-100-rgb: 0, 140, 99;
    --ac-green-200: #016635;
    --ac-green-100-rgb: 0, 140, 99;

    --ac-blue: #335ef8;
    --ac-blue-100: #294bc6;
    --ac-grey-input: #f6f7f9;

    --ac-danger: #dc3545;
    --ac-danger-100: #c02d3c;
    --ac-danger-200: #972430;

    --ac-bg: rgb(246, 246, 247);

    --navbar-h: 3rem;
    /* cambia 4 rem si quieres otra altura global */

}

/* -------- Text colors -------- */

.color-red {
    color: red !important;
}

.color-blue {
    color: blue !important;
}

.text-yellow {
    color: yellow !important;
}

.text-gold {
    color: goldenrod !important;
}

.text-orange {
    color: #fb6340 !important;
}

.text-dark-grey {
    color: darkgrey !important;
}

.text-green {
    color: #28a745 !important;
}

.text-purple {
    color: darkorchid !important;
}

.text-black {
    color: black !important;
}

.text-sea-green {
    color: seagreen !important;
}

.text-aqua {
    color: lightskyblue !important;
}

.text-ac-blue {
    color: var(--ac-blue) !important;
}

.text-ac-green {
    color: var(--ac-green-100) !important;
}

.text-wrap {
    text-wrap: wrap;
}

/* --------- Font Weight -------- */
.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

/* -------- Font Size ---------- */

.fs-secondary {
    font-size: 0.75rem !important;
}


/* ------- Flex -------- */

.flex-basis-50 {
    flex-basis: 50%;
}

.flex-basis-49 {
    flex-basis: 49%;
}

/* --------- Pandings ---------- */

.ps-2_5 {
    padding-left: 0.75rem !important;
}

.pe-2_5 {
    padding-right: 0.75rem !important;
}

.px-2_5 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}


/* ------- General -------- */
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.clickable {
    cursor: pointer;
}


/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


/* -------- Buttons --------- */
.btn,
.btn:focus {
    font-size: 0.875rem;
    /* background-color: none; */
    /* border: none; */
    border-radius: 4px !important;
    font-weight: 400;
}

.btn:hover {
    /* background-color: rgb(233, 233, 233);
    border: none; */
}

/* Btn green */

.btn-green,
.btn-green:focus {
    color: white;
    background-color: var(--ac-green-100);
    border: 1px;
    border-style: solid;
    border-color: var(--ac-green-100) !important;
}

.btn-green:hover {
    color: white !important;
    background-color: var(--ac-green-brand) !important;
    border: 1px;
    border-style: solid;
    border-color: var(--ac-green-brand) !important;
}

.btn-green:active {
    color: white !important;
    background-color: var(--ac-green-200) !important;
    border: 1px;
    border-style: solid;
    border-color: var(--ac-green-200) !important;
}

/* Btn text */
.btn-text,
.btn-text:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-text:hover {
    background-color: rgb(233, 233, 233) !important;
    border-color: transparent !important;
}

.btn-text:active {
    background-color: rgb(200, 200, 200) !important;
    border-color: transparent !important;
}


/* Btn Danger */
.btn-danger,
.btn-danger:focus {
    background-color: var(--ac-danger) !important;
    border: 1px;
    border-style: solid;
    border-color: var(--ac-danger) !important;
    box-shadow: none !important;
}

.btn-danger:hover {
    background-color: var(--ac-danger-100) !important;
    border: 1px;
    border-style: solid;
    border-color: var(--ac-danger-100) !important;
    box-shadow: none !important;
}

.btn-danger:active {
    background-color: var(--ac-danger-200) !important;
    border: 1px;
    border-style: solid;
    border-color: var(--ac-danger-200) !important;
    box-shadow: none !important;
}

/* btn outline white */
.btn-outline-white,
.btn-outline-white:focus {
    color: black !important;
    background-color: transparent !important;
    border-color: black !important;
}

.btn-outline-white:hover {
    color: black !important;
    background-color: rgb(205, 205, 205) !important;
    border-color: black !important;
}

.btn-outline-white:active {
    color: black !important;
    background-color: rgb(187, 187, 187) !important;
    border-color: black !important;
}


/* btn outline black */

.btn-outline-black,
.btn-outline-black:focus {
    color: white !important;
    background-color: transparent !important;
    border-color: white !important;
}

.btn-outline-black:hover {
    color: white !important;
    background-color: rgb(120, 120, 120) !important;
    border-color: white !important;
}

.btn-outline-black:active {
    color: white !important;
    background-color: rgb(158, 158, 158) !important;
    border-color: white !important;
}

/* btn outline */
.btn-outline,
.btn-outline:focus {
    color: rgb(106, 106, 106) !important;
    background-color: transparent !important;
    border-color: rgb(106, 106, 106) !important;
}

.btn-outline:hover {
    color: rgb(106, 106, 106) !important;
    background-color: rgb(177, 177, 177) !important;
    border-color: rgb(106, 106, 106) !important;
}

.btn-outline:active {
    color: rgb(106, 106, 106) !important;
    background-color: rgb(158, 158, 158) !important;
    border-color: rgb(106, 106, 106) !important;
}

.btn-timeline {
    color: black;
    text-decoration: none;
    font-weight: 500;
}

.btn.btn-dropdown {
    /* color: rgb(106, 106, 106) !important; */
    background-color: transparent !important;
    border-color: rgb(206, 212, 218) !important;
    height: 38px;
}

.btn.btn-dropdown:focus {
    outline: auto !important;
    outline-offset: 0px !important;
    outline-color: #86b7fe !important;
}

.btn-outline-filtro,
.btn-outline-filtro:focus {
    color: black !important;
    background-color: transparent !important;
    border-color: #b2b2b2 !important;
}

.btn-outline-filtro:hover {
    color: black !important;
    background-color: rgb(235, 235, 235) !important;
    border-color: #b2b2b2 !important;
}

.btn-outline-filtro:active {
    color: black !important;
    background-color: rgb(182, 182, 182) !important;
    border-color: #b2b2b2 !important;
}

/* Btn icon hover green */

.btn-icon,
.btn-icon:focus {
    /* color: white; */
    border: none;
}

.btn-icon:hover {
    color: var(--ac-green-100) !important;
}

.btn-icon:active {
    color: var(--ac-green-100) !important;
}

/* Btn icon hover red */

.btn-icon-red,
.btn-icon-red:focus {
    /* color: white; */
    border: none;
}

.btn-icon-red:hover {
    color: var(--ac-danger) !important;
}

.btn-icon-red:active {
    color: var(--ac-danger) !important;
}

.btn-icon-yellow,
.btn-icon-yellow:focus {
    /* color: white; */
    border: none;
}

.btn-icon-yellow:hover {
    color: #f4c414 !important;
}

.btn-icon-yellow:active,
.btn-icon-yellow.active {
    color: #f4c414 !important;
}