@media (min-width: 1200px) {    /* a los 1200px desaparece el navbar por lo que no es necesario el margen asi que solo se aplica a partir de 1200t */
    body{
        margin-left: 250px;
    }
    body.app-login{
        margin-left:0px;
        margin-top:0px;
    }
}
body {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    padding: 40px;
    margin-top: 50px;
}

h1 {
    font-size: 3rem;
    font-weight: 600;
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
}
legend,
h4{
    font-size:1.1rem;
    font-weight: 900;
}
.select2-container--bootstrap-5 .select2-selection{
    font-size:0.9rem;
}
.botonA {
    border: none;
    padding: 10px;
    border-radius: 7px;
    color: white;
    font-weight: bolder;
    background:#006639;    
    transition: font-size 0.3s ease;
    -webkit-transition: font-size 0.3s ease;
    -ms-transition: font-size 0.3s ease;
    -moz-transition: font-size 0.3s ease;
}

.botonA:hover {
    color: white;
    font-size: 16px;
}

textarea {
    min-height: 100px;
    max-height: 300px;
    height: auto;
}

.auth-background-overlay {
    background: #00663900;
}

.app-btn-primary {
    background-color: #006639;
}

.dt-buttons > button{
    border-color: #1a955c;
    background-color: #006639;
    color: white;
    font-weight: bold;
}
.dt-buttons > button:hover,
.dt-buttons > button:focus{
    border: 1px solid #1a955c;
    box-shadow: none;
    color: #006639;
}

.pagination>li>a,
.pagination>li>span {
    border-color: #1a955c;
    background-color: #1a955c;
    color: white;
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    border-color: #22be75;
    background-color: #10683f;
    color: white;
    box-shadow: none;
}

.col-form-label{
    font-weight: bold;
}
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 151, 7, 0.25);
    border: 1px solid #1a955c;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border-color: #22be75;
    background-color: #10683f;
    color: white;
}

.columnas {
    column-count: 4;
}

#tEmp>tbody>tr:hover {
    color: white;
    font-weight: bold;
    background-color: #006639BB;
}

#tVeh>tbody>tr:hover {
    color: white;
    font-weight: bold;
    background-color: #006639BB;    
}

#tRes>tbody>tr:hover {
    color: white;
    font-weight: bold;
    background-color: #006639BB;
}

#tCli>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

#tCom>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

#tDes>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

#tNot>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

#tRec>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

#tMemP>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}
#tMemG>tbody>tr:hover {
    font-weight: bold;
    color: white;
    background-color: #006639BB;
}

.fdatos:hover a {
    color: white;
}

.form-check{
    display: inline-block;
    margin-left: 10px;
}
#cliente_comentario{
    height: 150px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: #1a955c;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #1a955c;
    box-shadow: none;
}
.select2-container--bootstrap-5 .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: #fff;
    border-color: #1a955c;
    border-radius: 0.25rem;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #1a955c;
    box-shadow: 0 0 0 0.25rem rgba(9, 151, 7, 0.25);
}