/* YORDI */
    .user-panel {
        background-color: #f5f5f5 !important;
    }

    .img-circle {
        border: 4px solid #fff !important;
    }

    .img-circle {
        width: 80% !important;
        max-width: none !important;
    }

    .text-menu-header {
        /*font-size: 20px;
        color: #646464;*/
        font-weight: bold;
        text-transform: uppercase;
    }
    .sidebar-menu.tree {
        font-size: 20px;
        color: black;
    }
    .sidebar-menu.tree a {
        color: black;
    }

    .content-login{
        padding: 10%;
    }
    .header-login{
        padding: 14px;
        margin: 0px;
        font-size: 18px;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
    }

    .naranja{
        color: #fff;
        background-color: #E8A828;
        border-color:  #CC9423;
    }
    .naranja:hover{
        background-color: #E8A828;
        color: white;
    }
    .colprede{
        background-color: #14aa00 !important;
        border-color: #0d5e02 !important;
    }

    .btn-colprede{
        background: #626161 !important;
        border-color: #4a4949 !important;
    }

    .btn-colprede:hover{
        background: #4a4949 !important;
        border-color: #626161 !important;
    }
    .padre{
        background: #00000069;
        height: 100%;
    }

    .header-user{
        text-transform: uppercase;
        color: black;
        font-weight: bold;
        font-size: 16px;
    }

    .btn-primary {
        background-color: #14aa00 !important;
        border-color: #0d5e02 !important;
        color: white;
    }

    .btn-primary:hover {
        background-color: #0d5e02!important;
        border-color: #0d5e02!important;
        color: #fff;
    }

    .btn-danger{
        color: #fff;
        background-color: #ac2925 !important;
        border-color: #761c19 !important;
    }

    .btn-danger:hover{
        color: #fff;
        background-color: #761c19 !important;
        border-color: #ac2925 !important;
    }

    .btn-edit {
        color: rgb(0, 0, 0);
        background-color: #d2cc20 !important;
        border-color: #d2cc20 !important;
    }

    .btn-info {
        background-color: #00c0ef !important;
        border-color: #00c0ef !important;
        color: white;
    }

    .btn-info:hover {
        background-color: #0a8fb1e3!important;
        border-color: #0a8fb1e3!important;
        color: #fff;
    }

    .stzEF-left{
        text-align: left !important;
    }

    .stzEF-right{
        text-align: right !important;
    }

    .stzEF-center{
        text-align: center !important;
    }

    table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
        background-color: #bad9b0 !important;
    }


  /* FIN YORDI */

  /* Yesid */
.gris{
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}
.boton{
    padding: 6px 6px;
}

.btn-info-danger {
    background-color: #ef0000;
    border-color: #ef0000;
}

.btn-info-danger:hover {
    background-color: #c51f1f;
    border-color: #c51f1f;
}

/* Alejandro */

.contact{
    display: flex;
    justify-content: center;
}

.contact #stz{
    background-color: #14aa00d5;
    width: 50px;
    height: 50px;
    margin-top: 4px;
    border-radius: 100px;
}

.social:hover{
    transition: all .3s;
    transform: scale(0.90);
}

.alert-naranja, .alert-naranja {
    border-color: #ff6d17 !important;
    background-color: #ff6d17 !important;
    color: white;
    font-weight: bold;
}

.rojo-claro {
    color: #333 !important;
    background-color: #ffe9e9 !important;
    border-color: #fff !important;
    cursor: not-allowed;
}

.verde-claro {
    color: #333 !important;
    background-color: #03c0102b !important;
    border-color: #fff !important;
    cursor: not-allowed;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00bd13 !important;
    color: #fff !important;
    border: 1px solid #00bd13 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #f6f6f6 !important;
    color: #ffffff !important;
}


.promedio {
    background-color: #f0f8ff; /* Color de fondo para "Promedio" */
}
.ueps {
    background-color: #f5f5dc; /* Color de fondo para "UEPS" */
}
.peps {
    background-color: #e6ffe6; /* Color de fondo para "PEPS" */
}

/* Para asegurarse de que el texto no se vea afectado */
#_TipoCosto option {
    color: black;
}