@charset "UTF-8";
/*------------------------------------*\
Desenvolvido por Cedilha Comunicação Digital
https://cedilha.com.br
\*------------------------------------*/

/*====================================*\
  #BIBLIOTECAS
/*------------------------------------*\
  #Bootstrap v4.4.1
\*------------------------------------*/
 @import url(../../scripts/bootstrap/5.3.8/css/bootstrap.min.css);

/*------------------------------------*\
  #FONTE - LATO
\*------------------------------------*/
@import url(../fontes/lato/stylesheet.css);





/*====================================*\
  #ESTILOS
\*====================================
  #PADRÕES
\*------------------------------------*/
:root {

  /*SIZES*/
  --menu-width: 50px;
  
  /*VERDE*/
  --verde: #1E6060;
  --verde1: #5C9191;
  --verde2: #377777;
  --verde3: #0B4747;
  --verde4: #002E2E;

  /*VERMELHO*/
  --vermelho: #A03232;
  --vermelho1: #F29999;
  --vermelho2: #C65C5C;
  --vermelho3: #920303;
  --vermelho4: #4D0000;

  /*AMARELO*/
  --amarelo: #C6A35C;
  --amarelo1: #FFECC5;
  --amarelo2: #EFD195;
  --amarelo3: #A07C32;
  --amarelo4: #735310;

  /*CINZA*/
  --cinza: #4B515A;
  --cinza1: #868B92;
  --cinza2: #656B74;
  --cinza3: #30353C;
  --cinza4: #1B212C;

}





/*------------------------------------*\
  #Dark mode
\*------------------------------------*/

body.darkmode{
	color:#C4C4C4;
  background-color: #333;
}
.darkmode #geral{
  background-color: transparent;
}
.darkmode section{
  background-color: transparent;
  margin: 0;
}




/*------------------------------------*\
  #GERAL
\*------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
    letter-spacing: -0.2px;
    -webkit-font-smoothing: antialiased;
	color:var(--cinza4);
}
small{
	font-size:0.8em;
}
.big{
  font-size:1.2em;
}
.small{
  font-size: 0.9em;
}
.text-lt{
    font-weight: 300;
}
.text-bk{
  font-weight: 900;
}
.transition{
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}




/*------------------------------------*\
  #ESPAÇOS E TAMANHOS
\*------------------------------------*/

.h100{
  height: 100px;
}
.h120{
  height: 120px;
}
.h150{
  height: 150px;
}
.h200{
  height: 200px;
}
.h300{
  height: 300px;
}





/*------------------------------------*\
  #SELEÇÃO
\*------------------------------------*/

::selection, ::-moz-selection, ::-webkit-selection { 
	background: var(--cinza3); 
	color:#FFF;
} 





/*------------------------------------*\
  #VERDE
\*------------------------------------*/
.verde{
    color: var(--verde);
}
.verde1{
    color: var(--verde1);
}
.verde2{
    color: var(--verde2);
}
.verde3{
    color: var(--verde3);
}
.verde4{
    color: var(--verde4);
}
.verde a, .verde1 a, .verde2 a, .verde3 a, .verde4 a{
    color: inherit !important;
}

.bg-verde{
    background-color: var(--verde);
}
.bg-verde1{
    background-color: var(--verde1);
}
.bg-verde2{
    background-color: var(--verde2);
}
.bg-verde3{
    background-color: var(--verde3);
}
.bg-verde4{
    background-color: var(--verde4);
}


/*------------------------------------*\
  #VERMELHO
\*------------------------------------*/
.vermelho{
  color: var(--vermelho);
}
.vermelho1{
  color: var(--vermelho1);
}
.vermelho2{
  color: var(--vermelho2);
}
.vermelho3{
  color: var(--vermelho3);
}
.vermelho4{
  color: var(--vermelho4);
}
.vermelho a, .vermelho1 a, .vermelho2 a, .vermelho3 a, .vermelho4 a{
  color: inherit !important;
}

.bg-vermelho{
  background-color: var(--vermelho);
}
.bg-vermelho1{
  background-color: var(--vermelho3);
}
.bg-vermelho2{
  background-color: var(--vermelho3);
}
.bg-vermelho3{
  background-color: var(--vermelho3);
}
.bg-vermelho4{
  background-color: var(--vermelho3);
}


/*------------------------------------*\
  #AMARELO
\*------------------------------------*/
.amarelo{
  color: var(--amarelo);
}
.amarelo1{
  color: var(--amarelo1);
}
.amarelo2{
  color: var(--amarelo2);
}
.amarelo3{
  color: var(--amarelo3);
}
.amarelo4{
  color: var(--amarelo4);
}
.amarelo a, .amarelo1 a, .amarelo2 a, .amarelo3 a, .amarelo4 a{
  color: inherit !important;
}

.bg-amarelo{
  background-color: var(--amarelo);
}
.bg-amarelo1{
  background-color: var(--amarelo3);
}
.bg-amarelo2{
  background-color: var(--amarelo3);
}
.bg-amarelo3{
  background-color: var(--amarelo3);
}
.bg-amarelo4{
  background-color: var(--amarelo3);
}


/*------------------------------------*\
  #CINZA
\*------------------------------------*/
.cinza{
  color: var(--cinza);
}
.cinza1{
  color: var(--cinza1);
}
.cinza2{
  color: var(--cinza2);
}
.cinza3{
  color: var(--cinza3);
}
.cinza4{
  color: var(--cinza4);
}
.amarelo a, .cinza1 a, .cinza2 a, .cinza3 a, .cinza4 a{
  color: inherit !important;
}

.bg-cinza{
  background-color: var(--cinza);
}
.bg-cinza1{
  background-color: var(--cinza1);
}
.bg-cinza2{
  background-color: var(--cinza2);
}
.bg-cinza3{
  background-color: var(--cinza3);
}
.bg-cinza4{
  background-color: var(--cinza4);
}





/*------------------------------------*\
  #PAGINAÇÃO
\*------------------------------------*/

.page-item .page-link{
  color: var(--verde4);
  border-color: var(--verde1) !important;
}
.page-item.active .page-link{
  background-color: var(--verde3) !important;
  border-color: var(--verde3) !important;
  color: #FFF;
}
.page-item:hover .page-link{
  background-color: var(--verde-light) !important;
  color: #FFF;
}
.page-item.label:hover .page-link{    
  background-color: var(--verde-light) !important;
  color: #FFF;
}





/*------------------------------------*\
  #BOTÕES
\*------------------------------------*/

.btn-primary{
  background-color: var(--amarelo3);
  border-color: var(--amarelo3);
  color: #FFF !important;
}
.btn-primary:hover{
  background-color: var(--amarelo4);
  border-color: var(--amarelo4);
}

.btn-outline-primary{
  border-color: var(--amarelo3);
  color: var(--amarelo1);
}
.btn-outline-primary:hover{
  border-color: var(--amarelo4);
  background: var(--amarelo1);
}

.btn-secondary{
  background-color: var(--verde2);
  border-color: var(--verde2);
  color: #FFF !important;
}
.btn-secondary:hover{
  background-color: var(--verde3);
  border-color: var(--verde3);
}

.btn-outline-secondary{
  border-color: var(--verde2);
  color: var(--verde4);
}
.btn-outline-secondary:hover{
  border-color: var(--verde3);
  background: var(--verde1);
}
.btn-outline-secondary.active{
  background-color: var(--verde3) !important;
  border-color: var(--verde3) !important;
  color: #FFF;
}





/*------------------------------------*\
#LINKS
\*------------------------------------*/

a{
  color:inherit;
  text-decoration:none;
  color: var(--verde3);
  cursor:pointer;
}
a:hover{
  color:inherit;
}





/*------------------------------------*\
  #TÍTULOS E TEXTOS
\*------------------------------------*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: inherit;
}
h3{
  color:var(--verde3);
}

h1{
  font-size: 0.9em;
  font-weight: 900;
  line-height: 2rem;
}





/*------------------------------------*\
  #TABELAS
\*------------------------------------*/

thead th, thead td {
  color:var(--verde3);
}





/*------------------------------------*\
  #FORMULÁRIOS
\*------------------------------------*/

input.error,select.error,textarea.error{
	background-color:var(--vermelho-light);
	border:1px solid var(--vermelho);
}
label label.error{
	color: var(--vermelho);
	margin:0;
	padding:0;
}
input.controle{
    display: none;
}





/*------------------------------------*\
  #CURSOR
\*------------------------------------*/

.cursor-pointer{
  cursor: pointer;
}





/*------------------------------------*\
  #CURSOR
\*------------------------------------*/
#progressbar {
  height: 2px;
}





/*====================================*\
  #POSITIONS
/*====================================*\

/*------------------------------------*\
  #GERAL
\*------------------------------------*/

#geral{
    min-width: 320px !important;
}





/*------------------------------------*\
  #FORMULÁRIO CHECKIN
\*------------------------------------*/

#form_checkin{
  max-width: 320px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); 
}





/*------------------------------------*\
  #HEADER
\*------------------------------------*/

header{
  position: fixed;
  width: 100%;
  height: var(--menu-width);
  background-color: #FFF;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
  z-index: 100;
}

header #logo{
  margin: 0 0 0 18px;
  padding: 0;
  line-height: var(--menu-width);
}

header #logo img{
  height: 38px;
}

header #box-search form{
  max-width: 600px;
}

header #user-menu{
  width: 60px;
  height: var(--menu-width);
  line-height: var(--menu-width);
  text-align: center;
  vertical-align: bottom;
}

header #user-menu:hover{
  background-color: #C4C4C4;
}

header #user-menu .dropdown-menu{
  line-height: 20px;
}

#bt_adm_dropdown{
  outline: none;
  box-shadow: none;
}





/*------------------------------------*\
  #SECTION
\*------------------------------------*/

section{
    background-color: #FFF;
    margin: 0;
}





/*------------------------------------*\
  #SISTEMA
\*------------------------------------*/

#sistem{
  width: 100%;
  min-height: 100vh;
  background-color: #F2F2F2;
}

#menu{
  white-space: nowrap;
  font-size: 16px;
  width: var(--menu-width);
  background-color: var(--verde3);
  overflow: hidden;
  padding-top: var(--menu-width);
  padding-bottom: var(--menu-width);
}
#menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu ul li{
  text-align: center;
  margin: 0;
  padding: 0;
  width: var(--menu-width);
  height: var(--menu-width);
}
#menu ul li a{
  display: block;
  width: var(--menu-width);
  height: var(--menu-width);
  line-height: var(--menu-width);
  color: #FFF;
  font-size: 20px;
}
#menu ul li a:hover{
  background-color: var(--verde4);
  text-decoration: none;
}

.menu-tooltip {
  --bs-tooltip-bg: var(--amarelo4);
  --bs-tooltip-color: #FFF;
  font-size: 0.9em;
  opacity: 1 !important;
}


#module{
  width: calc(100% - var(--menu-width));
  padding-top: var(--menu-width);
}
#module .feature table, #module .feature form{
  max-width: 1000px;
}





/*------------------------------------*\
  #MENU
\*------------------------------------*/
#index{
  font-size: 0.9em;
}
#index .ix-info{
  padding: 5px 10px;
  margin: 10px 0;
}
#index .ix-modulo{
  color: var(--verde-light);
  padding: 5px 10px;
  margin-top: 10px;
  cursor: pointer;
}

#index .ix-funcion{
  padding: 0 5px;
  margin-bottom: 5px;
}
#index .ix-function-ico{
  display: inline-block;
  width: 28px;
  text-align: center;
}
#index .ix-funcion a{
  display: inline-block;
  color: #CACACA;
  padding: 0 5px;
}





/*------------------------------------*\
  #DASHBOARD
\*------------------------------------*/

.dashbord_indicator{
  height: 90px;
  width: 230px;
}





/*------------------------------------*\
  #SEARCH
\*------------------------------------*/

#form_simple_search {
  max-width:none !important;
}
#form_simple_search .input-group{
  max-width: 800px;
}





/*------------------------------------*\
  #AUTO COL
\*------------------------------------*/

.auto-col{
  display: grid;
  grid-gap: 0 10px;
  grid-template-columns: 50% 50%;
}


/*------------------------------------*\
  #UPLOAD
\*------------------------------------*/
.file-input {
  max-width: 800px;
}





/*------------------------------------*\
  #ROLAGEM
\*------------------------------------*/

.linha_oculta{
    display: none;
}





/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

footer{
  position: fixed;
  z-index: 1000;
  width: calc(100% - var(--menu-width));
  bottom: 0;
  background-color: var(--cinza3);
  font-size: 12px;
  color: #F2F2F2;
}

footer p{
    text-align: center;
}

footer a{
    color: #FFF;
}
footer .line {
  width: 100%;
}

footer .line div{
  height: 30px;
  line-height: 30px;
}

footer .logo{
  line-height: 30px;
}
footer .logo img{
  height: 20px;
}





/*------------------------------------*\
  #MODAL
\*------------------------------------*/
.modal-body iframe{
  min-height: 50vh;
}
.skin-modal #menu, .skin-modal #title, .skin-modal footer, .skin-modal .module_info{
  display: none;
}
.skin-modal #module{
  width: 100% !important;
}
.skin-modal #module .feature{
  padding: 0 !important;
}






/*------------------------------------*\
  #RESPONSIVIDADE
\*------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
}