@import url('edit.css');
@font-face {
	font-family: 'Roboto';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('../font/robotomono-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('../font/robotomono-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');
}


abody{background-color: var(--body-back); border:1px solid green; border-bottom:2px solid green; }
* {box-sizing: border-box; font-family: 'Proxima Nova', sans-serif;}
div, input, select, td{outline: none;}

.dn{display:none!important;}

.swad_bott{box-shadow: 0px 3px #C0C0C0;  -webkit-box-shadow: 0px 3px #C0C0C0;  -moz-box-shadow: 0px 3px #C0C0C0;}
.swad{box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;}
.swad2{box-shadow: 0px 0px 8px #000;  -webkit-box-shadow: 0px 0px 8px #000;  -moz-box-shadow: 0px 0px 8px #000;}


.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(--box_title_fore)!important;
  background-color:var(--box_title_back)!important;
  font-weight:bold;
}
.int_tit span{
  float:right; margin-right:1%;
  color:#c0c0c0; font-size:1rem;
} 
.int_tit .set_skin{
  color:#c0c0c0; font-size:0.8rem; padding-top:0.4rem;
  cursor:pointer;
} 
.int_tit img{
  margin-right:1%;
  max-height:1.4rem;
} 
.btn_mnu{
  position:relative; display:inline-block;
  font-size: 0.9rem;
  text-align:center;
	width:15%; height:1.6rem;
  margin-left:1%;
  background-color:var(--btn-mnu-back);

  color:var(--btn-fore); background-color:var(--btn-back); border:1px solid var(--btn-borde)!important;
}
.btn_mnu i{
  position:absolute;
  color:var(--btn-mnu-fore);
  font-size:1.4rem;
  left:2%; top:0.1rem;
	text-align:left; cursor:pointer;
}
.btn_mnu label{
  position:absolute;
  color:var(--btn-mnu-fore); font-size:0.80rem;
	width:71%; height:1.40rem;
  right:4%; top:0.3rem;
	text-align:right; cursor:pointer;
}

.btn_mnu:hover{ 
  font-weight:bold;
  transform: scale(1.05);
  /* background-color:var(--btn-mnu-hover-back)!important; */
  color:var(--btn-hover-fore); background-color:var(--btn-hover-back);

}




.shabox{
  box-sizing: border-box;  
  /*background-color:#fff; color:#404040;*/
	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; 
  /*background-color:#fff;*/
  padding:0.5rem;
}

.opc_registro{
  box-sizing: border-box;  float:left;
  width:100%; display:block;
  padding:0.5rem;  padding-top:1.25rem;
	font-family: 'Proxima Nova', sans-serif;
  padding-left:5%;
  
}
.opc_registro div{
  box-sizing: border-box;    float:left;
  width:25%; display:inline-block; font-size:1rem; 
  padding-left:1rem; padding-top:0.25rem; padding-right:1rem;
  cursor:pointer; color:#c0c0c0;
}


.opc_registro img{
  box-sizing: border-box;    float:left;
  width:10%; display:inline-block; max-width:32px;
  cursor:pointer;
}
.opc_registro img:hover{	border:1px #e6e6e6 solid ;}

#msgboxdiv{
	position:absolute !important;
	text-align:center;
	font-family: 'Proxima Nova', sans-serif; font-size: 1rem; 
	background-color:#fff; color:#000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	box-shadow: 5px 5px 15px #C0C0C0;  -webkit-box-shadow: 5px 5px 15px #C0C0C0;  -moz-box-shadow: 5px 5px 15px #C0C0C0;
	width:60%; padding:1rem;
	height:auto !important; max-height:500px; min-height:10rem;
  overflow-y:auto;
	
}
#msgboxdiv div{
	width:90%; margin-left:5%; margin-top:1rem;
	height:auto !important; max-height:350px; min-height:3rem; overflow-y:auto;
}
#msgboxdiv input{
	margin-left:35% !important;

}


.boton{
  font-family: 'Proxima Nova', sans-serif;
	font-size: 0.8rem; letter-spacing: 0.05rem;
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040; 
	border:1px #3399FF solid ;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;

	cursor:pointer;
}

.boton:hover{border-color: #3399FF; color:#000;font-weight:bold; background-color:#99CCFF;}
.boton:focus{border-color: #3399FF; color:#404040;}

.opc_0{
  box-sizing: border-box;  float:left;
  width:100%; display:block;
  padding:0.5rem;  padding-top:1.25rem;
	font-family: 'Proxima Nova', sans-serif;
  padding-left:5%;
 /* background-color:#fff000;   */
}
.opc_0 div{
  box-sizing: border-box; float:left;
  display:inline-block; font-size:1rem; 
  padding-left:1rem; padding-top:0.25rem; padding-right:1rem;
  cursor:pointer; color:#c0c0c0;
}
.opc_0 img{
  box-sizing: border-box; float:left;
  display:inline-block; max-width:32px; cursor:pointer;
}
.opc_0 img:hover{	border:1px #e6e6e6 solid ;}


.opc_2 div{  width:40%; }
.opc_2 img{   width:10%;  }

.opc_3 div{ width:25%; }
.opc_3 img{ width:8%; }

.opc_4 div{ width:15%; }
.opc_4 img{ width:5%; }

.opc_5 div{ width:16%; background-color:#fff;}
.opc_5 img{ width:4%; }

.wait{
  position:absolute;
  box-sizing: border-box; display:none;
  font-family: 'Proxima Nova', sans-serif;  
  padding:1rem;
  width:100%; height:auto;
  background-color:#fff; 
  left:0%;  top:0rem;
  text-align:center;
}
.wait img{
  float:left;
  box-sizing: border-box; display:block;
  width:80%; margin-left:10%;
}
.wait div{
  float:left;
  box-sizing: border-box; display:block;
  width:80%; margin-left:10%; margin-top:1.5rem;
}


.msgbox{
  box-sizing: border-box; position:absolute; z-index:8010;
  width:50%; height:14rem; padding:0.5rem;
  top:5rem; left:25%;
  text-align:center; font-size:1.2rem;  font-family: 'Proxima Nova';
  background-color:#fff;
	border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem;
  
} 
.msgbox label{
  box-sizing: border-box; display:block; float:left; text-align:center;
  width:90%; height:8rem; margin-top:2rem; margin-left:5%;
}
.msgbox input{
  box-sizing: border-box; display:block; float:left; 
  width:30%; height:2.4rem; margin-left:13%;
  cursor:pointer;
  /* border:1px solid gray; */
}
.msgbox #msgbox_aceptar{background-color:#b3e0ff;}
.msgbox #msgbox_cancelar{background-color:#fff;} 

.msgbox input:hover{
  background-color:#0099ff!important; color:#fff; font-weight:bold;
}
.syc_sombra{
  width:100%; top:0;left:0;position:absolute;display:block;
  z-index:6010; background-color:#000;opacity:0.5;
}

.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;}
.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;}


.f-frame{
  height:auto !important;
	position:absolute;
	background-color:#FFFFFF;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
  text-align:center;margin-right:2%; padding:2%; 

  padding-top:15px;  overflow-y:auto;  display:none;
}
.f-frame:after{content:"";	display:table; clear:both;}

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



#predictivo{
	display:none; position:absolute; z-index:5000;
	background-color:#FFFFFF; font-size:14px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
#predictivo ul{
	list-style-type:none; padding-left:8px;
}
/* #predictivo ul li a{color:#808080;} */
/* #predictivo ul li a:hover{color:#000000;} */
#predictivo ul li{color:#808080; cursor:pointer;}
#predictivo ul li:hover{color:#000000;}


.captcha{
  box-sizing: border-box; 
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border:1px #999999 solid;
	padding:4px;
	width:auto; height:auto; background-color:#FF7373; 
  min-height:2rem; 
}
.captcha img{ width:40%; float:left; margin-left:1%; max-height:1.4rem;}
.captcha input{width:25%; float:left; margin-left:3%; height:1.4rem; font-size:0.8rem; text-align:center;}
.captcha input[type=button]{width:25%; float:right; margin-right:1%; cursor:pointer;   color:#8cb3d9; background-color:#fff; border:1px solid #3399ff!important;}

.captcha_ok{background-color:green;}

.edit_c{
  position:relative; display:inline-block;  float:left;
  border: 1px #e2e2e2 solid;
	font-size: 0.7rem; letter-spacing: 0.06rem;
  height:3rem;
  margin-bottom:0.3rem;  
}
.edit_c:hover{ border: 1px #000 solid; }

.edit_c .captcha{
 	position:absolute;
	width:100%;
  height:1.8rem; min-height:1.5rem!important;
	border:0;
  top:0.6rem; left:0;
}
.tmp_sombra{
  position:absolute;display:block;
  z-index:6010; background-color:#000;opacity:0.05;
}
.contenedor-modal {
  background-color: #ccc;
  width: 100vw; height: 100vh;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all .5s ease-in-out;
}
.activar{display:block!important ;opacity: 1!important; z-index:9999!important;}

.contenedor-modal.activar{pointer-events: auto; opacity: 0.8; z-index:9998;}
._modal.activar{pointer-events: auto; opacity: 1; z-index:9999;}
._modal{
  background-color: var(--body-back);
  width: 600px;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:9999; opacity:0;
  transition: all .5s ease-in-out;

/*
    background-color: white;
    width: 600px;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:9999; opacity:1!important;
*/

    /* border-radius: 10px;
    padding: 1.8rem;
    text-align: center;
   */
  
  /*position:absolute; z-index:9100;
  width:auto; height:auto; min-height:20rem; top:0rem; left:5%;
  background-color:#fff; color:#999;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;*/
}
._modal ._modal_titulo{
  position:absolute;padding-top:0.4rem; padding-left:2%; z-index:9200; cursor:pointer;
  width:100%; height:2rem;
  background-color:var(--box_title_back);
	color:#fff;
  top:0; left:0; font-size:1rem;
}
._modal i{position:absolute; top:0.2rem; right:2%; font-size:1.6rem;cursor:pointer; z-index:9201; color:#fff;}
._modal .frame{
 	position:absolute; display:none; box-sizing: border-box;
  top:30px; left:0px; width:100%;
  z-index:9110; 
  min-height:10rem; background-color:#fff;
  padding:0.5rem; 
}

._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;
}
.new_wait{
  position:absolute; display:none;
  width:0%; height:0.5rem; top:0%; left:0px; background-color:red;
	-webkit-animation-name: pogress; -webkit-animation-duration: 6s; z-index:9999;
	animation-name: pogress; animation-duration: 6s;
	animation-iteration-count: infinite; 	-webkit-animation-iteration-count: infinite;
}


@keyframes pogress{
  from{ width: 0%;}
  to { width:100%;}
}
.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;
}

.postales{
  box-sizing: border-box; display:block; position:relative;
	width: 100%; float:left; 
  background-color:var(--postales-back); color:var(--postales-fore);
	overflow-y:auto; overflow-x:hidden; height:8rem;
	border: 1px solid #e2e2e2;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.postales div{ text-transform: lowercase; position:absolute; }
.postales div::first-letter{ text-transform: uppercase;}

.postales .p_ca{ width:80%; top:0.5rem; left:1%; font-weight:bold; font-size:1rem;}
.postales .p_pd{ width:36%; top:2rem; left:3%;}
.postales .p_entre{ width:46%; top:3.5rem; left:3%;}
.postales .p_observa{ width:46%; top:5rem; left:3%;}

.postales .p_editar{ width:15%; top:0.5rem; right:1%; text-align:right; color:blue; cursor:pointer;}

.postales .p_ciudad{ width:58%; top:2rem; left:41%; text-align:right; font-weight:bold;}
.postales .p_provincia{ width:48%; top:3.5rem; left:51%; text-align:right;}
.postales .p_pais{ width:48%; top:5rem; left:51%; text-align:right;}


.msg_box{
  position:absolute; z-index:9100;  max-height:80%;
	border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem;
  padding-bottom:1rem;


  text-align:center; font-size:1.2rem;  font-family: 'Proxima Nova';
  background-color:var(--box_body);
  width:60%; height:auto; 

    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);

  transition: all .5s ease-in-out;

  
} 
.msg_box section{
  display:flex; float:left; position:relative;  overflow-y:auto;
  text-align:center; 
  width:90%; max-height:10rem; height:8rem; margin-top:0.5rem; margin-left:5%;
}
.msg_box .box_center{
  margin: 0; width:98%; height:auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);  
}
.msg_box .command{
  display:flex; float:left;
  width:100%; min-height:5rem; height:3rem; margin-top:1.5rem; padding-top:0.5rem;
  color:#000;

  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.box_title{
  width:100%; height:2rem;
  display:block; float:left; text-align:left;
  padding-left:0.8%; padding-right:0.5%; padding-top:0.4rem;
  font-size: 1.2rem; letter-spacing: 0.03rem;
  background-color:var(--box_title_back);
	color: var(--box_title_fore)!important;
  font-weight:bold;
}

html:has(.mdl_show){
  overflow:hidden;
}
.mdl_to_show{
  width:100%; height:100%;display:none; position:absolute; top:0; left:0;
  /* padding-left:1%; padding-right:1%; */
  box-shadow: 0px 0px 8px #000;  -webkit-box-shadow: 0px 0px 8px #000;  -moz-box-shadow: 0px 0px 8px #000;
  background-color:#fff;
  transition: all .5s ease-in-out;
  z-index:9999;
}
.mdl_show{
  display:block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mdl_to_show .content{height:auto; width:auto;padding:20px;}
.mdl_to_show .mdl_titulo{
  padding-top:0.4rem; padding-left:2%; z-index:9200;
  width:100%; height:2rem;
  background-color:#ce2934; color:#fff;
  top:0; left:0; font-size:1rem;
  margin-bottom:0.5rem;
}
.mdl_to_show .mdl_hide{position:absolute; top:0.2rem; right:2%; font-size:1.6rem;cursor:pointer; z-index:9201; color:#fff;}

.swad{box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;}

.mdl_contenedor .contenido{
 	position:absolute; display:none; box-sizing: border-box;
  top:40px; left:0px; width:100%;
  z-index:9110; 
  min-height:10rem; background-color:#fff;
  padding:0.5rem; 
}

.mdl_sombra{width:100%; height:auto;}
.mdl_contenedor{width:100%; height:auto;}
.mdl_contenedor{
  background-color: var(--body-back);
  width: 600px;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:9999; opacity:0;
  transition: all .5s ease-in-out;
}


.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;  height:auto; padding:10px 10px 20px; color:#fff;}

.blur{
  background-color:#fff;
  filter: blur(1px)!important;
  filter: brightness(20%)!important;
  & *{cursor: not-allowed!important;}
}




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

.msgbox{
  box-sizing: border-box; position:absolute; z-index:8010;
  width:98%; height:14rem; padding:0.5rem;
  top:5rem; left:1%;
  
} 
.msgbox label{
  box-sizing: border-box; display:block; float:left; text-align:center;
  width:90%; height:8rem; margin-top:2rem; margin-left:5%;
}
.msgbox input{
  box-sizing: border-box; display:block; float:left; 
  width:39%; height:2.4rem; margin-left:7%;
  cursor:pointer;
  /* border:1px solid gray; */
}
.msgbox #msgbox_aceptar{background-color:#b3e0ff;}
.msgbox #msgbox_cancelar{background-color:#fff;} 

.msgbox input:hover{
  background-color:#0099ff!important; color:#fff; font-weight:bold;
}
}