@import url('../sdk/edit.css');
/* @import url('../sdk/dt_picker.css'); */

@font-face {
	font-family: 'Roboto-mono';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../font/roboto-regular.ttf') format('truetype');
}


@font-face {
	font-family: 'Proxima Nova';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('../font/montserrat-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Proxima Nova';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../font/montserrat-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Proxima Nova';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('../font/montserrat-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Proxima Nova';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('../font/montserrat-semibold.ttf ') format('truetype');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/iconos.ttf) format('woff2');
}
/* VERIFICADO ACA ARRIBA*/
.box_content{
  position:relative; display:inline-block; float:left;
  width:100%; height:auto; min-height:3rem;
  margin-top:1rem; margin-bottom:0.5rem;
  border: 1px solid #5f6069; border-radius: 8px;
  padding:5px;
  padding-top:1.1rem;
  
  & section{
    position:absolute; top:-0.5rem; z-index:9; left:20px; background-color:#0f104d; color:#fff;
    width:auto; padding-left:1.5%; padding-right:1rem; border-radius: 4px; height:1.2rem;
  }
}
.sys_shadow{
  width:100%; top:0;left:0;position:absolute;
  z-index:6010; 
  /* background-color:rgb(0 0 0 / 20%); */
  background-color:rgb(176 185 205 / 75%);
  background:blur;
  display:flex;
  align-items: center;
  justify-content: center;
}
.sys_shadow .loader{
  border: 10px dotted #fff;
  border-radius: 50%;
  border-top: 10px dotted #c0c0c0;
  width: 80px;
  height: 80px;
  animation: spinner 2s linear infinite;
}
.sys_shadow ._sombra_close{position: absolute; top:1.5rem; right:1.5%;cursor:pointer; color:red; font-weight:bold;}
@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

html:has(.sys_shadow){overflow:hidden;}
html{font-size: clamp(0.6rem, 1.3vw, 1.4rem)!important;}
body{background-color: #fff; box-sizing: border-box;}
* {box-sizing: border-box; font-family: 'Proxima Nova', sans-serif;}
div, input, select, td, textarea{outline: none;}

body:has(.main_content){padding: 0; margin:0; background-color: var(--body-back);}
.cls_frame{border-radius:15px;}
.main_content{width:98%; height:96vh; margin: 2vh 1% 2vh 1%;
  /* padding: 1vh 1% 1vh 1%; */
  /* t,r,b,l */
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #e6e6e6 solid ;
	box-shadow: 0px 0px 10px #000;  -webkit-box-shadow: 0px 0px 10px #000;  -moz-box-shadow: 0px 0px 10px #000; 
  background-color: var(--body-back);
} 
._tb_body{max-height:calc(100vh - 7rem - 3vh);}




.dn{display:none!important;}

.int_tit{
  width:100%; height:2rem;
  display:block; float:left;
  padding-left:0.5%; padding-right:0.5%; padding-top:0.5%;
  font-size: 1.2rem; letter-spacing: 0.03rem;
	border-bottom: 1px #c0c0c0 solid;
	color: var(--titulos)!important;
  /*color:#595959; */
  font-weight:bold; margin-bottom:0.5rem;
}



.shabox{
  box-sizing: border-box;  
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #e6e6e6 solid ;
	box-shadow: 0px 0px 1px #C0C0C0;  -webkit-box-shadow: 0px 0px 1px #C0C0C0;  -moz-box-shadow: 0px 0px 1px #C0C0C0; 
  padding:0.5rem;
}

.f_modal{
	position:absolute; display:none; box-sizing: border-box;
  z-index:7000; height:auto; min-height:10rem; background-color:#fff;
  padding:0.5rem;
}

#f_img_cerrar{width:1.6rem; height:1.6rem; background-color:#fff; position:absolute; cursor:pointer; right:4%; z-index:9000; padding-top:10px; }
#f_img_cerrar img{max-width:1.6rem; max-height:1.6rem; }


/**************************************/

.uw05{ width: 4.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw06{ width: 5.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw07{ width: 6.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw08{ width: 7.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw09{ width: 8.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw10{ width: 9.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw11{ width: 10.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw12{ width: 11.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw13{ width: 12.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw14{ width: 13.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw15{ width: 14.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw20{ width: 19.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw25{ width: 24.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw30{ width: 29.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw35{ width: 34.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw40{ width: 39.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw45{ width: 44.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw50{ width: 49.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw55{ width: 54.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw60{ width: 59.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw65{ width: 64.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw70{ width: 69.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw75{ width: 74.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw80{ width: 79.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw85{ width: 84.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw90{ width: 89.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw95{ width: 94.5% !important;margin-right:0.5% !important; margin-left:0% !important; }
.uw100{ width: 99.5% !important;margin-right:0.5% !important; margin-left:0% !important; }

.fs20{ font-size:	1.25rem !important;}
.fs19{ font-size:1.1875rem !important;}
.fs18{ font-size:1.125rem !important;}
.fs17{ font-size:1.0625rem !important;}
.fs16{ font-size:1rem !important;}
.fs15{ font-size:0.9375rem !important;}
.fs14{ font-size:0.875rem !important;}
.fs13{ font-size:0.8125rem !important;}
.fs12{ font-size:0.75rem !important;}
.fs11{ font-size:0.6875rem !important;}
.fs10{ font-size:0.625rem !important;}
.fs9{ font-size:0.5625rem !important;}
.fs8{ font-size:0.5rem !important;}

.uh15 {height: 0.93rem !important;}
.uh20 {height: 1.25rem !important;}
.uh25 {height: 1.56rem !important;}
.uh40 {height:2.5rem !important;}	
.uh50 {height:3.125rem !important;}	
.uh60 {height:3.75rem !important;}	
.uh80 {height:5rem !important;}	
.uh100{height:6.25rem !important;}	
.uh120{height:7.5rem !important;}	
.uh140{height:8.75rem !important;}	
.uh160{height:10rem !important;}	
.uh180{height:11.25rem !important;}	
.uh200{height:12.5rem !important;}	
.uh300{height:18.75rem !important;}	

.ib{ display:inline-block; }
.fr{ float:right !important;}
.fl{ float:left; }
.fb{ font-weight:bold!important;}
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}

.mt05{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mb05{margin-bottom:0.5rem !important;}
.mb10{margin-bottom:1rem !important;}

.m_l{margin-left:2% !important;}

.requerido{border-color:red !important; background-color:#ffe6e6!important; }

._swa_{color:gray;}
._swa_::before{content:"toggle_off";}
.sw_act{color:green!important;}
.sw_act::before{content:"toggle_on";}
._pop{
  position:fixed; display:none; width:auto; height:2.5rem; bottom:1rem; left:2%; background-color:#000; color:#fff;
  border:1px solid var(--btn-borde); 
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0px 0px 1px #C0C0C0;  -webkit-box-shadow: 0px 0px 1px #C0C0C0;  -moz-box-shadow: 0px 0px 1px #C0C0C0; 
  padding:0.5rem 3% 0.2rem 3%; z-index:9999;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}



.dialog{
  background-color:#1966a9;color:#fff; padding:8px;
  border:0px; border-radius:8px; min-width:250px;
  transition: scale .5s ease, display .5s ease allow-discrete;
  scale:0;
  &[open]{
    scale:1.5;
    transition: scale .5s ease-in-out;
    @starting-style{scale:0;}  
  }
}
.dialog button{
  background-color:#000;color:#fff;border: 1px solid #91b5d5;border-radius:5px; float:right; cursor:pointer; margin-right:10px;
  font-size:0.7rem; padding:3px 8px 3px;
}
.dialog div{color:#fff; min-height:40px; max-width: 400px; height:auto; padding:10px 10px 20px; color:#fff;}

.tbgrid_title{float:left;display:block; width:100%; height:2rem; border: 0px solid #c0c0c0;}
.tbgrid_title .tbgrid_row{font-weight:bold;}
.tbgrid_body{float:left;display:block; width:100%; height:auto; border: 0px solid blue;overflow-y:auto;}
.tbgrid_row{
  display: grid; height:1.6rem;
  grid-template-columns: 0.6fr 1fr 0.5fr 1fr 0.6fr 0.5fr 0.5fr;
  align-items: center;
  font-size:1rem;
  justify-content:center
}


@media only screen and (min-width : 300px) and (max-width : 580px){

}