@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*{ margin: 0; padding: 0;box-sizing: border-box; }ul{list-style: none;}div, input, textarea, li, form, p, th, td, button{box-sizing: border-box;list-style: none;outline: none;border: 0;}a{text-decoration: none;color: inherit;}html{-webkit-tap-highlight-color: rgba(0,0,0,0);}body{background-color: #f1f1f1;font-family: 'Montserrat', sans-serif;font-size: 13px;color: #555;}body::-webkit-scrollbar{width: 7px;}body::-webkit-scrollbar-button { display: none; }body::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0.05); }body::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3); width: 7px; border-radius: 4px;}.alerta{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.2);z-index: 99999;}.alerta .boxAlert {position: absolute;left: calc(50% - 150px);top: 50%;width: 300px;height: auto;background-color: #fff;border-radius: 4px;transform: translateY(-50%);padding: 14px 0;}.alerta .boxAlert span {position: relative;float: left;width: 100%;height: 40px;position: relative;text-align: center;line-height: 20px;}.alerta .boxAlert button {width: auto;height: 30px;padding: 0 10px 0 10px;background-color: rgba(0,0,0,0.05);border-radius: 5px;font-size: 12px;font-weight: 600;color: #999;cursor: pointer;}.alerta .boxAlert button:first-of-type {margin-left: 55px;}.alerta .boxAlert button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.3) inset;color: #fff; transition: all .45s ease-in;}.alertaNot {position: fixed;right: 20px;bottom: 20px;width: 250px;height: 50px;background-color: #fff;border-radius: 6px;font-size: 14px;color: #000;text-align: center;line-height: 50px;user-select: none;}.login {float: left;width: 100%;height: 100%;}.login .logo {position: absolute;width: 170px;height: 62px;left: 50%;top: 20%;transform: translateX(-50%);background-image: url('../img/logo.png');}.login .boxLogin {position: absolute;width: 380px;height: 206px;left: calc(50% - 190px);top: 50%;bottom: 0;right: 0;background-color: #fff;border-radius: 4px;box-shadow: 0 5px 2px rgba(0,0,0,.15);transform: translateY(-50%);padding: 14px 0;}.boxLogin form {float: left;width: 100%;height: auto;}.boxLogin .text input, .boxLogin .text select {position: relative;float: left;width: calc(100% - 20px);height: 50px;font-size: 13px;color: #333;padding: 10px 30px;background-color: #eee;border-radius: 4px;margin: 0 0 10px 10px;z-index: 4;border:0;outline: none;}.boxLogin .text input::placeholder, .boxLogin .text select::placeholder {font-size: 13px;}.boxLogin .text input:focus {padding-left: 27px;transition: all .2s ease;}.boxLogin .text i {position: relative;float: left;margin: -40px 0 0 20px;color: #444;font-size: 12px;z-index: 5;}.boxLogin input[type=submit] {float: right;width: 100px;height: 44px;border-radius: 4px;box-shadow: 0 1px 4px rgba(0,0,0,.2);margin: 14px 20px 0 0;color: #fff;}.boxLogin .manter {float: left;width: 55%;height: 44px;margin: 14px 0 0 14px;line-height: 44px;user-select: none;}.boxLogin .manter input[type=checkbox] {position: relative;width: 14px;height: 14px;margin: 4px 0 0 0;}.boxLogin .manter input[type=checkbox]:checked {background-color: transparent;}.site {width: 16%;display: flex;justify-content: end;float: right;margin: 10px 30px 0 0;} .site button {width: auto;height: 34px;padding: 0 10px;line-height: 34px;font-size: 13px;color: #444;background-color: #fff;border-radius: 6px;margin: 0;}.header {position: relative;float: right; top: 0;left: 0;width: 370px;height: 60px;background-color: #fff;margin-right: 10%;border-radius: 0 0 10px 10px;}.header .buttons {position: relative; width: 100%;height: 60px;}.header .buttons .button {float: right;width: auto;height: 60px;line-height: 0px;color: #fff;font-size: 12px;line-height: 60px;user-select: none;text-align: center;padding: 0 20px;}.navbar {position: relative;float: left; top: 0;left: 0;width: 20%;height: auto;padding-bottom: 20px;}.navbar .avatar {float: left;width: 250px;height: 250px;margin: 30px 0 0 calc(50% - 125px);background-position: center;background-size: cover;border-radius: 50%;}.navbar .cargos {float: left;width: 90%;height: auto;padding: 10px 0;text-align: center;color: #fff;font-size: 13px;line-height: 20px;font-weight: 500;background-color: rgba(0, 0, 0, .2);border-radius: 4px;margin: 20px 0 0px 5%;}.navbar .main {float: left;width: 90%;height: auto;margin: 20px 0 0 5%;}.navbar .main > li > p {float: left;width: 100%;height: auto;border-radius: 6px;color: #fff;font-size: 14px;font-weight: 600;text-align: center;line-height: 50px;user-select: none;margin-top: 8px;background-color: rgba(0, 0, 0, .3);}.navbar .main ul.submenu {float: left;width: 100%;height: auto;display: none;background-color: rgba(0, 0, 0, 0.1);border-radius: 6px;margin-top: 10px;}.navbar ul.main ul.submenu > li p {float: left;width: 100%;height: 36px;font-size: 12px;font-weight: 400;text-align: center;line-height: 36px;margin-top: 4px;color: #fff;}.navbar ul.main ul.submenu > li:hover p {font-weight: 600;}.navbar .dev {float: left;width: 100%; margin-top: 20px;font-size: 13px; color: #fff;text-align: center;}content {position: absolute;top: 100px;left: 20%;width: 80%;height: auto;}.statistic {display: flex;justify-content: space-around;width: calc(100% - 20px);height: auto;margin: 20px 0 0 10px;padding: 10px;}.statistic .box {width: calc(25% - 16px);margin: 8px;padding: 10px;background-color: #fff;border-radius: 6px;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);}.statistic .box .circle {float: left;width: 70px;height: 70px;border-radius: 70px;border: 2px solid;text-align: center;line-height: 66px;user-select: none;font-size: 22px;font-weight: 300;}.statistic .box .text {float: left;width: auto;margin: 27px 0 0 20px;font-size: 14px;font-weight: 500;}.aviso {float: left;width: calc(100% - 40px);margin: 10px 0 0 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);padding: 10px;}.aviso:first-of-type {margin-top: 40px;}.aviso .titulo {float: left;width: 100%;font-size: 16px;color: ;font-weight: 500;}.aviso .description {float: left;width: 100%;font-size: 12px;font-weight: 300;margin-top: 4px;}.aviso .texto {float: left;width: 100%;font-size: 14px;margin-top: 20px;margin-bottom: 20px;}.aviso .buttons {float: left;width: 100%;border-radius: 0 0 8px 8px;}.aviso .buttons .button {width: calc(50% - 20px);margin-right: 10px; font-size: 12px;text-align: center;padding: 8px;border-radius: 4px;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);cursor: pointer;transition: all .3s ease-out;}.aviso .buttons .button:hover {color: #fff;font-weight: 600;background-color: var(--color1);transition: all .3s ease-in;}.aviso .leitores {float: left;width: 100%;margin-top: 10px;display: none;}.aviso .leitores .leitor {float: left;width: auto;max-width: 100px;padding: 4px 8px;font-size: 12px;line-height: 20px;color: #fff;text-align: center;border-radius: 4px;margin-right: 6px;}

#getApiMob,
#formPag,
.formPag {position: relative;width: calc(100% - 40px);margin: 10px 0 0 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);padding: 10px;}
#formPag span,
#getApiMob span,
.formPag span {float: left;width: 100%;height: 30px;line-height: 30px;user-select: none;font-size: 12px;font-weight: 500;margin-top: 8px;box-sizing: border-box;padding-left: 4px;}
#formPag input,
#formPag select,
.formPag input,
#getApiMob input,
.formPag select {width: 100%;height: 44px;padding: 10px;border-radius: 6px;border: 1px solid #ccc;}
#formPag input[type=submit],#getApiMob input[type=submit],.formPag input[type=submit] {width: 100%;height: 46px;font-size: 14px;color: #fff;margin-top: 10px;cursor: pointer;}
#formPag input[type=submit]:hover,
#getApiMob input[type=submit]:hover,
#getApiMob button:hover,
.formPag input[type=submit]:hover {box-shadow: inset 0 0 0 22px rgba(0, 0, 0, .15);transition: all .3s ease;}
table {float: left;position: relative;width: calc(100% - 40px);margin: 20px 0 0 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);padding: 10px;}table tr td {padding: 0 6px;}table tr {height: 40px;font-size: 12px;text-align: center;margin-top: 4px;background-color: #fff;border-radius: 4px;}table tr:nth-child(2n){background-color: rgba(0, 0, 0, .05);}
#formPag .cargo,
.formPag .cargo {float: left;width: 25%;height: 40px;box-sizing: border-box;padding: 8px 10px;font-size: 14px;margin-top: 8px;background-color: #fff;border-radius: 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, .15);}
#formPag .cargo > span,
.formPag .cargo > span {float: left;width: 80%;margin: 0;line-height: 25px;}
#formPag .cargo > input[type=checkbox],
.formPag .cargo > input[type=checkbox] {float: left;width: 20px;height: 20px;margin: 2px 0 0 20px;border-radius: 20px;}
#formPag .button,
.formPag .button {float: left;width: auto;height: 40px;padding: 0 10px;border-radius: 4px;font-size: 13px;font-weight: 500;color: #fff;line-height: 40px;margin-top: 10px;cursor: pointer;}
#formPag input[type=color],
.formPag input[type=color] {float: left;width: 100px;height: 40px;border-radius: 4px;padding: 2px;}
#formPag .boxTicket {float: left;width: 100%;height: auto;}
#formPag .ticketBox {float: left;width: auto;max-width: 100%;height: auto;padding: 20px;border: 1px solid rgba(0, 0, 0, .1);background-color: rgba(0,0,0,.07);border-radius: 4px;margin: 8px 0 10px;}
#formPag .ticketBox.moderador {background-color: rgba(0,222,64,.07);}.no-resp {width: 100%;font-size: 16px;font-weight: 500;color: rgba(0, 0, 0, .4);margin-top: 10px;text-align: center;height: 20px;}.mce-tinymce {margin-top: 60px !important;}.notificacoes {float: left;width: calc(100% - 40px);height: auto;background-color: #fff;border-radius: 4px;box-shadow: 0 1px 5px rgba(0, 0, 0, .15);margin: 10px 0 0 20px;padding: 8px;}.table img {margin: 8px 0;border-radius: 4px;width: 60%;}.dias button {width: auto;height: 44px;padding: 0 20px;color: #fff;margin-left: 20px;border-radius: 6px;box-shadow: 0 1px 5px rgba(0, 0, 0, .15);}.horarios button {width: 40px;height: 40px;border-radius: 6px;box-shadow: 0 1px 5px rgba(0, 0, 0, .15);margin: 4px;color: #fff;cursor: pointer;font-size: 12px;}.paginacao {margin-left: 20px;}.paginacao .pag {float: left;width: 36px;height: 36px;color: #fff;border-radius: 4px;box-shadow: 0 1px 5px rgba(0, 0, 0, .15);line-height: 36px;text-align: center;font-size: 12px;font-weight: 600;margin: 10px 0 10px 8px;transition: all .3s ease-in;}.paginacao .pag:hover {opacity: .7;transition: all .4s ease-in;}

.searchPag {position: relative;width: 30%;float: right;}
.searchPag form{position: relative; float: right;width: 100%;height: 36px;border-radius: 6px;box-shadow: 0 5px 5px 1px rgba(0,0,0,.15);margin: 20px;padding: 0;}
.searchPag form input{width: 100%;height: 100%;border-radius: 6px;padding: 14px; border: 0;}
.searchPag .results {display: none; float: left;position: absolute;top: 56px;left: -20px; width: 100%;height: 300px;overflow: auto; background-color: #f1f1f1;z-index: 99;border-radius: 0 0 4px 4px;box-shadow: 0 1px 5px rgba(0,0,0,.15);}
.searchPag .results .item {width: 100%;float: left;height: 40px;padding: 10px;line-height: 20px;font-size: 14px;cursor: pointer;transition: all .1s ease-out;}
.searchPag .results .item:hover {font-weight: 600;transition: 2s ease-in;}.avisopanel {color: #fff;font-size: 18px;padding: 10px;}

.cargos .sobre-mim p:first-of-type {font-size: 14px; color: rgba(255,255,255,.85);font-weight: 600;margin-bottom: 6px;}.cargos .sobre-mim p {font-size: 13px;font-weight: 300;}
#formPag span.title,
.formPag span.title {font-weight: 800;font-size: 16px;margin-top: 30px;}
#formPag span.title:first-of-type,
.formPag span.title:first-of-type {margin-top: 0;}
#formPag span.info,
.formPag span.info {font-size: 13px;height: 40px;background-color: #64b4f7;border-radius: 4px;padding: 0 10px;color: #fff;line-height: 40px;margin: 4px 0 6px 0;font-weight: 300;}

@media only screen and (max-width: 500px) {
	.header {
		float: left;
		width: 100%;
		border:  0;
		border-radius: 0;
		margin: 0;
		display: flex;
		justify-content: space-around;
	}

	.header .buttons .button {
		float: left;
		margin: 0;
		width: auto;
	}

	.navbar {
		width: 100%;
		float: left;
	}

	content {
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		top: 0;
		left: 0;
	}

	.statistic {
		flex-direction: column;
		padding: 0;
		margin: 0;
	}

	.statistic .box {
		width: 100%;
		margin-top: 8px;
	}

	.searchPag {width: calc(100% - 20px);margin-right: 12px;}
	.searchPag form {margin: 0;}

	.aviso {
		width: calc(100% - 20px);
		margin-left: 10px;
	}

	#getApiMob, #formPag, .formPag {
		width: calc(100% - 20px);
		margin-left: 10px;
	}

	table {
		float: left;
		margin: 20px 0 0 10px;
		width: calc(100% - 20px);
	}
}