html body{
	font-family: 'Roboto', sans-serif;
	overflow:hidden;
	height: 120vh !important;
}
#menu-dinamic{
	display:none;
}
.header-btn{
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items:center;
}
.alert-sistem{
	width:40%;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor: pointer;
}
.point-alert{
	width:25px;
	height:25px;
	border-radius: 50%;
	background-color:orange;
	margin-right: 5px;
}
#loading_view{
	position: fixed;
	width: 90%;
	height: 90vh;
	display:flex;
	justify-content:center;
	align-items: center;
	backdrop-filter: blur(10px);
	z-index: 9999;
	margin-top:12vh;
}
.cke_contents{
	height:550px !important;
}
hr{
	border:1px;
}
.right-login{
	height:	100vh;
	display:flex;
	align-items:center;
}
.left-login{
	height:	100vh;
	background-color: #005dc4;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230153aa' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.container{
	width: 100%;
	height:100vh;

	display:flex;
	justify-content:center;
	align-items:center;
}
#form-admin-login{
	width:70%;
	border-radius:30px;
	padding:2vh;
	margin:auto;
}
.menu-left{
	height:	100vh;
	transition: 0.6s;
}
.menu-left section {
	background-color: #fff;

	display:flex;
	flex-direction: column;					
	justify-content: space-between;	
	align-items:center;
	position:fixed;
	left:0;
	transition: 0.6s;
}
.menu-left button {
	background-color:transparent;
	border:none;
	color:#8A8989;
	transition:0.6s;
	display: flex;
	align-items:center;
	justify-content:space-between;
}
.menu-left button span{
	display:none;
}

.menu-left button:hover{
	color:#21649E;
	cursor:pointer;
}
.view-content{
	height:	100vh;
	padding-left:1vh !important;	
}
.header-admin{
	background-color:#fff;
	border-bottom-left-radius:	15px;
	position:fixed;
	width:92%;
	padding:1vh;
	z-index: 7;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.header-admin div{
	height:	100%;
	display:	flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.header-admin div button{
	background-color:transparent;
	border:none;
	color:#8A8989;
}
#view_P{
	margin-top:15vh;
	padding:1.5vh;
	padding-left:2vh;
	border-top-left-radius: 5px;
	height:90vh !important;
	overflow-y: scroll;
}
.box{
	background-color: #FFFFFF;
	border-radius:15px;
	padding: 1vh;
	border: 1px solid #ccc;
}
.box-prod-admin{
	background-color:#fff;
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	align-items:center;
	margin-top: 2vh;
	border-bottom:2px solid #f1f1f1;
}
.product-content{
    width: 224px;
    height: 323px;
    background-color: #fff;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    margin: 0.7rem;
    cursor: pointer;
    overflow-x:hidden;
}
.container-temas{
	width: 100%;
	overflow-x: hidden;
}
.box-temas{
	background-color: rgb(236, 236, 236);
	border-radius:10px;
	min-width: 250px;
}
.btnqt{
    width: 30px;
    height: 30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    border: 1px solid #333;
}
.product-content h1{
    font-size:18px;
}
.product-content h2{
    font-size:25px;
    font-weight: 450;
}
.container-prod{
    display:flex;
    flex-direction:row;
    max-width: 100%;
    overflow:hidden;
    scroll-behavior: smooth;
}
.grafico-dash{
	height:385px;
	background-color:#F1F1F1;
	border-radius:10px;
	margin-bottom:4vh;
}
.fat-admin{
	border:3px solid #f1f1f1;
}
.fat-admin h3{
	font-size:16px;
}
.fat-admin h1{
	font-weight:bold;
	font-size:28px;
	color:#21659C;
}
.alert{
	width:90%;
	font-size:18px;
	text-align:center;
	border-radius: 10px;
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.alert-danger{
	background-color:#CC3300;
	color:#fff;
}
#header-login{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding-top:2vh;
	padding-bottom: 2vh;
	transition: 0.6s;
}
.img-ilustration{
	border-top-left-radius: 150px;
    border-bottom-right-radius: 180px;
    bottom: 18vh;
    position: absolute;
}
.drop-login{
	position: absolute;
	top: 2vh;
	right: 2vh;
	background-color:transparent;
}

#header-login img{
	margin-bottom:2vh;
}
.checkbox-blue[type="checkbox"].filled-in:checked + span:not(.lever):after {
	border: 2px solid #1E669C;
	background-color: #1E669C;
}
/* label focus color */
.input-field input:focus + label {
	color: #2196f3  !important;
  }
  /* label underline focus color */
  .row .input-field input:focus {
	border-bottom: 1px solid #2196f3 !important;
	box-shadow: 0 1px 0 0 #2196f3  !important
  }

#cad-prod{
}
#step3Form{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#galery-image-product{
	position:absolute;
	top:5vh;
	width:100%;
	left:0px;
	height:40vh;
	background-color:rgba(111,111,111, 0.6);
	display:none;
	z-index: 9999999999999999999999;
	justify-content:center;
	align-items:center;
}
span.active{
	background-color: #00c853;
	padding: 1vh;
	border-radius: 10px;
	color:#fff;
}
span.disabled{
	background-color: #bdbdbd;
	padding: 1vh;
	border-radius: 10px;
	color:#333;
}
.preview-container-img{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	margin:2vh;
}
.preview-container-img img{
	border:2px solid #f2f2f2;
	border-radius:10px;
	transition:0.6s;
}
.preview-container-img img:hover{
	border: 3px solid #2196f3;
	cursor:pointer;
}
#logoempresa{
	cursor:pointer;
}
.modal{
	transition:0.8s !important;
}
.container-tags{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
}
.container-tags div{
	width:50%;
}
.box-pedidos{
	display:flex;
	justify-content:center;
	align-items:center;
}
.box-pedidos p{
	font-size:18px;
	line-height: 2;
	font-weight: 500;
}
.box-alerta{
    width: 75%;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    padding:1vh;
    margin: 2vh;
}
.inputV{
	border-radius:5px !important;
	background-color:#fff !important;
	border:1px solid #ccc !important;
}
.box-ped-st{
	width: 360px;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border:1px solid #ccc;
	transition:0.6s;
}
box-ped-st div h2{
	font-size:18px;
}

.container-page-product{
	width:100% !important;
	margin-top: 2vh;
	background-color: #fff;
	padding:1vh;
	border-radius:10px;
	cursor: pointer;
	margin-left: auto !important;
	margin-right: auto !important;
}
.deskcontainerproduct{
	display:flex;
	flex-direction:row;
}
.btndesk{
	display:flex !important;
	flex-direction:row !important;
	justify-content:space-around !important;
}
.notifica-effect{
	transition:0.6s;
}
#categoria-pai{
    display:none;
}
.notifica-effect:hover{
	background-color: rgba(0,0,0,0.2);
}
#mail_dropdown{
	width:200px !important;
}
#notifications{
	width:400px;
	height:60vh;
	position:fixed !important;
	backdrop-filter: blur(10px);
	top: 100px;
	right:2vh;
	display:none;
	background-color: rgba(255,255,255,0.5);
	overflow-y:auto !important;
}
.container_notifica{
	display:flex !important;
	flex-direction:column !important;
	border-bottom: 1px solid #000;
	height:120px !important;
	transition: 0.6s;
	cursor:pointer;
}
.container_notifica:hover{
	background-color: rgba(000,000,000, 0.5);
}
.container_notifica h1{
	font-size:18px;
	font-weight:600;
}
.container-left-chat{
	transition: 0.6s;
}
.container-left-chat{
	background-color: #fff;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	margin-top: 1vh;
}
.chat-input textarea{
    width: 100%;
    background-color: #fff;
    border:0;
}
.chat-input{
    display:flex;
    flex-direction:row;
    align-items:center;
    background-color:#f9f9f9;
}
.chat-input button{
    display:flex;
    justify-content:center;
    align-items:center;
}
.chat-content{
    height:60vh;
    overflow-y: auto;
}
.chat-container{
	width:80%;
	margin:auto;
	padding: 1.5vh !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1007' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1007' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1002'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1004'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1001'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1005'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1003'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1006'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1007'%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='30' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='30' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='30' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='30' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='30' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='30' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='90' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='90' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='90' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='90' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='90' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='90' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='90' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='90' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='150' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='150' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='150' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='150' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='150' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='150' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='150' y='570' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='210' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='210' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='210' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='210' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='210' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='210' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='210' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='210' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='210' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='210' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='270' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='270' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='270' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='270' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='330' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='330' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='330' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='330' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='330' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='330' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='390' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='390' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='390' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='390' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='390' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='390' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='390' y='570' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='450' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='450' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='450' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='450' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='450' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='450' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='510' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='510' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='510' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='510' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='510' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='570' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='570' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='570' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='570' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='570' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='570' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='570' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='630' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1006' x='630' y='90' stroke='%231c538e' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='630' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='630' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='630' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='630' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='630' y='570' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1004' x='690' y='30' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='90' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='150' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='210' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='270' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1003' x='690' y='330' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1005' x='690' y='390' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1002' x='690' y='450' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='510' stroke='%231c538e'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1001' x='690' y='570' stroke='%231c538e'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");
	border-radius:10px;
}
.chat-box-active{
	background-color: #1976d2;
}
.container-left-chat{
	transition:0.6s;
}
.boxchatadmin{
	border-radius:10px;
}
.vmSyncdiv{
	width:20%;
	text-align: center;
	transition:0.6s;
	overflow:hidden;
}
.vmSyncdiv:hover{
	background-color:#f3f3f3;
	cursor:pointer;
}
#modal-footer-sync{
	display:flex;
	justify-content:flex-end;
	position: fixed;
	bottom: 0;
}
.produtosselect{
	display:flex;
	flex-direction:row;
	float:left;
	align-items:center;
	justify-content:center;
	visibility: hidden;
}
.produtosselect b{
	margin-right: 2vh;
}
.check-integration{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.divLoading-vm{
	width:100%;
	height:650px;
	backdrop-filter: blur(10px);
	position: absolute;

	display:none;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	z-index: 9;
	transition:0.6s;
}
#modalsync{
	overflow: hidden !important;
}
#result-sync{
	height: 500px;
}
#result-sync label{
	width: 100%;
}
#result-sync label b{
	float: right;
	font-size:20px;
	font-weight:500;
}
.card-product{
	height:250px;
}
.imageproduct-card{
	height:250px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
	justify-content: center;
}
.box-product{
    min-width:320px;
    width: 359px;
    max-width:359px;
    position: relative;
    margin-right: 2vh;
    cursor: pointer;
    padding:1vh;
    border-radius:15px;
    background-color:#fff;
}
.box-product img{
    max-width: 100%;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.box-product button{
    background-color:transparent;
    border:none;
    color: #333;
    float:right;
    margin-top: 1vh;
}
.box-product h2{
    margin-top:1vh;
    font-family: 'Jost', sans-serif;  
    font-size: 18px;
}
.box-product p{
    font-size:20px;
    color: #333;
    font-family: 'Jost', sans-serif;  
}
.box-product a{
    text-decoration: none;
    color: #333;
    font-size:17px;
}
.card-action{
	color: #005dc4 !important;
}
.img-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
   
.img-wrapper img{
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.img-wrapper:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.boxstep{
	height:120px;
}
.card-dash{
	width:80%;
	border-bottom:2px solid rgb(235, 235, 235);
	height:100px;
	border-radius:15px;
	background-color:#fafafa;

	display:flex;
	justify-content: center;
	align-items: center;
}

.card-dash > div > i{
	color: #90b1ce;
}
.container-msg{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.container-msg p {
	padding:2vh;
	border-radius:10px;
	margin:1vh;
}
.msg-primary{
	justify-content:flex-end;
	color:#fff;
}
.msg-primary p {
	background-color: rgba(28, 24, 250, 0.6);
}
.msg-secundary{
	justify-content:flex-start;
	color:#fff;
}
.msg-secundary p {
	background-color: rgba(219,219,219, 0.6);
}
.card-pedidos-home{
	border-radius:20px;
	height:250px;
	padding:1vh;
}
.titulo-dash{
	font-size:28px;
	color:#004896;
}
.card-saldo-home{
	width:70%;
	margin:auto;
	padding:1.5vh;
	border-radius:20px;
}
.image-circle{
	border-radius:50%;
}
.shadow_image{
	-webkit-box-shadow: 2px 4px 15px 5px rgba(0,0,0,0.15); 
box-shadow: 2px 4px 15px 5px rgba(0,0,0,0.15);
}
.badgeVm{
	padding:1vh;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f1f1f1;
	width:90%;
	margin:auto;
	font-size:18px;
	text-transform:uppercase;
	height:66px;
}
.header-mobile{
	display:none;
}
.extend-menu-mobile{
	display:none;
}
.close-modal{
	background-color:rgba(000,000,000, 0.8);
	position:fixed;
	width:100%;
	height:100vh;
	z-index:999;
	display:none;
}
.card-config-vm{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}
.card-config-vm input[type=color]{
width:120px;
height:80px;
}
.btn-chat-admin{
	border-radius: 50% !important;
    height: 60px !important;
    width: 60px !important;
    font-size: 30px !important;
    cursor: move !important;
    background-color: rgba(25,91,143, 0.8) !important;
    color: #f1f1f1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 2vh !important;
	position: fixed;
	bottom: 2px;
	right: 2vh;
	z-index:900000;
	border:none;
}
.btn-drop{
	border:none;
	background-color: transparent;
	color:#333;
}
.container-status-check{
	background-color: #f1f1f1;
	border-radius:10px;
	margin-top:2vh;
	display:none;
}
.btn_box_add{
	border-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:none;
	float:right;
	background-color:#fff;
}
.btn_box_add i{
	font-size:30px;
	color: #025091;
}
.container-box-home{
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
	padding:2vh;
	margin-top:4vh;
	border-radius:8px;
}
.container_campain{
	width: 100%;
}
.container_banner_preview{
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.container_banner_preview img{
	border-radius: 50%;
	margin-left: -4vh;
}
.container_content_campain h1{
	font-size: 18px;
}
.container_status_campain h2{
	font-size: 18px;
	font-weight: bold;
}
#modal_campain{
	width: 90% !important;
	height: 90vh !important;
	top: 5% !important;
}
.li_drop_prod{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
}

.li_drop_prod > button{
	background-color: transparent;
	border:none;
	font-size:18px;
}
.card_page_in{
	min-width: 250px;
	padding:0 !important;
	margin-left: 2vh;
	cursor:move;
}
.btn-del-product-home{
	background-color: transparent;
	border:none;
	font-size:18px;
	float:right;
	margin-right: 1vh;
}
#modal_add_product_box{
	max-height: 85% !important;
	height: 85% !important;
}
.slide_dash{
	width: 90% !important;
	max-height: 240px;
	border-radius: 18px;
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.56);
	-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.56);
	box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.56);
}
.slide_dash > div{
	width: 90%;
	height: 100%;
}
.container_geral_person_chat{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1vh;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	background-color: #fff;
}
.container_geral_person_chat > img{
	width: 30%;
	height: auto;
	border-radius: 50%;
}
.container_geral_person_chat > div{
	width:70%;
}
#list-conversas{
	height: 400px;
	max-height: 400px;
	overflow-y: auto;
}
.container_list_conversas_all{
	display:none;
	height: 400px;
	max-height: 400px;
	overflow-y: auto;
}
.container_conversas{
	padding:1vh;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.25);
}
.container_chat_content_default{
	height: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	background-color: rgba(000,000,000, 0.5);
	width:80%;
	margin:auto;
	margin-top: 4vh;
	padding:1vh;
}
.container_chat_content_default > i{
	font-size: 55px;
	color:#f5f5f5;
}
.container_chat_content_default > h1{
	font-size: 20px;
	color:#f1f1f1;
	text-transform: uppercase;
}
.container_chat_content_default > h2{
	font-size: 16px;
	color:#f5f5f5;
	text-transform: capitalize;
}
.img_gen_sistem{
	width: 70px;
	height: 70px;
	border-radius:50%;

	display:flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size: 35px;
	font-weight: 100;
}
.chip_atendente{
	display: flex;
	justify-content: center;
	align-items: center;
}
#drop_notification{
	z-index:1000000 !important;
	border-radius:10px;
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);	
	width:400px !important;
	padding: 1.5vh;
}
#drop_notification > li > a > h1{
	font-size:18px;
}
#drop_conta{
	display:none;
	width:350px;
	background-color: #fff;
	border-radius: 10px;
	padding:1.5vh;
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);
	position: absolute;
	top:65px;
	right:35px;
}
#drop_conta > li{
	height: 55px;
}
.shadow_vm{
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);
}
.box_atividades{
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 25%);
	border-radius: 8px;
	background-color: #fff;
}
.collapsible-body{
	background-color:#fff !important;
}
.content_status{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor:move;
	padding:1.5vh;
}
.content_status > img{
	width: 20%;
}
.content_status > section{
	width: 80%;
}
.container_status{
	width: 25%;
	margin-left: 10px;
	height:70vh;
	max-height: 70vh;
	background-color: rgba(0,0,0,0.2);
	border-radius: 5px;
	padding:1vh;
	transition: 0.8s;
	overflow-y: auto;
}
.container_status:hover{
	background-color: rgba(0,0,0,0.6);
}
.container_atendimento{
	background-color: #e5ddd4;
	padding:1.5vh;
	user-select: none;
}
.title_status{
	font-size:22px;
	text-transform: capitalize;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding:1vh;
	background-color: transparent !important;
	color: #fff;
}
.con_st{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.container_chat{
	width:380px;
	position: fixed;
	bottom: 0px;
	right: 200px;
}
.content_header{
	width:100%;
	height: 40px;
	background-color: #CC3300;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.content_msg{
	height: 400px;
	background-color: rgba(0,0,0,0.15);
	display: none;
}
.content_text{
	height: 80px;
	background-color: #fff;
	display: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.content_text textarea{
	height: 100%;
	width: 88%;
}
.content_text button{
	height: 45px;
	width: 45px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border:none;
	font-size:33px;
}
.msg_chat_vm{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.msg_chat_vm_recept{
	background-color: #ccc;
	justify-content: flex-start;
	align-items: center;
	width:fit-content;
	max-width: 80%;	
	padding:1.5vh;
	margin-top: 2vh;
	border-radius: 10px;
}
.msg_chat_vm_send{
	background-color: #cf1c1c;
	justify-content: flex-start;
	align-items: center;	
	color:#fff;
	width:fit-content;
	max-width: 80%;
	padding:1.5vh;
	margin-top: 2vh;
	border-radius: 10px;
}
.container_msg_modal{
	width:100%;
}
.modal_header{
	width: 100%;
	background-color: #ccc;
	height: 50px;
}
.con_msg_chat{
	height: 200px;
}
.more_op_card{
	border:none;
	background-color: transparent;
	font-size: 30px;
	color:#fff;
}
.menu_rapi_item{
	width:90%;
	margin:auto;
	background-color: #fff;
	padding:2vh;
	border-radius: 10px;
}
.list_menu_rap{
	margin-top: 3vh;
}
.list_menu_rap >li{
	margin-top: 5vh;	
}
p{
	line-height: 1.5;
}
#contentProduct td{
	text-align: center !important;
}
@media only screen and (max-width: 1600px) {
	#view_P{
		margin-top:15vh;
	}
}
.avatar_contain{
	width: 40px;
	height: 40px;
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color:#fff;
}
#descricao_comp{
	height: 320px !important;
}
.container_order_progress{
	width: 100%;
}
.container_order_progress ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.container_order_progress ul li{
	width: 31%;
	border-bottom: 4px solid #333;
	cursor: pointer;
}
.container_order_progress ul li i{
	font-size: 35px;
}
.container_order_progress ul li h2{
	font-size: 18px;
	font-weight: bold;
}
.container_order_progress ul li h3{
	font-size: 16px;
	font-weight: bold;
}
.order-step-pen{
	color: #898989 !important;
	font-weight: bold !important;
	border-bottom: 4px solid #FF9800 !important;
}
.order-step-ok{
	color: #4CAF50 !important;
	border-bottom: 4px solid #4CAF50 !important;
}
.btnpendencias{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f1f1f1;
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 2vh;
}
#dropstatus{
	width: 350px !important;
	margin-top: 7vh !important;
}
#dropstatus li a{
	width: 350px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 2vh;
	color: #333 !important;
}
.container_icon_pagamento_status{
	width: 75px;
	height: 75px;
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;
}
.status_domain_ok{
	padding: 1vh;
	border-radius: 10px;
	background-color: green;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.status_domain_not{
	padding: 1vh;
	border-radius: 10px;
	background-color: red;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container_logo_pay{
	height: 40vh;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.container_logo_generate{
	height: 40vh;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* HTML: <div class="loader"></div> */
.loader {
	width: 100px;
	aspect-ratio: 1;
	padding: 10px;
	box-sizing: border-box;
	display: grid;
	background: #fff;
	filter: blur(5px) contrast(10) hue-rotate(300deg);
	mix-blend-mode: darken;
  }
  .loader:before,
  .loader:after{ 
	content: "";
	grid-area: 1/1; 
	width: 40px;
	height: 40px;
	background: #2e00b8;
	animation: l7 2s infinite;
  }
  .loader:after{ 
	animation-delay: -1s;
  }
  @keyframes l7{
	0%   {transform: translate(   0,0)}
	25%  {transform: translate(100%,0)}
	50%  {transform: translate(100%,100%)}
	75%  {transform: translate(   0,100%)}
	100% {transform: translate(   0,0)}
  }
.icons_logopay{
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.icons_logopay div{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(25, 118, 210, 0.6);
	color: #fff;
}
.icons_logopay i{
	font-size: 33px;
}
@media only screen and (max-width: 600px) {
	.container_order_progress ul li{
		width: 100%;
		border-bottom: 4px solid #333;
	}
	.left-login > img{
		width:99%;
		margin:auto;
	}
	.right-login{
		width:100%;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 1.5vh;
		position: absolute;
		top: 20vh;
		background-color: #fff;
		left:0.5vh;
	}
	#modal_campain{
		width: 99% !important;
		height: 95vh !important;
	}
	.container_banner_campain button{
		width: 40px;
	}
	.extend-menu-mobile{
		position:absolute;
		background-color:rgba(255,255,255,0.8);
		width:100%;
		top:80px;
		left:0;
	
		display:none;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	
		padding:1vh;
		z-index:999999999;
	}
	
	.extend-menu-mobile section button{
		background-color: transparent;
		border:none;
		color:#333;
	}
	.header-admin{
		display:none;
	}
	#view_P{
		margin-top:0 !important;
	}
	.header-mobile{
		height:80px;
		background-color:red;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	#form-admin-login{
		width:95%;
	}
	.card-pedidos-home{
		margin-top:3vh;
	}
	.rowdashmobile{
		display:flex;
		flex-direction:column-reverse;
	}
	.card-saldo-home{
		width:100% !important;
	}
	.btn-hamb-mobile{
		position:absolute;
		right: 2vh;
		top: 2vh;
		background-color:transparent !important;
		border:none;
		color:#fff;
	}
	.header-admin{
		width:100% !important;
		background-color: #004896;
	}
	.menu-left{
		display:none !important;
	}
	.btn-hamburger-mobile{
		display:block !important;
		background-color:transparent !important;
		border:none;
		color:#333;
		margin-left: 4vh;
	}
	.view-content{
		width:100% !important;
		padding:0 !important;
		padding-left: 0 !important;
	}
	#slide-out2 i{
		font-size: 28px;
	}
	.box-pedidos{
		border-radius:20px;
		margin-top: 2vh;
	}
	#pesquisa-pedido{
		width:100% !important;
	}
	.box-ped-st{
		margin-top: 2vh;
	}
	.container-page-product{
		width:100% !important;
		margin-top: 4vh;
		background-color: #fff;
		padding:1vh;
		border-radius:10px;
	}
}