.caf_color_home_negro {
    color: #000;
}

.text-dark {
    color: #000 !important;
}

.caf_color_home_negro_bg {
    background-color: #000;
}

/* 1 COLORES HOME  */

.caf_grisoscuro {
    color: #686868;
}

.caf_grisclaro {
    color: #9e9e9e;
}

.caf_grisclaro_bb1px {
    border-bottom: 1px solid #9e9e9e !important;
}

.caf_color_blanco_traslucido {
    background-color: #ffffff;
    background-color: #ffffffed;
    opacity: 0.98; 
    filter: alpha(opacity=98);
}

.caf_color_home_blanco, .btn_cookies, .caf_panelistas .modal li a, .text-white-hover:hover {
    color: #fff;
}

.caf_color_home_blanco_bg, .btn_cookies:hover {
    background-color: #fff !important;
}

.caf_color_home_claro {
    color: #fdfcf4;
}

.caf_color_home_claro_bg {
    background-color: #fdfcf4 !important;
}

.caf_color_home_dom_1 {
    color: #f31156;
}

.caf_color_home_dom_1_bg,
.caf_progressbar.caf_color_home_progressBar .done .step,
.caf_progressbar.caf_color_home_progressBar .done .step:before,
.caf_progressbar.caf_color_home_progressBar .done .step:after,
.caf_progressbar.caf_color_home_progressBar .active .step,
.caf_progressbar.caf_color_home_progressBar .active .step:before {
    background-color: #f31156 !important;
}

.caf_progressbar.caf_color_home_progressBar .done .step,
.caf_progressbar.caf_color_home_progressBar .active .step {
    border: 3px solid #f31156;
}

.caf_progressbar.caf_color_home_progressBar .final:after {
    background: linear-gradient(90deg, #f31156 18%, #ddd 65%);
}

.caf_container_job.caf_color_home_progressBar {
    background: linear-gradient(90deg, #f31156 36%, #2f4858 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_color_home_underline::after {
    background: linear-gradient(90deg, #f31156 36%, #00789f 100%);
}

.caf_color_home_gradiente_vertical {
    background: linear-gradient(0deg, #f31156 2%, #2f4858 100%);
}

.caf_color_home_dom_1_fill {
    fill: #f31156;
}

.caf_color_home_dom_1_border {
    border-color: #f31156 !important;
}

.caf_color_home_dom_1_bb1x {
    border-bottom: 1px solid #f31156;
}

.caf_color_home_dom_1_bb4x {
    border-bottom: 4px solid #f31156;
}

.caf_color_home_int_1 {
    color: #cd2b82 !important;
}

.caf_color_home_int_1_bg {
    background-color: #cd2b82 !important;
}

.caf_color_home_int_1_fill {
    fill: #cd2b82;
}

.caf_color_home_int_1_border {
    border-color: #cd2b82 !important;
}

.caf_color_home_bb4x_after:after {
    border-bottom: 4px solid #cd2b82;
}

.caf_color_home_int_2 {
    color: #964698;
}

.caf_color_home_int_2_bg {
    background-color: #964698 !important;
}

.caf_color_home_int_2_fill {
    fill: #964698;
}

.caf_color_home_int_2_bb1x {
    border-bottom: 1px solid #964698;
}

.caf_color_home_int_3, .dropdown-item.caf_color_home_int_3_hover:hover {
    color: #5c5193 !important;
}

.caf_color_home_int_3_bg {
    background-color: #5c5193 !important;
}

.caf_color_home_int_3_border {
    border-color: #5c5193 !important;
}

.caf_color_home_int_3_bb2x {
    border-bottom: 2px solid #5c5193;
}

.caf_color_home_int_4 {
    color: #00789f;
}

.caf_color_home_int_4_bg {
    background-color: #00789f !important;
}

.caf_color_home_triangle_2 {
    border-color: #00789f transparent transparent transparent;
}

.caf_color_home_osc {
    color: #2f4858;
}

.caf_color_home_osc_bg {
    background-color: #2f4858 !important;
}

.caf_color_home_triangle_1 {
    border-color: #2f4858 transparent transparent transparent;
}

.caf_color_home_subMenu_gradient {
    background: rgb(47, 72, 88);
    background: linear-gradient(90deg, rgb(47, 72, 88) 0%, rgba(47, 72, 88, 0) 100%);
}

.caf_color_home_subMenu_gradient {
    background: rgb(47, 72, 88);
    background: linear-gradient(90deg, rgba(47, 72, 88, 0) 0%, rgba(47, 72, 88, 1) 100%);
}

#playlist.caf_color_home_scrollBar {
    scrollbar-color: #cd2b82 #2f4858;
    scrollbar-width: thin
}

#playlist.caf_color_home_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #2f4858;
}

#playlist.caf_color_home_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #cd2b82;
}

.caf_color_home_btn_gnrl .btn.btn-rte {
    background-color: #f31156;
    color: white;
}
.btn.btn-rte a {color: white;}

.caf_color_home_btn_gnrl .btn.btn-rte:hover {
    background-color: #fdfcf4;
    color: #2f4858;
    border: 1px solid #f31156;
}
.caf_color_home_btn_gnrl .btn.btn-rte:hover a {color: #2f4858;}

/* 2 COLORES VERDES */

.caf_verde_claro {
    color: #f8fffd;
}

.caf_verde_claro_bg {
    background-color: #f8fffd !important;
}

.caf_verde_dom_1 {
    color: #3aafa9;
}

.caf_verde_dom_1_bg,
.caf_progressbar.caf_verde_progressBar .done .step,
.caf_progressbar.caf_verde_progressBar .done .step:before,
.caf_progressbar.caf_verde_progressBar .done .step:after,
.caf_progressbar.caf_verde_progressBar .active .step,
.caf_progressbar.caf_verde_progressBar .active .step:before {
    background-color: #3aafa9 !important;
}

.caf_progressbar.caf_verde_progressBar .done .step,
.caf_progressbar.caf_verde_progressBar .active .step {
    border: 3px solid #3aafa9;
}

.caf_progressbar.caf_verde_progressBar .final:after {
    background: linear-gradient(90deg, #3aafa9 18%, #ddd 65%);
}

.caf_container_job.caf_verde_progressBar {
    background: linear-gradient(90deg, #3aafa9 36%, #2f4859 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_verde_underline::after {
    background: linear-gradient(90deg, #3aafa9 36%, #305d58 100%);
}

.caf_verde_gradiente_vertical {
    background: linear-gradient(0deg, #3aafa9 2%, #2f4859 100%);
}

.caf_verde_dom_1_fill {
    fill: #3aafa9;
}

.caf_verde_dom_1_border {
    border-color: #3aafa9 !important;
}

.caf_verde_dom_1_bb1x {
    border-bottom: 1px solid #3aafa9;
}

.caf_verde_dom_1_bb4x {
    border-bottom: 4px solid #3aafa9;
}

.caf_verde_int_1 {
    color: #afdace;
}

.caf_verde_int_1_bg {
    background-color: #afdace !important;
}

.caf_verde_int_1_fill {
    fill: #afdace;
}

.caf_verde_bb4x_after:after {
    border-bottom: 4px solid #afdace;
}

.caf_verde_int_2 {
    color: #6abc98;
}

.caf_verde_int_2_bg {
    background-color: #6abc98 !important;
}

.caf_verde_int_2_fill {
    fill: #6abc98;
}

.caf_verde_int_2_bb1x {
    border-bottom: 1px solid #6abc98;
}

.caf_verde_int_3, .dropdown-item.caf_verde_int_3_hover:hover {
    color: #329284;
}

.caf_verde_int_3_bg {
    background-color: #329284 !important;
}

.caf_verde_int_3_border {
    border-color: #329284 !important;
}

.caf_verde_int_3_bb2x {
    border-bottom: 2px solid #329284;
}

.caf_verde_int_4 {
    color: #305d58;
}

.caf_verde_int_4_bg {
    background-color: #305d58 !important;
}

.caf_verde_triangle_2 {
    border-color: #305d58 transparent transparent transparent;
}

.caf_verde_osc {
    color: #2f4859;
}

.caf_verde_osc_bg {
    background-color: #2f4859 !important;
}

.caf_verde_triangle_1 {
    border-color: #2f4858 transparent transparent transparent;
}

.caf_verde_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgb(47, 72, 89) 0%, rgba(47, 72, 89, 0) 100%);
}

.caf_verde_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgba(47, 72, 89, 0) 0%, rgba(47, 72, 89, 1) 100%);
}

#playlist.caf_verde_scrollBar {
    scrollbar-color: #3aafa9 #2f4859;
    scrollbar-width: thin
}

#playlist.caf_verde_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #2f4859;
}

#playlist.caf_verde_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #3aafa9;
}

.caf_verde_btn_gnrl .btn.btn-rte {
    background-color: #3aafa9;
    color: white;
}

.caf_verde_btn_gnrl .btn.btn-rte:hover {
    background-color: #fdfcf4;
    color: #f8fffd;
    border: 1px solid #3aafa9;
}
.caf_verde_btn_gnrl .btn.btn-rte:hover a {color: #2f4859;}

/* 3 COLORES NARANJAS */

.caf_naranja_claro {
    color: #fdfcf4;
}

.caf_naranja_claro_bg {
    background-color: #fdfcf4 !important;
}

.caf_naranja_dom_1 {
    color: #ff7038;
}

.caf_naranja_dom_1_bg,
.caf_progressbar.caf_naranja_progressBar .done .step,
.caf_progressbar.caf_naranja_progressBar .done .step:before,
.caf_progressbar.caf_naranja_progressBar .done .step:after,
.caf_progressbar.caf_naranja_progressBar .active .step,
.caf_progressbar.caf_naranja_progressBar .active .step:before {
    background-color: #ff7038 !important;
}

.caf_progressbar.caf_naranja_progressBar .done .step,
.caf_progressbar.caf_naranja_progressBar .active .step {
    border: 3px solid #ff7038;
}

.caf_progressbar.caf_naranja_progressBar .final:after {
    background: linear-gradient(90deg, #ff7038 18%, #ddd 65%);
}

.caf_container_job.caf_naranja_progressBar {
    background: linear-gradient(90deg, #ff7038 36%, #52443b 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_naranja_underline::after {
    background: linear-gradient(90deg, #ff7038 36%, #924519 100%);
}

.caf_naranja_gradiente_vertical {
    background: linear-gradient(0deg, #ff7038 2%, #52443b 100%);
}

.caf_naranja_dom_1_fill {
    fill: #ff7038;
}

.caf_naranja_dom_1_border {
    border-color: #ff7038 !important;
}

.caf_naranja_dom_1_bb1x {
    border-bottom: 1px solid #ff7038;
}

.caf_naranja_dom_1_bb4x {
    border-bottom: 4px solid #ff7038;
}

.caf_naranja_int_1 {
    color: #f2a171;
}

.caf_naranja_int_1_bg {
    background-color: #f2a171 !important;
}

.caf_naranja_int_1_fill {
    fill: #f2a171;
}

.caf_naranja_bb4x_after:after {
    border-bottom: 4px solid #f2a171;
}

.caf_naranja_int_2 {
    color: #d07440;
}

.caf_naranja_int_2_bg {
    background-color: #d07440 !important;
}

.caf_naranja_int_2_fill {
    fill: #d07440;
}

.caf_naranja_int_2_bb1x {
    border-bottom: 1px solid #d07440;
}

.caf_naranja_int_3, .dropdown-item.caf_naranja_int_3_hover:hover {
    color: #c14600;
}

.caf_naranja_int_3_bg {
    background-color: #c14600 !important;
}

.caf_naranja_int_3_border {
    border-color: #c14600 !important;
}

.caf_naranja_int_3_bb2x {
    border-bottom: 2px solid #c14600;
}

.caf_naranja_int_4 {
    color: #924519;
}

.caf_naranja_int_4_bg {
    background-color: #924519 !important;
}

.caf_naranja_triangle_2 {
    border-color: #924519 transparent transparent transparent;
}

.caf_naranja_osc {
    color: #52443b;
}

.caf_naranja_osc_bg {
    background-color: #52443b !important;
}

.caf_naranja_triangle_1 {
    border-color: #52443b transparent transparent transparent;
}

.caf_naranja_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgb(82, 68, 59) 0%, rgba(82, 68, 59, 0) 100%);
}

.caf_naranja_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgba(82, 68, 59, 0) 0%, rgba(82, 68, 59, 1) 100%);
}

#playlist.caf_naranja_scrollBar {
    scrollbar-color: #ff7038 #52443b;
    scrollbar-width: thin
}

#playlist.caf_naranja_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #52443b;
}

#playlist.caf_naranja_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #ff7038;
}

.caf_naranja_btn_gnrl .btn.btn-rte {
    background-color: #ff7038;
    color: white;
}

.caf_naranja_btn_gnrl .btn.btn-rte:hover {
    background-color: #fdfcf4;
    color: #52443b;
    border: 1px solid #ff7038;
}
.caf_naranja_btn_gnrl .btn.btn-rte:hover a {color: #52443b;}

/* 4 COLORES AZULES */

.caf_azul_claro {
    color: #f8fffd;
}

.caf_azul_claro_bg {
    background-color: #f8fffd !important;
}

.caf_azul_claro_bg_nvo {
  background-color: #f0f3f9 !important;
}

.caf_azul_dom_1 {
    color: #4292ce;
}

.caf_azul_dom_1_bg,
.caf_progressbar.caf_azul_progressBar .done .step,
.caf_progressbar.caf_azul_progressBar .done .step:before,
.caf_progressbar.caf_azul_progressBar .done .step:after,
.caf_progressbar.caf_azul_progressBar .active .step,
.caf_progressbar.caf_azul_progressBar .active .step:before {
    background-color: #4292ce !important;
}

.caf_progressbar.caf_azul_progressBar .done .step,
.caf_progressbar.caf_azul_progressBar .active .step {
    border: 3px solid #4292ce;
}

.caf_progressbar.caf_azul_progressBar .final:after {
    background: linear-gradient(90deg, #4292ce 18%, #ddd 65%);
}

.caf_container_job.caf_azul_progressBar {
    background: linear-gradient(90deg, #4292ce 36%, #2f4859 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_azul_underline::after {
    background: linear-gradient(90deg, #4292ce 36%, #165578 100%);
}

.caf_azul_gradiente_vertical {
    background: linear-gradient(0deg, #4292ce 2%, #2f4859 100%);
}

.caf_azul_dom_1_fill {
    fill: #4292ce;
}

.caf_azul_dom_1_border {
    border-color: #4292ce !important;
}

.caf_azul_dom_1_bb1x {
    border-bottom: 1px solid #4292ce;
}

.caf_azul_dom_1_bb4x {
    border-bottom: 4px solid #4292ce;
}

.caf_azul_int_1 {
    color: #a7d2ea;
}

.caf_azul_int_1_bg {
    background-color: #a7d2ea !important;
}

.caf_azul_int_1_fill {
    fill: #a7d2ea;
}

.caf_azul_int_1_border {
    border-color: #a7d2ea !important;
}

.caf_azul_bb4x_after:after {
    border-bottom: 4px solid #a7d2ea;
}

.caf_azul_int_2 {
    color: #4aa1d1;
}

.caf_azul_int_2_bg {
    background-color: #4aa1d1 !important;
}

.caf_azul_int_2_fill {
    fill: #4aa1d1;
}

.caf_azul_int_2_bb1x {
    border-bottom: 1px solid #4aa1d1;
}

.caf_azul_int_3, .dropdown-item.caf_azul_int_3_hover:hover {
    color: #3b789d;
}

.caf_azul_int_3_bg {
    background-color: #3b789d !important;
}

.caf_azul_int_3_border {
    border-color: #3b789d !important;
}

.caf_azul_int_3_bb2x {
    border-bottom: 2px solid #3b789d;
}

.caf_azul_int_4 {
    color: #165578;
}

.caf_azul_int_4_bg {
    background-color: #165578 !important;
}

.caf_azul_int_5_fill {
    fill: #003b61;
}

.caf_azul_int_5 {
    color: #003b61;
}

.caf_azul_int_5_bg {
    background-color: #003b61 !important;
}

.caf_azul_int_5_border {
    border-color: #003b61 !important;
}

.caf_azul_triangle_2 {
    border-color: #165578 transparent transparent transparent;
}

.caf_azul_osc {
    color: #2f4859;
}

.caf_azul_osc_bg {
    background-color: #2f4859 !important;
}

.caf_azul_triangle_1 {
    border-color: #2f4859 transparent transparent transparent;
}

.caf_azul_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgb(47, 72, 89) 0%, rgba(47, 72, 89, 0) 100%);
}

.caf_azul_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgba(47, 72, 89, 0) 0%, rgba(47, 72, 89, 1) 100%);
}

#playlist.caf_azul_scrollBar {
    scrollbar-color: #4292ce #2f4859;
    scrollbar-width: thin
}

#playlist.caf_azul_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #2f4859;
}

#playlist.caf_azul_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #4292ce;
}

.caf_azul_btn_gnrl .btn.btn-rte {
    background-color: #4292ce;
    color: white;
}

.caf_azul_btn_gnrl .btn.btn-rte:hover {
    background-color: #f8fffd;
    color: #2f4859;
    border: 1px solid #4292ce;
}
.caf_azul_btn_gnrl .btn.btn-rte:hover a {color: #2f4859;}

/* 4 COLORES AMARILLOS */

.caf_amarillo_claro {
    color: #fdfcf4;
}

.caf_amarillo_claro_bg {
    background-color: #fdfcf4 !important;
}

.caf_amarillo_dom_1 {
    color: #ffb81e;
}

.caf_amarillo_dom_1_bg,
.caf_progressbar.caf_amarillo_progressBar .done .step,
.caf_progressbar.caf_amarillo_progressBar .done .step:before,
.caf_progressbar.caf_amarillo_progressBar .done .step:after,
.caf_progressbar.caf_amarillo_progressBar .active .step,
.caf_progressbar.caf_amarillo_progressBar .active .step:before {
    background-color: #ffb81e !important;
}

.caf_progressbar.caf_amarillo_progressBar .done .step,
.caf_progressbar.caf_amarillo_progressBar .active .step {
    border: 3px solid #ffb81e;
}

.caf_progressbar.caf_amarillo_progressBar .final:after {
    background: linear-gradient(90deg, #ffb81e 18%, #ddd 65%);
}

.caf_container_job.caf_amarillo_progressBar {
    background: linear-gradient(90deg, #ffb81e 36%, #52443b 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_amarillo_underline::after {
    background: linear-gradient(90deg, #ffb81e 36%, #98681d 100%);
}

.caf_amarillo_gradiente_vertical {
    background: linear-gradient(0deg, #ffb81e 2%, #52443b 100%);
}

.caf_amarillo_dom_1_fill {
    fill: #ffb81e;
}

.caf_amarillo_dom_1_border {
    border-color: #ffb81e !important;
}

.caf_amarillo_dom_1_bb1x {
    border-bottom: 1px solid #ffb81e;
}

.caf_amarillo_dom_1_bb4x {
    border-bottom: 4px solid #ffb81e;
}

.caf_amarillo_int_1 {
    color: #ecd594;
}

.caf_amarillo_int_1_bg {
    background-color: #ecd594 !important;
}

.caf_amarillo_int_1_fill {
    fill: #ecd594;
}

.caf_amarillo_bb4x_after:after {
    border-bottom: 4px solid #ecd594;
}

.caf_amarillo_int_2 {
    color: #e2b047;
}

.caf_amarillo_int_2_bg {
    background-color: #e2b047 !important;
}

.caf_amarillo_int_2_fill {
    fill: #e2b047;
}

.caf_amarillo_int_2_bb1x {
    border-bottom: 1px solid #e2b047;
}

.caf_amarillo_int_3, .dropdown-item.caf_amarillo_int_3_hover:hover {
    color: #d78901;
}

.caf_amarillo_int_3_bg {
    background-color: #d78901 !important;
}

.caf_amarillo_int_3_border {
    border-color: #d78901 !important;
}

.caf_amarillo_int_3_bb2x {
    border-bottom: 2px solid #d78901;
}

.caf_amarillo_int_4 {
    color: #98681d;
}

.caf_amarillo_int_4_bg {
    background-color: #98681d !important;
}

.caf_amarillo_triangle_2 {
    border-color: #98681d transparent transparent transparent;
}

.caf_amarillo_osc {
    color: #52443b;
}

.caf_amarillo_osc_bg {
    background-color: #52443b !important;
}

.caf_amarillo_triangle_1 {
    border-color: #52443b transparent transparent transparent;
}

.caf_amarillo_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgb(82, 68, 59) 0%, rgba(82, 68, 59, 0) 100%);
}

.caf_amarillo_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgba(82, 68, 59, 0) 0%, rgba(82, 68, 59, 1) 100%);
}

#playlist.caf_amarillo_scrollBar {
    scrollbar-color: #ffb81e #52443b;
    scrollbar-width: thin
}

#playlist.caf_amarillo_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #52443b;
}

#playlist.caf_amarillo_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #ffb81e;
}

.caf_amarillo_btn_gnrl .btn.btn-rte {
    background-color: #ffb81e;
    color: white;
}

.caf_amarillo_btn_gnrl .btn.btn-rte:hover {
    background-color: #fdfcf4;
    color: #52443b;
    border: 1px solid #ffb81e;
}
.caf_amarillo_btn_gnrl .btn.btn-rte:hover a {color: #52443b;}

/* 4 COLORES ROJOS */

.caf_rojos_claro {
    color: #fdfcf4;
}

.caf_rojos_claro_bg {
    background-color: #fdfcf4 !important;
}

.caf_rojos_dom_1 {
    color: #f31156;
}

.caf_rojos_dom_1_bg,
.caf_progressbar.caf_rojos_progressBar .done .step,
.caf_progressbar.caf_rojos_progressBar .done .step:before,
.caf_progressbar.caf_rojos_progressBar .done .step:after,
.caf_progressbar.caf_rojos_progressBar .active .step,
.caf_progressbar.caf_rojos_progressBar .active .step:before {
    background-color: #f31156 !important;
}

.caf_progressbar.caf_rojos_progressBar .done .step,
.caf_progressbar.caf_rojos_progressBar .active .step {
    border: 3px solid #f31156;
}

.caf_progressbar.caf_rojos_progressBar .final:after {
    background: linear-gradient(90deg, #f31156 18%, #ddd 65%);
}

.caf_container_job.caf_rojos_progressBar {
    background: linear-gradient(90deg, #f31156 36%, #52443b 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_rojos_underline::after {
    background: linear-gradient(90deg, #f31156 36%, #832e32 100%);
}

.caf_rojos_gradiente_vertical {
    background: linear-gradient(0deg, #f31156 2%, #52443b 100%);
}

.caf_rojos_dom_1_fill {
    fill: #f31156;
}

.caf_rojos_dom_1_border {
    border-color: #f31156 !important;
}

.caf_rojos_dom_1_bb1x {
    border-bottom: 1px solid #f31156;
}

.caf_rojos_dom_1_bb4x {
    border-bottom: 4px solid #f31156;
}

.caf_rojos_int_1 {
    color: #f5bfd2;
}

.caf_rojos_int_1_bg {
    background-color: #f5bfd2 !important;
}

.caf_rojos_int_1_fill {
    fill: #f5bfd2;
}

.caf_rojos_bb4x_after:after {
    border-bottom: 4px solid #f5bfd2;
}

.caf_rojos_int_2 {
    color: #c23e4f;
}

.caf_rojos_int_2_bg {
    background-color: #c23e4f !important;
}

.caf_rojos_int_2_fill {
    fill: #c23e4f;
}

.caf_rojos_int_2_bb1x {
    border-bottom: 1px solid #c23e4f;
}

.caf_rojos_int_3, .dropdown-item.caf_rojos_int_3_hover:hover {
    color: #ad0114;
}

.caf_rojos_int_3_bg {
    background-color: #ad0114 !important;
}

.caf_rojos_int_3_border {
    border-color: #ad0114 !important;
}

.caf_rojos_int_3_bb2x {
    border-bottom: 2px solid #ad0114;
}

.caf_rojos_int_4 {
    color: #832e32;
}

.caf_rojos_int_4_bg {
    background-color: #832e32 !important;
}

.caf_rojos_triangle_2 {
    border-color: #832e32 transparent transparent transparent;
}

.caf_rojos_osc {
    color: #52443b;
}

.caf_rojos_osc_bg {
    background-color: #52443b !important;
}

.caf_rojos_triangle_1 {
    border-color: #52443b transparent transparent transparent;
}

.caf_rojos_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgb(82, 68, 59) 0%, rgba(82, 68, 59, 0) 100%);
}

.caf_rojos_subMenu_gradient {
    background: rgb(82, 68, 59);
    background: linear-gradient(90deg, rgba(82, 68, 59, 0) 0%, rgba(82, 68, 59, 1) 100%);
}

#playlist.caf_rojos_scrollBar {
    scrollbar-color: #f31156 #52443b;
    scrollbar-width: thin
}

#playlist.caf_rojos_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #52443b;
}

#playlist.caf_rojos_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #f31156;
}

.caf_rojos_btn_gnrl .btn.btn-rte {
    background-color: #f31156;
    color: white;
}

.caf_rojos_btn_gnrl .btn.btn-rte:hover {
    background-color: #fdfcf4;
    color: #52443b;
    border: 1px solid #f31156;
}
.caf_rojos_btn_gnrl .btn.btn-rte:hover a {color: #52443b;}

/* 4 COLORES MORADOS */

.caf_morado_claro {
    color: #f8fffd;
}

.caf_morado_claro_bg {
    background-color: #f8fffd !important;
}

.caf_morado_dom_1 {
    color: #a2509f;
}

.caf_morado_dom_1_bg,
.caf_progressbar.caf_morado_progressBar .done .step,
.caf_progressbar.caf_morado_progressBar .done .step:before,
.caf_progressbar.caf_morado_progressBar .done .step:after,
.caf_progressbar.caf_morado_progressBar .active .step,
.caf_progressbar.caf_morado_progressBar .active .step:before {
    background-color: #a2509f;
}

.caf_progressbar.caf_morado_progressBar .done .step,
.caf_progressbar.caf_morado_progressBar .active .step {
    border: 3px solid #a2509f;
}

.caf_progressbar.caf_morado_progressBar .final:after {
    background: linear-gradient(90deg, #a2509f 18%, #ddd 65%);
}

.caf_container_job.caf_morado_progressBar {
    background: linear-gradient(90deg, #a2509f 36%, #2f4859 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 5px left 0;
    background-repeat: no-repeat;
}

.caf-filtro-activo.caf_morado_underline::after {
    background: linear-gradient(90deg, #a2509f 36%, #4e4b81 100%);
}

.caf_morado_gradiente_vertical {
    background: linear-gradient(0deg, #a2509f 2%, #2f4859 100%);
}

.caf_morado_dom_1_fill {
    fill: #a2509f;
}

.caf_morado_dom_1_border {
    border-color: #a2509f !important;
}

.caf_morado_dom_1_bb1x {
    border-bottom: 1px solid #a2509f;
}

.caf_morado_dom_1_bb4x {
    border-bottom: 4px solid #a2509f;
}

.caf_morado_int_1 {
    color: #ddc5e8;
}

.caf_morado_int_1_bg {
    background-color: #ddc5e8 !important;
}

.caf_morado_int_1_fill {
    fill: #ddc5e8;
}

.caf_morado_bb4x_after:after {
    border-bottom: 4px solid #ddc5e8;
}

.caf_morado_int_2 {
    color: #7c74b6;
}

.caf_morado_int_2_bg {
    background-color: #7c74b6 !important;
}

.caf_morado_int_2_fill {
    fill: #7c74b6;
}

.caf_morado_int_2_bb1x {
    border-bottom: 1px solid #7c74b6;
}

.caf_morado_int_3, .dropdown-item.caf_morado_int_3_hover:hover {
    color: #5e4fb0;
}

.caf_morado_int_3_bg {
    background-color: #5e4fb0 !important;
}

.caf_morado_int_3_border {
    border-color: #5e4fb0 !important;
}

.caf_morado_int_3_bb2x {
    border-bottom: 2px solid #5e4fb0;
}

.caf_morado_int_4 {
    color: #4e4b81;
}

.caf_morado_int_4_bg {
    background-color: #4e4b81 !important;
}

.caf_morado_triangle_2 {
    border-color: #4e4b81 transparent transparent transparent;
}

.caf_morado_osc {
    color: #2f4859;
}

.caf_morado_osc_bg {
    background-color: #2f4859 !important;
}

.caf_morado_triangle_1 {
    border-color: #2f4859 transparent transparent transparent;
}

.caf_morado_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgb(47, 72, 89) 0%, rgba(47, 72, 89, 0) 100%);
}

.caf_morado_subMenu_gradient {
    background: rgb(47, 72, 89);
    background: linear-gradient(90deg, rgba(47, 72, 89, 0) 0%, rgba(47, 72, 89, 1) 100%);
}

#playlist.caf_morado_scrollBar {
    scrollbar-color: #a2509f #2f4859;
    scrollbar-width: thin
}

#playlist.caf_morado_scrollBar::-webkit-scrollbar-track-piece {
    background-color: #2f4859;
}

#playlist.caf_morado_scrollBar::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #a2509f;
}

.caf_morado_btn_gnrl .btn.btn-rte {
    background-color: #a2509f;
    color: white;
}

.caf_morado_btn_gnrl .btn.btn-rte:hover {
    background-color: #f8fffd;
    color: #2f4859;
    border: 1px solid #a2509f;
}
.caf_morado_btn_gnrl .btn.btn-rte:hover a {color: #2f4859;}

/* GRADIENTES  SE CAMBIARON POR PROYS, 09032021 AFECTA TB A UN GRAFICO DE INVERSIONISTAS*/

.caf_color_degrade_oscuro {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8169642857142857) 19%, rgba(0, 0, 0, 0) 88%);
}

.caf_color_home_gradient_bg {
    background: linear-gradient(90deg, #2F4858 36%, #00789f 100%);
}

.caf_verde_gradient_bg {
    background: linear-gradient(90deg, #2F4859 0%, #305d58 100%);
}

.caf_azul_gradient_bg {
    background: linear-gradient(90deg, #2F4859 36%, #165578 100%);
}

.caf_amarillo_gradient_bg {
    background: linear-gradient(90deg, #52443b 36%, #98681d 100%);
}

.caf_naranja_gradient_bg {
    background: linear-gradient(90deg, #52443b 36%, #924519 100%);
}

.caf_rojos_gradient_bg {
    background: linear-gradient(90deg, #52443b 36%, #832e32 100%);
}

.caf_morado_gradient_bg {
    background: linear-gradient(90deg, #2F4859 36%, #4e4b81 100%);
}

.caf_color_home_gradient_border/*, .caf_filete.caf_color_home_filete*/ {
    border-image-source: linear-gradient(45deg, #f31156 20%, #00789f 100%) !important;
}

.caf_verde_gradient_border/*, .caf_filete.caf_verde_filete*/ {
    border-image-source: linear-gradient(45deg, #3aafa9 20%, #305d58 100%) !important;
}

.caf_azul_gradient_border/*, .caf_filete.caf_azul_filete*/ {
    border-image-source: linear-gradient(45deg, #4292ce 20%, #165578 100%) !important;
}

.caf_amarillo_gradient_border/*, .caf_filete.caf_amarillo_filete*/ {
    border-image-source: linear-gradient(90deg, #ffb81e 20%, #98681d 100%) !important;
}

.caf_naranja_gradient_border/*, .caf_filete.caf_naranja_filete*/ {
    border-image-source: linear-gradient(90deg, #ff7038 20%, #924519 100%) !important;
}

.caf_rojos_gradient_border/*, .caf_filete.caf_rojos_filete*/ {
    border-image-source: linear-gradient(90deg, #f31156 20%, #832e32 100%) !important;
}

.caf_morado_gradient_border/*, .caf_filete.caf_morado_filete*/ {
    border-image-source: linear-gradient(90deg, #a2509f 20%, #4e4b81 100%) !important;
}

/* COLORES HOVERS */

.caf_color_home_dom_1_hover:hover {
    color: #f31156 !important;
}

.caf_color_home_hover:hover {
    background-color: #f31156;
}

.caf_home_int1_hover:hover {
    background-color: #cd2b82;
}

.caf_verde_dom_1_hover:hover {
    color: #3aafa9 !important;
}

.caf_verde_hover:hover {
    background-color: #3aafa9;
}

.caf_azul_dom_1_hover:hover {
    color: #4292ce !important;
}

.caf_azul_hover:hover {
    background-color: #4292ce;
}

.caf_amarillo_dom_1_hover:hover {
    color: #ffb81e !important;
}

.caf_amarillo_hover:hover {
    background-color: #ffb81e;
}

.caf_rojos_dom_1_hover:hover {
    color: #f31156 !important;
}

.caf_rojos_hover:hover {
    background-color: #f31156;
}

.caf_naranja_dom_1_hover:hover {
    color: #ff7038 !important;
}

.caf_naranja_hover:hover {
    background-color: #ff7038;
}

.caf_morado_dom_1_hover:hover {
    color: #a2509f !important;
}

.caf_morado_hover:hover {
    background-color: #a2509f;
}

.caf_container_list:hover .caf_color_home_claro_bg_hover, 
.caf_container_list:hover .caf_rojos_claro_bg_hover, 
.caf_container_list:hover .caf_naranja_claro_bg_hover, 
.caf_container_list:hover .caf_amarillo_claro_bg_hover {
    background-color: #fdfcf4;
}

.caf_container_list:hover .caf_verde_claro_bg_hover, 
.caf_container_list:hover .caf_azul_claro_bg_hover,
.caf_container_list:hover .caf_morado_claro_bg_hover {
    background-color: #f8fffd;
}

.caf_color_home_claro_stop, .caf_rojos_claro_stop, .caf_naranja_claro_stop,
.caf_amarillo_claro_stop {  
    stop-color: #fdfcf4;
}

.caf_verde_claro_stop, .caf_azul_claro_stop, .caf_morado_claro_stop {
    stop-color: #f8fffd;
}

/* COLORES NAV SCROLL */

/*.scroll_home_bg {
    background: #f31156 !important;
}*/

.scroll_azul_bg {
    background: #4292ce !important;
}

.scroll_amarillo_bg {
    background: #ffb81e !important;
}

.scroll_verde_bg {
    background: #3aafa9 !important;
}

.scroll_naranja_bg {
    background: #ff7038 !important;
}

.scroll_rojo_bg {
    background: #f31156 !important;
}

.scroll_morado_bg {
    background: #a2509f !important;
}

.scroll_white_list {
    color: #fff !important;
}

/* Boton registrate color anim */
.caf_color_home_anim {
  animation: colorchangeHome 8s;
  -moz-animation: colorchangeHome 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeHome 8s infinite;
  /* Safari and Chrome */
}

/* COLORES MAPA ALIADOS */
.caf_bg_grisclaro_plus {
    background-color: #ebebeb;
}

@keyframes colorchangeHome {
    0% {background-color: #f31156;}
    25% {background-color: #cd2b82;}
    50% {background-color: #964698;}
    75% {background-color: #5c5193;}
    100% {background-color: #f31156;}
}

@-webkit-keyframes colorchangeHome {
    0% {background-color: #f31156;}
    25% {background-color: #cd2b82;}
    50% {background-color: #964698;}
    75% {background-color: #5c5193;}
    100% {background-color: #f31156;}
}

.caf_verde_anim {
  animation: colorchangeVerde 8s;
  -moz-animation: colorchangeVerde 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeVerde 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeVerde {
    0% {background-color: #3aafa9;}
    25% {background-color: #afdace;}
    50% {background-color: #6abc98;}
    75% {background-color: #329284;}
    100% {background-color: #3aafa9;}
}

@-webkit-keyframes colorchangeVerde {
    0% {background-color: #3aafa9;}
    25% {background-color: #afdace;}
    50% {background-color: #6abc98;}
    75% {background-color: #329284;}
    100% {background-color: #3aafa9;}
}

.caf_naranja_anim {
  animation: colorchangeNaranja 8s;
  -moz-animation: colorchangeNaranja 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeNaranja 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeNaranja {
    0% {background-color: #ff7038;}
    25% {background-color: #f2a171;}
    50% {background-color: #d07440;}
    75% {background-color: #c14600;}
    100% {background-color: #ff7038;}
}

@-webkit-keyframes colorchangeNaranja {
    0% {background-color: #ff7038;}
    25% {background-color: #f2a171;}
    50% {background-color: #d07440;}
    75% {background-color: #c14600;}
    100% {background-color: #ff7038;}
}

.caf_azul_anim {
  animation: colorchangeAzul 8s;
  -moz-animation: colorchangeAzul 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeAzul 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeAzul {
    0% {background-color: #4292ce;}
    25% {background-color: #a7d2ea;}
    50% {background-color: #4aa1d1;}
    75% {background-color: #3b789d;}
    100% {background-color: #4292ce;}
}

@-webkit-keyframes colorchangeAzul {
    0% {background-color: #4292ce;}
    25% {background-color: #a7d2ea;}
    50% {background-color: #4aa1d1;}
    75% {background-color: #3b789d;}
    100% {background-color: #4292ce;}
}

.caf_amarillo_anim {
  animation: colorchangeAmarillo 8s;
  -moz-animation: colorchangeAmarillo 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeAmarillo 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeAmarillo {
    0% {background-color: #ffb81e;}
    25% {background-color: #ecd594;}
    50% {background-color: #e2b047;}
    75% {background-color: #d78901;}
    100% {background-color: #ffb81e;}
}

@-webkit-keyframes colorchangeAmarillo {
    0% {background-color: #ffb81e;}
    25% {background-color: #ecd594;}
    50% {background-color: #e2b047;}
    75% {background-color: #d78901;}
    100% {background-color: #ffb81e;}
}

.caf_rojos_anim {
  animation: colorchangeRojos 8s;
  -moz-animation: colorchangeRojos 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeRojos 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeRojos {
    0% {background-color: #f31156;}
    25% {background-color: #f5bfd2;}
    50% {background-color: #c23e4f;}
    75% {background-color: #ad0114;}
    100% {background-color: #f31156;}
}

@-webkit-keyframes colorchangeRojos {
    0% {background-color: #f31156;}
    25% {background-color: #f5bfd2;}
    50% {background-color: #c23e4f;}
    75% {background-color: #ad0114;}
    100% {background-color: #f31156;}
}

.caf_morado_anim {
  animation: colorchangeMorado 8s;
  -moz-animation: colorchangeMorado 8s infinite;
  /* Firefox */
  -webkit-animation: colorchangeMorado 8s infinite;
  /* Safari and Chrome */
}

@keyframes colorchangeMorado {
    0% {background-color: #a2509f;}
    25% {background-color: #ddc5e8;}
    50% {background-color: #7c74b6;}
    75% {background-color: #5e4fb0;}
    100% {background-color: #a2509f;}
}

@-webkit-keyframes colorchangeMorado {
    0% {background-color: #a2509f;}
    25% {background-color: #ddc5e8;}
    50% {background-color: #7c74b6;}
    75% {background-color: #5e4fb0;}
    100% {background-color: #a2509f;}
}