@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
body,html{height: 100%;}
body{font-family: 'Open Sans', sans-serif;padding-top: 0rem; font-size: .9rem; background: #5f6b7b url(../img/back.jpg) no-repeat fixed;background-size:cover}
/*::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:#3e9dd4;border-radius:5px;}
::-webkit-scrollbar-track{background:#292b40;}
*/
input:focus,select:focus,textarea:focus,button:focus{outline:none}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#4682a7;border-radius:8px;}
::-webkit-scrollbar-track{background:#b7b7b7;}

	a{text-decoration:none}
:root {
  --teal-050: #effcf6;
  --teal-100: #c6f7e2;
  --teal-200: #8eedc7;
  --teal-300: #65d6ad;
  --teal-400: #3ebd93;
  --teal-500: #27ab83;
  --teal-600: #199473;
  --teal-700: #147d64;
  --teal-800: #0c6b58;
  --teal-900: #014d40;

  --blue-grey-050: #f0f4f8;
  --blue-grey-100: #d9e2ec;
  --blue-grey-200: #bcccdc;
  --blue-grey-300: #9fb3c8;
  --blue-grey-400: #829ab1;
  --blue-grey-500: #627d98;
  --blue-grey-600: #486581;
  --blue-grey-700: #334e68;
  --blue-grey-800: #243b53;
  --blue-grey-900: #102a43;
  
  --anual:#a4bdfc;
  --Atividades:#fbd75b;
  --reunioes:#ffb878;
  --salaAula:#46d6db;
  
  --eventos: #0a0a0a;
}
.ico-criar-fatura{
	width:15.5px;
	height:11.5px;
	background:url(../img/ico-criar-fatura.svg) no-repeat center;
	background-size:contain;
	display:inline-block;
}
.ico-ver-fatura{
	width:15.5px;
	height:11.5px;
	background:url(../img/ico-ver-fatura.svg) no-repeat center;
	background-size:contain;
	display:inline-block;
}
.site{
	height:100%;
	padding-top:0;
	position:relative
}
.contain{padding-top:1rem;padding-bottom: 1rem;}
.Home{padding-top:1rem}
.Home .h4{font-size:.9rem!important;text-align:center;font-weight:600}
.Home .caixa{border-color:#080808;width:100%;padding: 0;}
.Home .tt{text-align:center;font-weight:600;display:block;padding:5px 0;font-size:1.1rem}
.Home .tt2{text-align:center;font-weight:600;display:block;padding:5px 0;font-size:1rem;color:#728F9E}
.Home .thumb{width:100%;height:auto;}
.Home .botoes{display:grid;padding: 10px;}
.Home .botoes .btn{margin-bottom:10px;}
.conteudo{
	width: 100%;
    /* margin: 0 auto; */
    max-width: 100%;
   /* margin-left: 200px;*/
   padding:0 1rem 
}
.cabecalho{	
	background:linear-gradient(64deg, #21283e, #145983);
	background:-webkit-linear-gradient(64deg, #21283e, #145983);
	background:-mos-linear-gradient(64deg, #21283e, #145983);
	background:-o-linear-gradient(64deg, #21283e, #145983);
	width:100%; height: 56px;
    /*border-bottom: solid 4px #080808;*/
}
.cabecalho .logo{
	width: 121px;
    left: 0;
    display: block;
    align-items: center;
    text-align: center;
    margin: 0px auto;
    padding-top: 4px;
}
.cabecalho .logo img{width: 100%!important}
.cabecalho .menu-topo-text{z-index:1;display:none;padding-top:0;position:absolute; top: 56px; background: #333;left:0;right:0}
.cabecalho .menu-topo-text li{
	display:block;
	margin:0 5px;
	padding:0 13px;
	line-height:1.9rem
}
.cabecalho .menu-topo-text li:first-child{
	margin-left:10px;
}
.cabecalho .menu-topo-text li a{
	color:#fff;
	font-size:.9rem;
}

.cabecalho .menu-topo-text .sub:before
{
	    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right:0px;
    top: 14px;
    border-radius: 3px;
}

.cabecalho .menu-topo-text .sub {position:relative}
.cabecalho .menu-topo-text .sub .thumb{height:50px;display:flex;align-items: center;color: #fff;}
.cabecalho .menu-topo-text .sub .thumb img{height: 40px; border-radius: 100px; padding: 4px;}
.cabecalho .menu-topo-text .sub .thumb span{display:none}
.cabecalho .menu-topo-text .sub a{color:#fff;}
.cabecalho .menu-topo-text .sub ul, 
.cabecalho .menu-topo-text .usuario .sub ul{
	width: 174px;
	right:-5px;
	position:absolute;
	background: #ffffff;
    border: solid 1px #424251;
	border-radius:5px;
	display:none!important;
	/*opacity:0;*/
	transition:all .5s linear;
	margin-top:0px;
	z-index:1;
    box-shadow: 0 0 5px 0 #00000047;
	/*visibility:hidden;*/
	
}
.cabecalho .menu-topo-text .sub:hover ul,.cabecalho .usuario .sub:hover ul
{
	opacity:1;
	transition:all .5s linear;
	margin-top:0px;
	/*visibility:visible;*/
	display:block!important
}

.cabecalho .menu-topo-text  .sub li{
	display:block!important;padding:0;margin:0
}
.cabecalho .menu-topo-text  .sub li a{
	display:block;
	padding:0 .5rem;
	color:#424251;
	font-size:.8rem;
	transition:all .5s linear;
}
.cabecalho .menu-topo-text .sub .usuario li a{
	color:#424251!important;
	text-align: left;
    font-size: .95rem;
	padding: 0.35rem 0.5rem;
}
.cabecalho .menu-topo-text  .sub li a:hover{
	background:#e1e1e1;
	color:#5fafd3;
	transition:all .5s linear;
}
/**/


.cabecalho .menu-topo-text .sub .op_sub{
	position:relative;
}
.cabecalho .menu-topo-text .sub .op_sub:hover ul.submenu{
	opacity:1;
	transition:all .5s linear;
	margin-top:0px;
	visibility:visible
}
.cabecalho .menu-topo-text .sub .op_sub>ul.submenu{
	visibility:hidden;
	opacity:0;
	right:-150px;
	top:0;
}
.cabecalho .menu-topo-text .sub .op_sub:after{
    position: absolute;
    border: solid 5px transparent;
    border-left: solid 5px #fff;
    content: "";
    right: 0px;
    top: 9px;
    border-radius: 4px;
}

/*usuario*/
.cabecalho .usuario {display:block;text-align:right; min-width: 14%;}
.cabecalho .usuario li{ display:block}
.cabecalho .usuario li label{position:relative; display:block;color:#fff;cursor:pointer}
.cabecalho .usuario li label:after{
    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right: -14px;
    top: 9px;
    border-radius: 4px;
}
.cabecalho .usuario li label i{color:#ffffffcf;font-size: 1.2rem;border: solid 2px #ffffffcf; width: 30px;height: 31px;text-align: center;border-radius: 50px;padding: 0.2rem;}

/*menu-esquerdo*/
.menu-esquerdo ul::-webkit-scrollbar{width:5px;height:5px}
.menu-esquerdo ul::-webkit-scrollbar-thumb{background:#3e9dd4;border-radius:5px;}
.menu-esquerdo ul::-webkit-scrollbar-track{background:#292b40;}
.menu-esquerdo ul,#caixa_user ul{display:block;text-align:center; max-height: 80vh;  overflow-y: auto;}
.menu-esquerdo ul li,#caixa_user ul li{text-align:center;display:block;margin:7px 1rem;text-transform: uppercase;}

.menu-esquerdo ul li a{  
	width:100%;
	display: block;
    padding: 7px 0.5rem;
    background:none;
    font-size: .9rem;
    border-radius: 5px;
    color: #fff;
    transition: all .3s linear;
    align-items: center;
	cursor:pointer;
	font-weight:400;
	position:relative
	}

.menu-esquerdo ul li a:hover,#accordion h3:hover
{ margin-left:10px;transition:all .3s margin;color:#fff}
.menu-esquerdo ul a:hover i.fas,#accordion h3:hover i.fas{ color:#fff}
.menu-esquerdo ul li i.fas,#caixa_user ul li i.fas{text-align: center; font-size: 1.23rem; display: block;margin-right: 5px;color:#FF9326}
.menu-esquerdo .form-campo{	border:solid 1px #348994;padding-left:9px}
#principal,
.principal{
	width: 100%;
    bottom: 0;
	top:0;
	left:0;
	right:0;
    transform: translateX(0px);
    transition: .3s linear;
	display:none;
	position:fixed;
	background:#000000b8;
	    z-index: 1;
	}
.principal{background: #21928e!important;}
.not{background:#fb4040;color:#fff;width:20px;height:20px;position:absolute;right:5px;border-radius:50px;display:grid;text-align:center;align-items:center}
.principal .menu-esquerdo ul li{border-bottom: solid 1px #ffffff30;}
.principal .menu-esquerdo ul li a,
.principal .menu-esquerdo ul li i.fas{color:#fff}
/*#chx:checked ~ #principal{transform: translateX(0);transition:  .3s linear;}           */
/*#chx:checked ~ .centro{transform: translateX(0);transition:  .3s linear;width:80%;}    */
.mobmenu {
    position: absolute;
    left: 10px;
    top:8px;
    font-size: 1.8rem;
    color: #fff;
}

.Home .atalhos li{	display:block;line-height:1.8rem}
.Home .migalha{	display:flex;justify-content:center;height:40px;align-items:center;color:#fff;margin-bottom:1rem}
.Home .migalha .mp1
{
	padding:0 30px;position:relative;z-index:1;width: 26%;
}
.Home .migalha .mp1:before
{
	position: absolute;
    width: 150%;
    height: 2px;
    background: #9eb8c3;
    left: -68px;
    top: 12px;
    content: "";
}
.Home .migalha .mp1 span
{
	padding: 4px 9px;
    width: 26px;
    height: 26px;
    background:#9eb8c3;
    color: #21928ebd;
    border-radius: 50%;
    display: inline-block;
	z-index: 1;
	position:relative;
	margin-right: 6px;
	font-weight:700
}
.Home .migalha .mp1.ativo span{  background: #32c0ff;color:#fff; box-shadow: 1px 0px 0px 1px #21928e;-moz-box-shadow: 1px 0px 0px 1px #21928e;-ms-box-shadow: 1px 0px 0px 1px #21928e;}
.Home .migalha .mp1.ativo small{  color: #fff;background: #32c0ff; padding: 2px 9px 2px 0; border-radius: 10px;}
.Home .migalha .mp1.ativo:before{background:#32c0ff}
.Home .migalha .mp1 small{ text-transform:uppercase;z-index: 1;position:relative;background: #21928e; padding: 0 9px;color:#9eb8c3}
.Home .novoAdd{
	position:fixed;
	right: 30px;
    bottom: 30px;
    font-size: 3rem;
}
.caixa{
	width: 100%;
    max-width: 100%;
	background: #ffffff;
    border: solid 1px #cad5e1;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius:4px;
	min-height:calc(100vh - 90px)
}
.caixa.alt{min-height:auto}
.thead{
	display:block;
}
.mostraFiltro{
	background: var(--blue-grey-100);
    padding: 10px;
    border-radius: 5px;
	display:none;
	padding:2rem 1rem!important
}
.px-md {
    padding: 0 1rem;
}
.titulo.Thome{display:block!important}
.titulo{
	color: #2f89c1;
    border: 0;
    display: block;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 5px 0;
    margin-bottom: 1rem;
    background: none;
    border-radius: 0;
	text-transform: uppercase;
    font-size: 1.26rem!important;
}
.titulo .mig{
	display:block!important;
	font-size:.8rem!important;	
}
.titulo .mig .fas{
	    margin: 0 3px;
}
.cat-home .titulo{
	font-size: .89rem!important;
}
.cat-home h2.titulo{
	    font-size: 1.4rem!important;
}
.titulo2{
	color: #3b515e;
    display: block;
    font-weight: 600;
    font-size: 1rem;
    padding: 9px 0px;
    margin-bottom: 6px!important;
}
.state-movi {background: #f4f4f4;}
.atalho li{display:block;border-bottom: solid 1px var(--blue-grey-100);}
.atalho li:last-child{border-bottom:0}
.atalho li a{text-align: left;display:block;padding: 6px 17px; color: var(--blue-grey-500);transition:all .4s linear}
.atalho li a:hover{background: #dde1e352;}

.atalho .status.status-vermelho {
    background: #38bfff!important;
    color: #fff!important;
	font-weight:700;
	border-radius:0!important
}

/*tooltip*/
.tooltip {
  text-decoration: none;
  color: #000;
  font-family: "Roboto";
  font-size: .7rem;
  transition: all 0.4s ease;
  -webkit-transition: all .4s ease;
  padding: 5px;
  background-color: #FFF;
  position: relative;
}
.tooltip:before {
     content: attr(data-title);
    background-color: #1a4e4c;
    color: #ffffff;
    font-size: 11px;
    padding: 7px 5px;
    box-sizing: border-box;
    font-family: "Roboto";
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 197px;
    opacity: 0;
    transition: all .4s ease;
    z-index: 1;
	border-radius:4px;
	visibility:hidden;
}
.tooltip:after {
  content: "";
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  left: 40px;
  bottom: -10px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #1a4e4c transparent;
  transition: all .4s ease;
	visibility:hidden;
	z-index: 1;
}
.tooltip:hover:after,
.tooltip:hover:before {
  opacity: 0;
	visibility:visible;
}
#mascara{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background: #00000070;
    z-index: 2;
	display:none
}
.footer{background:#080808;height:40px;display:grid; align-items:center}
.footer p{color:#fff;text-align:center}

.border.din{display:block}
.border.din .fim{margin-top:1rem}
.border.din .fim .btn{width:100%}

.adicional{
	height:360px;
	overflow-y:auto;
	padding:0 15px
}
.px-ms-4.px-4{padding-left: 1rem!important;padding-right: 1rem!important;}
#hidden_div {
    display: none;
}

.fim-pedido .tabela td{font-size:1rem!important;font-weight:600;color:#29b58e}
.obrigado{text-align:center;}
.obrigado .h1{font-size:14rem!important;color:#ff8620}
.obrigado .h3{font-size:2.4rem!important;margin-bottom: 2px;}
.obrigado .h6{font-size:1.2rem!important;margin-bottom: 20px;color:#abaaaa}
.esquecisenha{display:none;position: absolute;top: 0;left: 0;right: 0;bottom: 0; padding: 2rem; background: #fff;}
.esquecisenha .caixa{ padding: 3rem;}

.base-login {padding:padding: 3rem 1rem;    padding-bottom: 7rem;}
.base-login .col-8 {padding-top:1rem}
.base-login .col-8 img{background: #666666;padding: 14px; margin-top: 1rem; border-radius: 11px;}
.base-login .form-campo { padding: 12px 9px;}
.Home .base-login .h4 {  font-size: 1.9rem!important;}
.caixa-login .label{margin-bottom:8px;display:block}
.caixa-login h1{font-size: 1.2rem; margin-top: 2rem; font-weight: 400;text-transform:uppercase}
.caixa-login h2.h2{display:none}

.home-admin {position:relative;text-align: left;background: #edf1f6; border-radius: 6px; padding: 1.5rem; border: solid 1px var(--blue-grey-100);}
.home-admin .alert{    position: absolute;background: #f72e2e; color: #fff; padding: 1.1px 5.9px; border-radius: 49px;top: 9px;display: inline-block;right: 9px;}
.home-admin .thumb{width:100px;height:100px;overflow:hidden;border-radius:50%;margin:0 auto}
.home-admin .thumb img{width:100%}
.home-admin  span{display:block; margin-bottom: 5px;  color: #8b8b8b;  font-size: .8rem;}
.home-admin  span i{color:#359ccd}
.home-admin  small{display:block;line-height: 1rem; margin-bottom: 11px;color: #4b4b60;}

.cat-home  .planos span.pl1 {display:block; text-align:center;color: #394648; text-transform: capitalize; font-size: .8rem;}
.cat-home  .planos span.pl2 {display: block; text-align: center;color: #2c6a56; text-transform: capitalize;  font-size: 1.1rem; font-weight: 600; margin-bottom: 4px;}
.cat-home .planos .card{background:var(--teal-200);border-color: var(--teal-400); padding: 0!important;}
.cat-home .planos .card:hover{opacity:.8}
.cat-home .planos .col-2:nth-of-type(2) .card{background: #fff6c7; border-color: #ffda82;}
.cat-home .planos .col-2:nth-of-type(3) .card{background: #b9b9dc;border-color: #938ad5;}
.cat-home .planos .col-2:nth-of-type(3) .card span.pl2{ color:#514c78;}

.cat-home .planos .col-2:nth-of-type(3) .card span.pl1{ color: #414d5e;}
.cat-home .planos .col-2:nth-of-type(2) .card span.pl2{ color: #7e6332;}

.cat-home .planos .col-2:nth-of-type(4) .card{background: #359ccd6e; border-color: #51aad3;}
.cat-home .planos .col-2:nth-of-type(4) .card span.pl2{color: #25769b;}

.cat-home .planos .col-2:nth-of-type(5) .card {  background: #cd3c356e; border-color: #cb8581;}
.cat-home .planos .col-2:nth-of-type(5) .card span.pl1{color: #874844;}
.cat-home .planos .col-2:nth-of-type(5) .card span.pl2{color: #874844;}

.circulo{
	width: 75px;
    height: 75px;
    background: url(../img/circulo.svg) no-repeat center;
    display: flex;
    align-items: center;
    text-align: center;
    background-size: contain;
    justify-content: center;
}
.circulo.pag{
    background: url(../img/circulo-2.svg) no-repeat center;
    background-size: contain;
}

.tabela-responsiva{	
	display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
}
.inter.rows,.cham{margin-bottom:2rem}
.inter.rows:last-child,.cham:last-child{margin-bottom:0rem!important;border-bottom:0!important}

.ativo {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4caf50;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #4fd57e;
    color: #fff;
}     
.inativo        {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #9b90a3;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #c4bdc9;
    color: #68616c;
}
.deletado,.vencido  {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffd2cf;
    color: #68616c;
}
.digitacao,.atrasado    {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #bf9517;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fdf7c5;
    color: #9b6c51;
}
.novo,.em_dia{
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4199c5;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #42d4ff;
    color: #ffffff;
}
.cancelado,.recusado {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffd2cf;
    color: #68616c;
}
.finalizado,.liberado {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #428b45;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #7ebb81;
    color: #fff;
}
.enviado,.entregue,.demo {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #7e6397;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #9e7ebb;
    color: #fff;
}
.pendente,.parcialmente_pago,.em_transito,.demo_vencido {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #c76a4c;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fd8964;
    color: #fff;
}
.indisponivel   {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #85808d;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #d8d8d9;
    color: #746b7a;
}
.ocupado,.bloqueado{
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #85808d;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #85808dbf;
    color: #ffffff;
}
.disponivel,.desbloqueado    {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #428b45;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #7ebb81;
    color: #fff;
}
.obrigatorio,.prospecto	{
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #bf9517;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fbc219;
    color: #997303;
}
.pago    {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4199c5;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #1cb7e5;
    color: #ffffff;
}   
.aberto  {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
        border: 1px solid #91886c;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffe73b;
    color: #605757;
}   
.fechado,.nao_assinante    {
	position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #f76950;
    color: #ffeeeb;
}

.banner-thumb {
    display: inline-block;
    min-height: 68px;
    display: grid;
    align-items: center;
    justify-content: center;
	position:relative
}
.banner-thumb span {
    position: absolute;
    background: #42b2ff;
    bottom: 20px;
    left: 24%;
    color: #fff;
    border-radius: 4px;
    padding: 10px;	
		transition: all .4s linear;
}.banner-thumb img {transition: all .4s linear;}