:root {
    --main-color-darked-4: #50575f;
    --main-color-darked-3: #182b4b;
    --main-color-darked-2: #24405c;
    --main-color-darked-1: #2f4b6c;
    --main-color: #3a597d;
    --main-color-lighten-1: #4b6e91;
    --main-color-lighten-2: #5c829e;
    --main-color-lighten-3: #6d97ab;
    --main-color-lighten-4: #81addf;
    --main-color-lighten-5: #83b7f1;
    --main-color-matiz: #e1e9f2;
    --main-txt-color: #ffffff;
    --main-bg-color: #ffffff;
    --standar-bg-color: #f5f5f5;
    --off-color: #ffffff;
    --main-txt-color-navbar: #333;
    --off-txt-color-navbar: #333;
    --main-txt-color-title: #ffff;
    --main-txt-color-Subtitle: #00abd9;
    --main-bg-color-mnu-sys: #0B1316;
    --main-bg-color-mnu: #141B1E;
    --main-bg-color-mnu-hover: #0F1719;
    --main-bg-color-mnu-sub: #222D32;
    --main-txt-color-mnu: #b2babd;
    --main-txt-color-mnu-sub: #6d8792;
    --main-txt-color-mnu-hover: #ffffff;
    --main-frm-text-size-title: 14px;
    --main-frm-text-size-subtitle: 13px;
    --width-aside: 190px;
    --color-secundario: #1D92CC;
    --color-terciario: #35a6df;
    --color-secundario-paneles: #03ffff;
}

.cls-borde-verde {
    border: rgb(148, 245, 148) solid 1px !important;
}

.cls-bg-verde {
    background-color: #377DA7;
    color: #fff;
}

.color-texto-primario {
    color: var(--main-color);
}
.color-texto-secundario {
    color: var(--color-secundario);
}
.color-texto-terciario {
    color: var(--color-terciario);
}


.border-top-primario {
    border-top: solid 3px var(--main-color) !important;
}
.border-gray {
    border: solid 1px #dddddd;
}

.bg-mw-primario {
    background-color: var(--main-color);
    color: white;
}

.custom-bg-color-cyan {
    background-color: #00BAC3 !important;
}
.custom-bg-color-soporte {
    background-color: #295bcf !important;
}
.custom-bg-color-violet {
    background-color: violet !important;
}