@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:#cfd2d7}
/*::-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;
}

.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;}
.botoes{display:flex;padding: 10px;}
.botoes .btn{margin-left:10px;}
.conteudo{
	width: 100%;
    /* margin: 0 auto; */
    max-width: 100%;
   /* margin-left: 200px;*/
   padding:0 1rem 
}
.cabecalho{	
	background:linear-gradient(64deg, #6a66a7, #144983);
	background:-webkit-linear-gradient(64deg, #6a66a7, #144983);
	background:-mos-linear-gradient(64deg, #6a66a7, #144983);
	background:-o-linear-gradient(64deg, #6a66a7, #144983);
	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;*/
	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
}

.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;
}
.base-centro{margin-top:1rem}

.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 - 220px)
}
.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{
	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;
}
.atalho li{display:block;border-bottom: solid 1px var(--blue-grey-100);}
.atalho li:last-child{border-bottom:0}
.atalho li a{display:block;padding: 6px 17px; color: var(--blue-grey-500);transition:all .4s linear}
.atalho li a:hover{background: #dde1e352;}

/*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: 3rem 1rem;   
	background:linear-gradient(130deg, #6a66a7, #144983);
	background:-webkit-linear-gradient(130deg, #6a66a7, #144983);
	background:-mos-linear-gradient(130deg, #6a66a7, #144983);
	background:-o-linear-gradient(130deg, #6a66a7, #144983);
}
.base-login .caixa-login {
	background:#fff;border-radius:5px;padding:2rem 4rem
}
.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: 20px 10px!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;
}
.dados-pedido {color:#1dd1d1;padding:1rem}
.dados-pedido small{color:#444}
.dados-pedido .fas,
.dados-pedido .far
{font-size:2rem}
.dados-pedido h3{margin-bottom:1rem}
.list {
    position: absolute;
    background: #fff;
    left: 15px;
    right: 15px;
    border: solid 1px #bfc9d5;
    border-radius: 0 0 5px 5px;
	display:none
}
.list li{ display:block;}
.list li a{display: block;  padding: 0.4rem 0.6rem;  color: #444;}
.list li:hover{background:#f5f5f5}