/*@media all and (display-mode: standalone) {*/
#nprogress{pointer-events:none;}#nprogress .bar{background:#705ECF;position:fixed;z-index:1031;top:0;left:0;width:100%;height:5px;}#nprogress .peg {display:block;position:absolute;right:0px;width:100px;height:100%;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}.nprogress-custom-parent{overflow:hidden;position:relative;}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {position: absolute;}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

/*}*/


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

*{box-sizing:border-box;user-select:none;}*::-webkit-scrollbar{display:none;}*:focus{outline:none;} 

body{background:#F0F2F7;font-size:100%;margin-top:20px;margin-right:0;margin-bottom:0;margin-left:0;}

/*
div{
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
*/

.imglogo{padding:0;width:100%;}


.MenuTxt{padding:0.5em;}








.centerdinamico{
	padding-left: 27px;	

	
}






























/*INICIO DE BANNER*/
.slider {
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 20s infinite alternate linear;
	margin: 0px;
}

.slider li {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}


.bBanner{
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
	word-wrap: break-word;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}



/*FIN DE BANNER*/
































/*BADGE ESPEIMENTAL*/

.badge {
	font-family: Arial;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	 display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
		background-color: #F52852;
	position: absolute;
	border-radius: 50%;
	text-align: center;
		color: #FFF;
	z-index: 10;
	
	
width:30px;height:30px;margin-top:10%;margin-left:70%;font-size:0.9em;
}



/*FIN DEL BADGE*/
























/*INICIO ICONO IMPUT*/

.inputIcono{width:50px;border-top-right-radius:3px;border-bottom-right-radius:3px;resize:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;background-color:#705ecf;}
.inputIcono:hover,.inputIcono:active,.inputIcono:focus{outline:none;cursor:pointer;background-color:#1A1A1A;}
.inputIconoImg{width:18px;padding-top:14px;}

.inputIconoImgGrande{width:24px;padding-top:12px;}



.inputIconoImgNovo{
	width:43%;
	
	height: 100%;
}






.placeConIcono{width:100%;}
.inputConIcono{border-top-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;border-right-width:0;}
.topbusca{display:flex;align-items:stretch;display:-webkit-flex;}



.inputIconoSinEfectos{width:50px;border-top-right-radius:3px;border-bottom-right-radius:3px;resize:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;background-color:#705ecf;}


/*FIN DEL ICONO IMPUT*/




































































/*PARTE DEL MENU DESPLEGABLE*/






.MenuTxtDes-Cont{
	display: none;
	position: absolute;
	background-color: #F0F2F7;
	min-width: 170px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;
	text-align: left;
	margin-left: -140px;
	margin-top: -5px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.conxmenu{
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.2em;
	color: #333333 !important;
}







.conxmenu:hover{
	background-color: #FFF;
	
	
	
	
	
}















.bixmenu{
	float: right;
	width: 41px;
	height: 41px;
	resize: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.1s linear 0.1s;
	margin-top: -10px;
	margin-right: -14px;
	
	
}




.imgxmenu{
	width: 35px;
	margin: 3px;
}



.imgxmenu:hover{
	  filter: brightness(10%) 
}









.imgxmenucolor{
	width: 35px;
	margin: 3px;
}


.imgxmenucolor:hover{



filter:opacity(60%);
}




/*FIN DEL MENU DESPLEGABLE*/


















































.puntos{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}









.desactivado{pointer-events:none;} 

#ica:before{content:"Inicio Caja";}
#vce:before{content:"Ventas Efectivo";}
#vcd:before{content:"Ventas Débito";}
#vtc:before{content:"Ventas Tarjeta";}
#vcc:before{content:"Ventas Cuenta";}
#tv:before{content:"Total Ventas";}









#instalar{position:absolute;text-align:center;margin-top:62px;cursor:pointer;color:#ffffff;font-family:Arial;font-size:0.9em;letter-spacing:0.03em;padding-top:0.8em;padding-bottom:0.8em;transition:background-color 0.1s linear 0.1s;border:0;outline:0 none;}
.posrelativa{position:relative;}








#en,#er{width:auto;word-wrap:break-word;display:none;padding:10px;font-family:Arial;letter-spacing:0.03em;line-height:1.4em;text-align:center;color:#000;font-size:0.9em;}

.b{text-align:center;width:100%;margin-right:auto;margin-left:auto;margin-top:14px;margin-bottom:14px;padding:14px;box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15); word-wrap: break-word;}









.ba{width:90%;}


.ht{height:52px;}


.t{font-family:Arial;letter-spacing:0.03em;line-height:1.4em;}.ta{font-size:1.1em;font-weight:normal;color:#1A1A1A;}.tb{font-size:1em;font-weight:normal;color:#FFF;letter-spacing:0.08em;text-transform:uppercase;}.pa,.eb{color:#000;font-size:0.9em;}


















input,.bloqb,textarea{padding:12px;background:#F0F2F7;width:100%;text-align:center;border-top-width:0.1em;border-right-width:0.1em;border-bottom-width:0.1em;border-left-width:0.4em;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#DEDEDE;border-right-color:#DEDEDE;border-bottom-color:#DEDEDE;border-left-color:#705ECF;border-radius:3px;resize:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;}input::placeholder,textarea::placeholder{font-family:Arial;letter-spacing:0.03em;line-height:1.4em;color:#000;}input:focus,textarea:focus{outline:none;border-color:#705ECF;}


.bloqbConIcono{border-top-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;border-right-width:0;}














.textareasimple{border-left-width:0.1em;border-color:#FFF;border-radius:0px;}
.textareasimple:focus{outline:none;border-left-width:0.1em;border-color:#FFF;}




input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{
 font-size:0.9em;-webkit-text-fill-color:#000;-webkit-text-font-size:0.9em;-webkit-box-shadow:0 0 0px 1000px #F0F2F7 inset;}

.bloqb:hover,.bloqb:active,.bloqb:focus{outline:none;cursor:pointer;border-color:#705ECF;}






.f1{background-color:#FFF;}
.f2{background-color:#6C757D;}
.f3{background-color:#705ECF;}
.f4{background-color:#F52852;}
.f5{background-color:#F9C125;}
.f6{background-color:#05B993;}
.f7{background-color:#F0F2F7;}








.mt{margin-top:14px;}


.mt2{margin-top:8px;}


.ws{word-spacing:10px;}
.nows{word-spacing:0;}




.eb{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:0.9em;letter-spacing:0.03em;text-decoration:none;padding-top:0.6em;padding-right:1.5em;padding-bottom:0.6em;padding-left:1.5em;transition:background-color 0.1s linear 0.1s;border:0;outline:0 none;}



.eb:hover,.eb:focus,.eb:active,#instalar:hover,#instalar:focus,#instalar:active{background-color:#1A1A1A;color:#ffffff;}


a{text-decoration:none;cursor:pointer;color:#000000;-webkit-tap-highlight-color:transparent;margin:0;font:0.9em/1.4em Arial;color:#000;letter-spacing:0.03em;}a:hover{text-decoration:none;outline:none;color:#705ECF;}a:active,a:focus{text-decoration:none;outline:none;color:#705ECF;}










.cr{text-align:center;width:90%;margin-right:auto;margin-left:auto;margin-top:0;color:#6C757D;text-align:center;padding-top:0px;padding-right:14px;padding-bottom:14px;padding-left:14px;}


.bt{width:100%;color:#FFF !important;padding-top:5px;padding-bottom:5px;margin:0;}

.cels,#p1,#p2,#p3,#p4,#p5,#primero,#segundo{animation:fadein 0.8s;}@keyframes fadein{from{opacity:0.5;}to{opacity:1;}}

.animate{animation:fadein 0.8s;}@keyframes fadein{from{opacity:0.5;}to{opacity:1;}}
















#p1,.form{margin-right:auto;margin-left:auto;width:400px !important;}
#p2,#p3,#p4,#p5,#pcat,.lista{margin-right:auto;margin-left:auto;width:900px;}




.svg{width:150px;padding:0px;margin-bottom:10px;}


.o{display:none;}





.bis{display:flex;flex-wrap:wrap;justify-content:center;width:900px;margin-right:auto;margin-left:auto;margin-top:0;padding:0;overflow-y:auto;height:auto;}








.textolong{
	overflow-y: auto;
	height: auto;
	border-top-width: 14px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 14px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 24px;	

	
	
}





.bi{background-color:#FFF;padding:0;width:146px;overflow:hidden;resize:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;transition:background-color 0.1s linear 0.1s;text-align:center;vertical-align:middle; position: relative;}
.bi:hover,.bi:active,.bi:focus{background-color:#705ECF;outline:none;}
.bir:hover,.bir:active,.bir:focus{background-color:#F52852;outline:none;}

.birama:hover,.birama:active,.birama:focus{background-color:#F9C125;outline:none;}



.img{width:100px;padding:0;margin-top:10px;margin-right:10px;margin-bottom:5px;margin-left:10px;}



#b1,#b2,#b3,#b4,#b6,#b7,#b8,#b9,#catb9,#prob9,#b9xx{margin-right:20px;}
#b1,#b2,#b3,#b4,#b5{margin-bottom:20px;}



#b10:hover,#b10:focus,#b10:active{background-color:#6C757D;}

#b10xx:hover,#b10xx:focus,#b10xx:active{background-color:#6C757D;}


#cd,#cd2,#cd3,#cd4,#cd5,#cf,#cfotro,.ajustable{margin-right:auto;margin-left:auto;margin-top:0;padding:0;overflow-y:auto;border-top-width:14px;border-right-width:14px;border-bottom-width:14px;border-left-width:14px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#FFF;border-right-color:#FFF;border-bottom-color:#FFF;border-left-color:#FFF;}











.sinresultados{height:100px;padding-top:25px !important;}



.ccs{display:flex;position:sticky;top:0;z-index:999;}
.cc{padding:10px;background:#705ECF;overflow:hidden;word-wrap:break-word;color:#FFF !important;border-top-width:2px;border-right-width:2px;border-bottom-width:4px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#FFF;border-right-color:#FFF;border-bottom-color:#FFF;border-left-color:#FFF;text-transform:capitalize;}

#cfotro{border-top-width:0; !important;}


.cc1{width:20%;}
.cc2{width:50%;}
.cc2a{width:80%;}
.cc3{width:30%;}





.cc1-100{width:20%;}
.cc2-200{width:40%;}
.cc3-300{width:40%;}

.cc2-200100{width:60%;}



.cu1{width:35%;}
.cu2{width:65%;}




.vr1{width:30%;}
.vr2{width:40%;}
.vr3{width:30%;}



.cierre1{width:30%;}
.cierre2{width:30%;}
.cierre3{width:40%;}



.cierrem1{width:25%;}
.cierrem2{width:35%;}
.cierrem3{width:40%;}






.cr1{width:32%;}
.cr2{width:38%;}
.cr3{width:30%;}






.cels{display:flex;}
.cel{background:#F0F2F7;border:2px solid #FFF;overflow:hidden;word-wrap:break-word;padding:10px;items:center justify-content: center;}
.cel:hover{background-color:#6C757D;cursor:pointer;color:#FFF;}






.cels:hover div:not(:hover){background-color:#6C757D;color:#FFF;}
.cels:focus div:not(:focus){background-color:#6C757D;color:#FFF;}













.tleft{text-align:left;}
.tcenter{text-align:center;}



.xxcels{display:flex;}
.xxcel{background:#F0F2F7;border:2px solid #FFF;overflow:hidden;word-wrap:break-word;padding:10px;items:center justify-content: center;}






.xcels{display:flex;}
.xcel{color:#CCCCCC;text-decoration:line-through;background:#F0F2F7;border:2px solid #FFF;overflow:hidden;word-wrap:break-word;padding:10px;items:center justify-content: center;}
.xcel:hover{background-color:#F0F2F7;cursor:auto;color:#CCCCCC;}
.xcels:hover div:not(:hover){background-color:#F0F2F7;color:#CCCCCC;}
.xcels:focus div:not(:focus){background-color:#F0F2F7;color:#CCCCCC;}



#menua{display:inline-block;}


.tachar{text-decoration:line-through;}
.tachar:hover,.tachar:focus{color:#FFF;}

.xtachar{text-decoration:line-through;}





.span{
	display: block;
	font-size: 0.8em;
	line-height: 1.3em;

}








/******estilos nuevos para el placebooooo*/



.place label{position:relative;display:block;}
.place label input,.place label textarea{box-sizing:border-box;display:block;transition:all 0.2s ease-in-out;}
.place label input::placeholder,.place label input::textarea{transition:all 0.2s ease-in-out;}
.place label input:focus,.place label input.populated,.place label textarea:focus,.place label textarea.populated{padding-top:12px;padding-bottom:12px;}
.place label input:focus::placeholder,.place label input.populated::placeholder,.place label textarea:focus::placeholder,.place label textarea.populated::placeholder{color:transparent;}
.place label input:focus + span,.place label input.populated + span,.place label textarea:focus + span,.place label textarea.populated + span{opacity:1;top:10px;}
.place label span{color:#FFF;position:absolute;top:10px;left:12px;opacity:0;display:block;background-color:#705ECF;font-size:0.8em;line-height:1.3em;padding:5px;border-radius:3px;transition:opacity 0.2s ease-in-out;box-shadow: 5px 5px 0 #F0F2F7;}


.place label span:hover{opacity:1;}





.place label div{box-sizing:border-box;display:block;transition:all 0.2s ease-in-out;}
.place label div::placeholder{transition:all 0.2s ease-in-out;}
.place label div:focus,.place label div:hover,.place label div.populated{padding-top:12px;padding-bottom:12px;}
.place label div:focus::placeholder,.place label div:hover::placeholder,.place label div.populated::placeholder{color:transparent;}
.place label div:focus + span,.place label div:hover + span,.place label div.populated + span{opacity:1;top:10px;}








#spcodigo,#spnombre,#spdescripcion,#spapellido,#spdni,#sptipo,#spmarca,#sptop,.bsp{
	cursor: pointer;
	transition: background-color 0.1s linear 0.1s;
	-webkit-tap-highlight-color: transparent;
	z-index:0;
	
}
#spcodigo:hover,#spnombre:hover,#spdescripcion:hover,#spapellido:hover,#spdni:hover,#sptipo:hover,#spmarca:hover,#sptop:hover,.bsp:hover{background-color:#1A1A1A;}
















.rotar{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


















.menu:after{
content:"Menú";
}





.sms{padding:10px;border:2px solid #FFF;text-align:left;float:left;width:100%;}
.spansms{display:block;font-size:0.9em !important;line-height:1.3em !important;padding-bottom:10px;}
.spansmstil{display:block;}










@media screen and (min-width:0px) and (max-width:319px){#en,#p{display:none!important;}#er{display:block;}}

@media screen and (min-width:320px) and (max-width:425px){
#p1,.form{width:93% !important;}



#p2,#p3,#p4,#p5,#pcat,.lista{width:100%;}
#er,#en,#b9,#catb10,#prob10,#menua,#stockb,#masb1,#soporte,#b10xx{display:none;}
.bt{font-size:0.85em !important;}
.bi{width:31.3%;}
.ba,.bis{width:93%;}
.img{width:75%;}
.tb{font-size: 0.9em;}
#b1,#b2,#b4,#b5,#b7,#b8{margin-right: 3%;}
#b3,#b6,#b10,#catb9,#prob9,#b9xx{margin-right:0;}
#b1,#b2,#b3,#b4,#b5,#b6{margin-bottom: 3%;}
#b7,#b8,#b10,#catb9,#prob9,#b10xx{margin-bottom:0;}
#catbm10,#probm10{display:inline-block;}
.cc1{width:20%;}.cc2{width:40%;}.cc3{width:40%;}
.eb{padding-right:1.3em;padding-left:1.3em;}

#menub,#alertasb,#masb2,#top,#barrasalir{display:inline-block;}
.menu:after{display:none;}
.menu:before{content:"\279C";display:inline-block;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.imglogo{width:100%;}


.cierre1{width:33%;}
.cierre2{width:22%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cierre3{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.cierrem1{width:30%;}
.cierrem2{width:25%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cierrem3{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}





#ica:before{content:"Inicio";}
#vce:before{content:"Efectivo";}
#vcd:before{content:"Débito";}
#vtc:before{content:"Tarjeta";}
#vcc:before{content:"Cuenta";}
#tv:before{content:"Ventas";}

.cc1-100{width:22%;}
.cc2-200{width:33%;}
.cc3-300{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.imgxmenu{width:30px;margin:5px;}




.badge{width:25px;height:25px;margin-top:10%;margin-left:65%;font-size:0.8em;}


}




@media screen and (min-width:320px) and (max-width:348px){
.minespa{padding-right:1em;padding-left:1em;}
}




/*LA NUEVA REGLA*/
@media screen and (min-width:320px) and (max-width:360px){#menu-mensajes-a{display:none;}#menu-mensajes-b{display:inline-block;}.minespab{padding-right:0.85em;padding-left:0.85em;}.wsb{word-spacing:5px;}}
@media screen and (min-width:361px) and (max-width:390px){.minespab{padding-right:0.9em;padding-left:0.9em;}.wsb{word-spacing:8px;}}
@media screen and (min-width:391px) and (max-width:445px){.minespab{padding-right:1.1em;padding-left:1.1em;}}





@media screen and (min-width:426px) and (max-width:600px){#er,#en{display:none;}
#p2,#p3,#p4,#p5,#pcat,.lista{width:100%;}
.bt{font-size:0.85em !important;}
.bi{width:22.7%;}
.ba,.bis{width:93%;}
.img{width:80%;}
.tb{font-size: 0.9em;}
#b9,#b10,#catb9,#catb10,#prob9,#prob10,#menua,#soporte,#b9xx,#b10xx{display:none;}
#salir,#catbm9,#catbm10,#probm9,#menub,#top,#anual,#barrabuzon{display:inline-block;}
#b1,#b2,#b3,#b5,#b6,#b7{margin-right: 3%;}
#b4,#b8{margin-right: 0;}
#b1,#b2,#b3,#b4{margin-bottom: 3%;}
#b5,#b6,#b7,#b8{margin-bottom:0;}
.cc1{width:20%;}.cc2{width:40%;}.cc3{width:40%;}

.imglogo{width:100%;}



.badge{width:25px;height:25px;margin-top:10%;margin-left:65%;font-size:0.8em;}

}



@media screen and (min-width:601px) and (max-width:899px){#er,#en{display:none;}
#p2,#p3,#p4,#p5,#pcat,.lista{width:100%;}
.bi{width:17.6%;}
.ba,.bis{width:93%;}
.img{width:80%;}


#b1,#b2,#b3,#b4,#b6,#b7,#b8,#b9,#catb9,#prob9,#b9xx{margin-right: 3%;}
#b1,#b2,#b3,#b4,#b5{margin-bottom:3%;}
.imglogo{width:100%;}


.badge{width:25px;height:25px;margin-top:10%;margin-left:65%;font-size:0.8em;}


}





@media screen and (min-width:400px) and (max-width:450px){
.cierre1{width:30% !important;}
.cierre2{width:30% !important;}
.cierre3{width:40% !important;}

}








@media screen and (min-height:0px) and (max-height:200px){#en,#p{display:none!important;}#er{display:block;}}


/*
@media screen and (min-height:201px) and (max-height:591px) and (display-mode: browser){
.bis{height:calc(100vh - 270px);}}
@media screen and (min-height:201px) and (max-height:591px) and (display-mode: standalone){
.bis{height:calc(100vh - 215px);}
}
*/

/*MENSAJES TOAST    justify-content:flex-start;*/
.mdtoast{align-items:center;background-color:#323232;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;font-family:Lato-Bold,Helvetica,Arial;font-weight:500;font-size:14px;justify-content:center;outline:none;padding:0 24px;pointer-events:auto;position:fixed;text-align:left;touch-action:auto;transform:translateY(0);transition:transform .23s cubic-bezier(0,0,.2,1) 0ms;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;z-index:100002}.mdtoast[data-position="bottom left"]{bottom:24px;left:24px}.mdtoast[data-position="bottom center"]{bottom:24px;left:50%;transform:translateY(0) translateX(-50%)}.mdtoast[data-position="bottom right"]{bottom:24px;right:24px}.mdtoast[data-position="top left"]{left:24px;top:24px}.mdtoast[data-position="top center"]{left:50%;top:24px;transform:translateY(0) translateX(-50%)}.mdtoast[data-position="top right"]{right:24px;top:24px}.mdtoast .mdt-message{align-items:center;box-sizing:border-box;display:flex;margin-left:0;min-height:48px;opacity:1;padding:8px 0;transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms}.mdtoast .mdt-message:after{content:"";font-size:0;min-height:40px}.mdtoast .mdt-action{align-items:center;background:#7D2CE0;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-weight:500;letter-spacing:.07em;margin:0 0 0 24px;min-height:35px;opacity:1;outline:none;padding:8px;text-decoration:none;transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms,background-color .15s linear}.mdtoast .mdt-action:focus,.mdtoast .mdt-action:hover{background-color:hsla(0,0%,100%,.075)}.mdtoast .mdt-action:active{background-color:hsla(0,0%,100%,.15)}.mdtoast.mdt--load{transition:transform .23s cubic-bezier(.4,0,1,1) 0ms}.mdtoast.mdt--load[data-position*=bottom]{transform:translateY(150%)}.mdtoast.mdt--load[data-position*=top]{transform:translateY(-150%)}.mdtoast.mdt--load .mdt-action,.mdtoast.mdt--load .mdt-message{opacity:0}.mdtoast.mdt--interactive{padding-right:16px}.mdtoast.mdt--interactive.mdt-message{margin-right:auto}

.mdtoast.mdt--info{background-color:#705ecf}
.mdtoast.mdt--error{background-color:#C90E45}
.mdtoast.mdt--warning{background-color:#ef6c00}
.mdtoast.mdt--success{background-color:#008747}

@media (min-width:600px){.mdtoast{border-radius:0px;max-width:568px;min-width:600px}.mdtoast.mdt--load[data-position="bottom center"]{transform:translateY(150%) translateX(-50%)}.mdtoast.mdt--load[data-position="top center"]{transform:translateY(-150%) translateX(-50%)}}@media (max-width:599px){.mdtoast{font-size:14px;left:0!important;max-width:100%;right:0!important;transform:translateY(0)}.mdtoast[data-position*=bottom]{bottom:0;transform:translateY(0)}.mdtoast[data-position*=top]{top:0;transform:translateY(0)}.mdtoast.mdt--load{transform:translateY(100%)}}body.mdtoast--modal{pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}