:root {
    --menu_input_border: #D2D3D5;
    
    
}

.atextBox{
    min-height:25px;
    height: 25px;
    border: 1px solid var(--menu_input_border);
    padding-left: 5px;
    outline: none;
    width:100%;
}

.adivBox {
    min-height: 25px;
    border: 1px solid var(--menu_input_border);
    padding-left: 5px;
    width: 100%;
}

.atextBox:focus,
.acombo:focus{
    border: 1px solid blue;
}


.atextBoxBorderNone{
    height: 99%;
    border: none;
    outline: none;
    width:100%;
    text-align:center;
    text-transform: uppercase;
}

.atextBoxBorderNone[data-cambio="1"]{
            border:1px solid red;
}

.atextBox[data-cambio="1"],
.atextBox[data-cambio="1"]:focus {
    border: 1px solid red;
}

.atextBoxBorderNone:focus{
    border:1px solid #8b8b8b;
    
}



.acombo {
    min-height: 25px;
    height: 25px;
    border: 1px solid var(--menu_input_border);
    padding-left: 5px;
    width: 100%;
    outline: none;
}

.acombo[data-cambio="1"],
.acombo[data-cambio="1"]:focus {
    border: 1px solid red;
}

.e_div_center{
    display: flex;
    justify-content: center;
    align-content: center;
    column-gap: 10px;
    padding: 10px;
}

.disabled{
        background: #afa9a9 !important;
        cursor: not-allowed !important;
}

button:disabled,input:disabled
,select:disabled{
            cursor: not-allowed !important;
            background: #afa9a9 !important;
}

.areaauto{
    resize: none;
    text-align: left;
    height:auto;
}


.area{
    resize: none;
    height: 100px;
    width: 100%;
    text-align: left;
}

.area50{
    resize: none;
    height: 50px;
    width: 100%;
    text-align: left;
}

.text_button{
    position: relative;
    background: gray;
}

    .text_button input[type=text] {
        padding-right: 20px;
    }

.text_button button{
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 2px;
    cursor: pointer;
    height:100%;
    padding-left:5px;
    padding-right:5px;
}

.text_button button:hover{
    background: #d67a7a;
}