@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
:root {
    --disabledbgcolor:#eaecee;
    --disabledbordercolor:#eaecee;
    --disabledcolor:#d5d8dc;
    --heightcontrol:40px;
}
html {overflow-y: scroll;}
body {font-family:sans-serif; line-height:26px;
      font-size:0.9em; color:#2C3E50; margin:0; border:none;
      margin:0; background-color:none;}

@media (min-width:960px) and (max-width:1280px) {
    body{font-size:15px;}
    input[type=button], input[type=text], input[type=date], input[type=number], input[type=search]{font-size:15px;}
}
@media (min-width:1281px) and (max-width:1925px) {
    body{font-size:16px;}
    input[type=button], input[type=text], input[type=date], input[type=number], input[type=search]{font-size:16px;}

}

@media (min-width:1926px) and (max-width:2560px) {
    body{font-size:18px;}
    input[type=button], input[type=text], input[type=date], input[type=number], input[type=search]{font-size:18px;}

}
input[type=password]{height:40px; padding-left:5px; border:1px solid silver; box-sizing:border-box; color:dimgray; }
input[type=text], input[type=search]{height:40px; padding-left:5px; border:1px solid silver !important; color:dimgray; box-sizing:border-box; }
input[type=text]:disabled{background-color:var(--disabledbgcolor); color:rgb(200,200,200); }
input[type=number]:disabled{background-color:var(--disabledbgcolor); color:rgb(200,200,200); }

input[type=button], button{height:var(--heightcontrol); cursor:pointer; font-size:16px;}
input[type=number]{height:40px; padding-left:5px; border:1px solid silver !important; color:dimgray; box-sizing:border-box;}
input[type=submit]{height:40px; cursor:pointer; padding:0px 10px 0px 10px;}
select{border:1px solid silver !important; height:40px; }
a{text-decoration:none; color:rgb(0,148,214);}
a:hover{color:dodgerblue; cursor:pointer; }
InputText{background-color:aqua;}
textarea{resize:vertical}
input[type=date], input[type=datetime-local]{height:40px; padding-left:5px; border:1px solid silver !important; color:dimgray; box-sizing:border-box; }

button:disabled,button[disabled],textarea:disabled{color:var(--disabledcolor); cursor:auto;}
textarea:disabled{background-color:var(--disabledbgcolor); cursor:auto;}
input[type=checkbox]:disabled{background-color:var(--disabledbgcolor); cursor:auto;outline:1px solid var(--disabledbordercolor); cursor:default;}

input[type=checkbox], input[type=radio]{height:20px; width:20px; vertical-align:middle; cursor:pointer;}
label{vertical-align:middle; margin-left:0px;}

hr{border-top-color:transparent; border-bottom-color:rgb(231,231,231); margin:0; padding:0;}

span {background-color: transparent;}
strong{font-weight:normal;}

.MensajeApp{background-color:transparent; color:red; border:none !important; background-color:transparent; border-bottom:none !important;}
.MensajeApp:empty{text-align:center; background-color:beige; height:auto !important;}
.MensajeApp:not(:empty){display:block; width:100%; text-align:center; background-color:beige; padding:10px 0px 10px 0px !important; margin-bottom:8px;}
.MensajeApp:disabled { border: none; background-color: transparent !important; color:red !important; }

.CssSelImagen { text-align: center; display: block; padding: 10px; cursor: pointer; }
.CssSelImagen .cssFile { display: none; }

table{margin:0 auto;}
table td{padding:10px;}
table th{padding:10px; background-color:dimgray; color:white;}



::placeholder { vertical-align:middle; }

.a2{color:rgb(0,148,214); cursor:pointer; white-space:nowrap;}

.ButonTransparent{border:none; padding:0; background-color:transparent; color:rgb(0,148,214); height: auto !important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}