/*Encabezados*/
button{
    color: white
}
.title_blue {
    color: #706f6f !important;
}

.title_pink {
    color: #fc5353 !important;
}

h3{
    font-size: 18px
}
/*Modales */
.modal-header-pink {
    background: linear-gradient(to right, #fc5353, #fa7575 ) !important;
}

.modal-header-blue {
    background: linear-gradient(to right, #5d15eb, #8c72dd ) !important;
}
/*Breadcrumb*/
.breadcrumb.breadcrumb-custom .breadcrumb-item a:hover {
    color: #251882 !important;
}
/*--------------Text Colors----------*/
.text-azul-ribbon {
    color: #3452FD !important;
}
.text-rojo-carmesi {
    color: #FD1153;
}
.text-fuchsia-pink {
    color: #C33E91;
}
.text-purpura-heart {
    color: #9228BC;
}
.text-blue-violet {
    color: #5D15EB;
}
.text-green {
    color: green;
}
/*--------Background colors----------*/
.bg-title {
    color: #212121
}

.bg-primario-color {
    background-color: var(--primario-color);
}
.bg-secundario-color {
    background-color: var(--secundario-color);
}
.bg-terciario-color {
    background-color: var(--terciario-color);
}
.bg-cuaternario-color {
    background-color: var(--cuaternario-color);
}
.bg-quinario-color{
    background-color: var(--quinario-color);
}





/*hover background colors*/
.bg-primario-color-hover:hover {
    background-color: #2BC4E6 !important;
}
.bg-secundario-color-hover:hover {
    background-color: #ff5757;
}
.bg-terciario-color-hover:hover {
    background-color: #6F0998 !important;
}
.bg-violeta-medium-hover:hover {
    background-color: #B72B82;
}
.bg-Purpura-standar-hover {
    background-color: #8E08BA;
}
.bg-blue-violet-hover:hover {
    background-color: #4F00EB;
}



/*button*/
/*-----btn-module-carga---------*/
.btn-module-carga {
    background-color: #C33E91;
    border-radius: 5px;
    color: white !important
}
.btn-module-carga:hover {
   background-color: #9228BC;
   border-radius: 5px;
   color: white !important
}



/*Botón de banner*/
.cta-btn {
    background: linear-gradient(to right, #fc5353, #fa7575 ) !important;
}

/*Banner*/

@media screen and (min-width:574px) {
    .banner-dashboard {
        background: linear-gradient(to right, rgba(93, 21, 235,50%), rgba(140, 114, 221,1)), url('https://images.pexels.com/photos/1629236/pexels-photo-1629236.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1') !important;
    }

    .banner-buzon {
        background: linear-gradient(to right, rgba(252, 83, 83,80%), rgba(250, 117, 117,70%)), url('https://images.pexels.com/photos/2092075/pexels-photo-2092075.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
        background-size: 100% auto !important;
    }
}

#toplogo_nom035 {
    background-color: #5d15eb;
}

/*Nom-035*/
.text {
    color: rgba(0, 0, 0, .5) !important;
}

    .text .counter-count {
        background-color: var(--terciario-color);
    }
        .text .counter-count:hover {
            background-color: var(--secundario-color)
        }

.card-animated {
    border: 2px; 
}

    .card-animated .backgroundColor {
        background-color: white;
        border-top: 6px solid var(--terciario-color);
    }

    .card-animated:hover {
        border: 2px;
    }

.fa-icon-image {
    color: #f2f2f2;
}

/*form*/
.search-section .input {
    border: solid 1px #c8adda !important;
}

.comunicaSection ::placeholder {
    color: #b3b3b3;
}


.comunica-space .input {
    background: rgba(255,255,255,.1);
}




.comunica-box select option {
    color: #251882;
}

    .comunica-box select option:hover {
        background: #a07cec;
    }

/*table elements*/
.dataTables_filter input, .dataTables_length select {
    border: solid 1px var(--secundario-color) !important;
}

    .dataTables_filter input:focus, .dataTables_length select:focus {
        border: 2px var(--secundario-color) solid !important
    }

.pagination .active a {
    background-color: #747778 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #5d15eb;
}

.dataTables_filter input, .dataTables_length select {
    border: 1px solid var(--secundario-color) !important;
}

/*popup*/
/*.news {
    background: linear-gradient(to right, #C33E91, #3452FD ) !important;
}*/
/*
.title {
    background: linear-gradient(to right, #C33E91, #C33E91 ) !important;
}*/


.card-animated:hover .backgroundEffect {
    border: 2px;
    background-color: color-mix(in srgb, var(--terciario-color), white 80%);
}


/*Buzón*/
.buzon-snip .sugerenciasBuzon:checked + .tab,
.buzon-snip .quejasBuzon:checked + .tab {
    border-color: var(--cuaternario-color);
}


.buzon-box {
    background-image: url('../images/buzon.jpg');
    mask-repeat: no-repeat;
    text-align: center;
}

/*.buzon-snip {
    background: rgb(43, 196, 230, 0.1) !important;
}*/

/*Comunica form*/

.comunica-box {
    background: url(https://img.freepik.com/foto-gratis/primer-plano-libreta-blanco_53876-14878.jpg?t=st=1658826264~exp=1658826864~hmac=e2c109f416e41e1fc4e23a2f5497f7d3067cff0621330a85e790ba6c855658c4&w=740) center no-repeat;
    background-size: auto 100% !important;
}

.comunica-snip {
    background: rgb(37, 24, 130,0.8);
}