.table-head,
.barra-superior,
.footer-color {
    background-color: #3f68a7 !important;
}

.menu-lateral {
    border-right: 2px solid rgba(104, 104, 106, 0.1);
}

.redColor,
.page-link {
    color: #2c2c2c !important;
}

.boton-ocultar-menu {
    background-color: #1982fd !important;
}

.hover_nav:hover {
    background-color: #93939315 !important;
}

.sin_informacion {
    color: #b7b7b7 !important;
    font-weight: 400 !important;
}

.hover-categoria:hover div a {
    box-shadow: inset 0 0 5px rgba(230, 230, 230, 0.423);
    border-radius: 5px;
}

.icon-refresh {
    color: #788dd0 !important;
}

.icon-refresh:hover {
    color: #3856b9 !important;
}

.edit-icon {
    color: #8ad78c !important;
}

.edit-icon:hover {
    color: #63c865 !important;
}

cccc .hover-categoria div a {
    border-radius: 5px;
    transition:
        box-shadow 0.2s ease 0.3s,
}



.table-border {
    border-bottom-right-radius: 5px;
    border-left: 1px solid black;
}

.table_bottom_radius tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.table_bottom_radius tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

* {
    scrollbar-color: #888 transparent;
}

.titulo {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Custom CSS */
.errorlist {
    color: red !important;
    font-weight: bold;
    list-style-type: none;
}

.activeoff {
    outline: none;
}

.redbutton {
    outline: none !important;
    border: none !important;
}

.fa.fa-remove.focus-exit:hover {
    color: #5e6165 !important;
}

.redbutton:hover {
    background-color: #763140 !important;
}

.ma_form {
    width: 90%;
}

.borrar_filtros {
    margin: 2px;
    background-color: #e74a3b;
    border: none;
}



.btn_lupa {
    background-color: #d2cfb6 !important;
}

.btn_lupa:hover {
    background-color: #b6a93b !important;
}

/* Extra extra Large */

@media only screen and (min-width: 1400px) {
    .card-responsive {
        width: 66%;
    }

    .search_tamaño {
        width: 33%;
    }
}

/* Extra Large */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .card-responsive {
        width: 66%;
    }

    .search_tamaño {
        width: 40%;
    }
}

/* Large */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .card-responsive {
        width: 75%;
    }

    .search_tamaño {
        width: 50%;
    }
}

/* Medium */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .card-responsive {
        width: 75%;
    }

    .search_tamaño {
        width: 65%;
    }
}

/* Small */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .card-responsive {
        width: 75%;
    }

    .search_tamaño {
        width: 80%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .margin-colums-mobile {
        margin-top: 3vh;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .select-file {
        font-size: 75%;
    }
}

/* Extra Small */

@media only screen and (max-width: 575px) {
    .card-responsive {
        width: 75%;
    }
}

@media only screen and (max-width: 575px) {
    .margin-colums-mobile {
        margin-top: 3vh;
    }
}

@media only screen and (max-width: 575px) {
    .select-file {
        font-size: 50%;
    }
}

.input-wrapper {
    position: relative;
}

.input {
    padding-left: 6vw;
}

.input-icon {
    color: #191919;
    position: absolute;
    padding-left: 2vw;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    font-size: x-large;
    border: none;
    background: transparent;
}

.modal_verde {
    border-color: #10312b !important;
    background-color: #10312b !important;
    color: #fff !important;
}