/* Inicio - Estilo para el checkbox general */
.CheckboxClass {
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    transform: scale(1.2);
    margin: 0px;
}
/* Fin - Estilo para el checkbox general */
.modalCustomer {
    width: 90%;
    overflow-y: scroll;
}


.form_margin {
    margin: 0% !important;
}
/*        Estilos las tablas de los componentes generales       */
.linea_header_buton {
    text-align: right;
}

.linea_tabla {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.linea_cuerpo_tabla {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 1%;
    box-sizing: content-box;
}


/*        ESTILOS PARA DETALLE DE CLIENTES         */


#ulmenu {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #ulmenu li {
        float: left;
        margin-right: 2px;
        padding: 1%;
        height: 50px;
    }

        #ulmenu li:hover {
            cursor: pointer;
            border-bottom: 1px solid blue;
            height: 50px;
        }

.row_body_details {
    border-radius: 2%;
}


#ocultarinput {
    display: none;
}

.size_icon {
    font-size: 30px;
    margin-left: 3px;
}

.circulo_rojo {
    height: 25px;
    width: 25px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

.circulo_naranja {
    height: 25px;
    width: 25px;
    background-color: orange;
    border-radius: 50%;
    display: inline-block;
}

.circulo_amarillo {
    height: 25px;
    width: 25px;
    background-color: yellow;
    border-radius: 50%;
    display: inline-block;
}

.circulo_verde {
    height: 25px;
    width: 25px;
    background-color: greenyellow;
    border-radius: 50%;
    display: inline-block;
}
/* Estilos para semáforos de tipo texto */
.semaforo_texto_rojo {
    background: red;
    color: white;
}
.semaforo_texto_amarillo {
    background: yellow;
    color: black;
}
.semaforo_texto_verde {
    background: greenyellow;
    color: black;
}


/*        ESTILOS PARA NewContract       */
.modalCrear {
    width: 50%;
    overflow-y: scroll;
}

/*        ESTILOS PARA DetailContract       */

.row_item_img {
    padding-top: 7%;
    text-align: center;
}

.row_item_text p {
    margin: 0;
    padding: 0;
}

.verticalLine {
    border-left: thick solid #ff0000;
}

.contenedor_row {
    padding: 0% !important;
    margin: 0% !important;
    width: auto;
}

.div_collapse:hover {
    cursor: pointer;
}

.titulo_metrica {
    text-align: center;
}


/* Titulos tarjetas */
.contenido {
    border-right: 3px solid black;
}

.img_detail {
    width: 15% !important;
}


.parrafos_contenido {
    width: 80%;
    display: flow-root !important;
}

    .parrafos_contenido p {
        padding: 0;
        margin: 0;
    }


.align_button {
    padding-top: 30px !important;
}


.list-group-general > ul {
    padding: 0 !important;
}

    .list-group-general > ul > li {
        list-style-type: none;
        color: #856404 !important;
        background-color: #ffeeba !important;
        /* position: relative !important; */
        /* display: block !important; */
        padding: .75rem 1.25rem !important;
        /* background-color: #fff !important; */
        border: 1px solid rgba(0,0,0,.125) !important;
    }


.btnFooterSpace {
    margin-right: 1%;
}

.Selectedli a {
    color: black;
}

.Selectedli:hover a:hover {
    color: #1890ff;
}

/*Agregar scroll a los tabs */
.ant-tabs-nav-wrap-ping-right {
    overflow-x: scroll !important;
}



/* ========= 3 Columnas fijas para Y en roles y permisos ======== */
/*#chart > tbody > tr > td:nth-child(-n+1) {
    background: white;
    position: sticky;
    left: 16.5% !important;
    z-index: 1;
    max-width: 200px;
}
#chart > tbody > tr > td:nth-child(2) {
    background: white;
    position: sticky;
    left: 25% !important;
    z-index: 1;
    max-width: 200px;
}
#chart > tbody > tr > td:nth-child(3) {
    background: white;
    position: sticky;
    left: 30% !important;
    z-index: 1;
    max-width: 200px;
}
*/