﻿/*
        Botones
    */
.btn-primary {
    background-color: var(--color-principal) !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #8c8c8c !important;
    }

.btn-primary-green {
    background-color: #17a554 !important;
}

    .btn-primary-green:hover, .btn-primary-green:focus, .btn-primary-green:active {
        background-color: #52b37c !important;
    }
/*
    TABLAS
*/
table > thead > tr {
    background-color: var(--color-principal) !important;
}

/*
    RESPONSIVE-TABLES
*/
@media only screen and (max-width: 768px) {

    .table_resp > tbody tr:after {
        background: transparent url(../img/10_Blanco.png) no-repeat center center !important;
        background-color: #fff !important;
    }

    .table_resp > tbody tr.activeRow td:first-of-type {
        background-color: var(--color-principal) !important;
        color: #fff !important;
    }

    .table_resp > tbody tr.closed:after {
        background: transparent url(../img/mas.png) no-repeat center center !important;
        background-color: var(--color-principal) !important;
    }

    .table_resp > tbody tr.closed td span.ico-grid {
        /*background: transparent url(../assets/img/11.png) no-repeat center center !important;*/
        background-color: var(--color-principal) !important;
    }

    .table_resp > tbody tr td span.ico-grid {
        background: transparent url(../img/10_azul_pequeño.png) no-repeat center center !important;
        background-color: #fff !important;
    }

    .table_resp > tbody tr:after {
        background: transparent url(../img/10_azul_pequeño.png) no-repeat center center !important;
        background-color: #fff !important;
    }

    .table_resp > tbody tr.closed:after {
        background: transparent url(../img/mas.png) no-repeat center center !important;
        background-color: var(--color-principal) !important;
    }
}

/*
    CAROSUEL
*/

.my-form .carousel-indicators .active {
    background: rgb(254, 239, 53);
    border-color: rgb(200, 188, 46);
}

/*
    FOOTER
*/

.title-widget::before {
    background-color: rgb(254, 239, 53);
}

/*
    LINKS
*/
a.link-color-amarillo {
    color: rgb(254, 239, 53) !important;
}

a.link-color-verde {
    color: #00a650 !important;
}

/*
    tabs
*/
.nav-tabs li.active > div,
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus {
    background-color: #2c3e50;
}