/* Estilos para Create Table */
.text-to-right {
    text-align: right !important;
}
.text-to-left {
    text-align: left !important;
}
.text-to-center {
    text-align: center !important;
}
.td-center-flex{
    width: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
} 
.star-active{
    font-size: 2rem !important;
    color: #ffd700;
}
.star-inactive{
    font-size: 2rem !important;
    color: #bebdbc;
}
.no-borders{
    border: 0px solid !important;
}
.two-and-half-rem-size{
    font-size: 2rem !important;
}
.warning-color{
    color: #ffd700;
}
.danger-color{
    color: #ff0000;
}
.success-color{
    color: #228b2e;
}
.row-hover-blue tr:hover td {
    background-color: #45ade9 !important;
}
.no-background-color{
    background-color: transparent !important;
}
.accent-principal-color{
    accent-color: var(--colorCabecera1);
}
.pointer-td{
    cursor: pointer;
}
.disabled-pointer{
      pointer-events: none;
}
.input-button{
    display: flex !important;
    flex-direction: column;
}
.input-button button{
    width: 100%;
}
.btn-refreshPurple {
    background-color: purple;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 10px;
}
/* Estilos para Create Table */


/* Class for swith from angular-toggle-switch-bootstrap-3 */
.ats-switch.switch-accent-color span.switch-left {
    color: var(--colorLetraCabecera);
    background:var(--colorCabecera1);
}

/* Width para table adaptative */
include-table-adaptative{
    width:100%;
}

/* Styles for adaptative table */

@media(max-width:750px){
    /* .container-adaptative{
        width:100%;
    } */
    .search-movement-found{
        width:100%;
    }
    .table-adaptative{
        border: 0px;
        width:100%;
    }
    .table-adaptative td{
        border: 0px !important;
        display: block;
        text-align: right;
    }
    .table-adaptative td:first-child{
        border: 0px !important;
        margin-top:10px;
    }
    .table-adaptative th{
        display: none;
    }
    .table-adaptative thead td{
        display: none;
    }
    .table-adaptative tr:first-child{
        margin-top:-10px;
    }
    .table-adaptative tr:last-child{
        margin-bottom: 0px !important;
    }
    .table-adaptative tr{
        --color-border-tr-adaptative: #FFFFFF;
        display: block;
        margin-bottom: 5px !important;
        border-bottom: 5px solid var(--color-border-tr-adaptative) !important;
    }
    .table-adaptative td{
        /* display: block;
        text-align: right; */
        display: block;
    /* text-align: right; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
     
    .table-adaptative td::before{
        content: attr(data-extra);
        font-weight: bold;
        color: #000000e8;
        float: left;
    }    
}