
.render-table-axel{

}

.render-table-axel tfoot select.rows,
.render-table-axel thead select.rows{
    border: none;
    box-shadow: 0px 0px 2px #8d8d8d;
    border-radius: 2px;
    padding: 3px;

}


.render-table-axel .content-actions button:focus {
    color: white;
}

.render-table-axel .content-actions {
    display: flex;
    height: 37px !important;
    justify-content: center;
    margin-right: 12px;
}


.render-table-axel .content-actions button {
    outline: none;
    font-size: 17px;
    padding: 0px;
    margin-left: 8px;
    width: 35px;
    color: white;
    background: #1e84c6;
    box-shadow: 0px 0px 3px #888888 !important;
    transition: all 0.1s linear;
}

.render-table-axel .content-actions button:hover {
    font-size: 20px;
    font-weight: bold;
    color: white;
}


.render-table-axel .btn-table{
    border: none;
    box-shadow: 0px 0px 1px #bebebe;
    
    font-size: 1.16em;
    transition: all 0.2s linear;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
}

.render-table-axel .btn-fa{
    width: 25px;
    text-align: center;
}

.render-table-axel .btn-table:hover{
    box-shadow: 0px 0px 3px #757575;
}

.render-table-axel .bg-red{
    background: #ef7777;
    color:white;
}
.render-table-axel .bg-red:hover{
    color:white
}


.render-table-axel .bg-blue{
    background: #1f84c6;
    color:white;
}
.render-table-axel .bg-blue:hover{
    color:white;
}

.render-table-axel .bg-orange{
    background: #d8a33f;
    color:white;
}
.render-table-axel .bg-orange:hover{
    color:white;
}

.render-table-axel .tag{
    text-align: center;
    display: block;
    min-width: 80px;
    border-radius: 9px;
    padding: 0 5px;
    font-weight: bold;
    
}

.render-table-axel .tag.s0{
    box-shadow: 0px 0px 1px gray;

}

.render-table-axel .tag.s1{
    color: #ffffff;
    background: #41a7ea;
}

.render-table-axel .tag.s2{
    color: #a86500;
    background: #fff1ad;
}

.render-table-axel .tag.s3{
    color: white;
    background: #f6b8b8;
}

.render-table-axel tfoot .ctn-pag-table,
.render-table-axel thead .ctn-pag-table{
    display: flex;   

}

.render-table-axel tfoot .ctn-pag-table>select,
.render-table-axel thead .ctn-pag-table>select{
    margin-right: 10px;
}

.render-table-axel tfoot .ctn-pag-table>div,
.render-table-axel thead .ctn-pag-table>div{
    width: 100%;
}

.l-mn{
    display: flex;
    overflow: scroll;
    overflow-y: hidden;
    border-top: 9px solid #dfdddd;
    border-radius: 4px;
    box-shadow: 0px 0px 3px #cccccc;
    padding: 5px;
}

.l-mn::-webkit-scrollbar{
    height: 5px;
    width: 5px;
}
.l-mn::-webkit-scrollbar-thumb{
    background: #3e4e5e;
    border-radius: 12px;
}


.ax-check input[type='checkbox'] {
    display: none;
}

.ax-check input[type='checkbox']+label {
    border: 1px solid rgb(207, 207, 207);
    transition: all 0.2s linear;
    background: rgb(255, 255, 255);
    width: 22px;
    height: 22px;
    text-align: center;
    cursor: pointer;
}

.ax-check input[type='checkbox']:checked+label:hover {
    border: 1px solid rgb(124, 124, 124);
}

.ax-check input[type='checkbox']:checked+label {
    background: #1a7bb9;
}

.ax-check input[type='checkbox']:checked+label::before {
    content: '✔';
    color: white;
}