html, body{
	background-color: #fff;
    color: #5e5e5e;
    font-size: 11px;
    /*background: url(../imagens/bg_main.png) top left;
    background-size: cover;*/
	background-attachment: fixed;
	letter-spacing: 1px;
}
html body.pdf-impressao *{
    color: #000;
}
body .container-fluid{
    margin-bottom: 50px;
}
table{
	position: relative;
}
table tr th{
	position: sticky;
	top: 0;
	background-color: #000;
	z-index: 999;
    text-align: center;
}
table tbody tr td{
    text-transform: uppercase;
    vertical-align: middle;
}
.titulo{
	text-align: center;
}
.oculto{
    display: none;
    visibility: hidden;
}
#box-loading{
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-top: 10%;
    display: none;
}
#menu-btn-mobile{
	display: none;
	visibility: hidden;
}
div#sidebar-left
/*div#main-content*/ {
    background-color: rgba(0,0,0,0.5);
	top: 0;
}
div#sidebar-left .menu-mobile{
	display: none;
}
ul#menu-sidebar{
	margin: 0;
    padding: 0;
    list-style: none;
	width: 100%;
}
ul#menu-sidebar li a{
    display: block;
    border-bottom: 1px solid #333;
    padding: 8px;
	color: #fff;
	font-size: 1.2rem;
}
ul#menu-sidebar li a:hover{
	background-color: #333;
	text-decoration: none;
	text-shadow: 0px 0px 3px #fdfdfd;
}
div#box-imagem-perfil {
    text-align: center;
    margin: 10px 0;
}
img.imagem-circular {
    border-radius: 50px;
    width: 100px;
    height: auto;
}

table tbody tr.claro{ background-color: rgba(80, 80, 80, 0.4)!important; }
table tbody tr.escuro{ background-color: rgba(30, 30, 30, 0.4)!important; }
table tbody tr td.mesclado{ 
	vertical-align: middle; 
	text-align: center;
}
table tbody tr td, table tfoot tr td{ text-align: center; }
table tfoot tr td.label{ 
    background-color: #505050;
    color: #fff;
    font-weight: bold;
}
table#tabela-dados tr.separador:not(:first-child) td{
	height: 40px;
}
table#tabela-dados tr.separador-linha{
	border-left-color: #fff;
    border-right-color: #fff;
}
table#tabela-dados tr.separador-linha:hover,
table#tabela-dados tr.separador-linha td:hover{
	background-color: #fff;
}
body.page-relatorios-equipamentos_retirar table#tabela-dados,
body.page-relatorios-equipamentos_entregar table#tabela-dados {
    margin-bottom: 30px;
}
#dados-locacao table#tabela-dados tfoot{
    display: none;
}
form table tbody tr td{
    transition-duration: 2s;
}
table tbody tr td a{
    display: block;
}
table tbody tr.vencido td{
    background-color: #ffbbbb;
}
table tbody tr.editando td{
    background-color: #fdff7d;
}
table tbody tr.novo td{
    background-color: #fdff7d;
}
table tbody tr td.smooth-8 { opacity: 0.8; }
table tbody tr td.smooth-6 { opacity: 0.6; }
table tbody tr td.smooth-4 { opacity: 0.4; }
table tbody tr:hover {
    /*background-color: #e5f3ff!important;*/
}
table tbody tr.historico-renovacoes td,
table tbody tr.table-spacer td{
	display: none;
	visibility: hidden;
}
table tbody tr.locacao-F td {
    padding: 0;
    font-size: 10px;
	color: #2a2a2a!important;
    background-color: #fdfdd3;
	display: none;
}
/*table tbody tr.locacao-R td {
    color: #2a2a2a!important;
    background-color: #fdfdd3;
}*/
table tbody tr.locacao-L td a.btn-ver-historico-renovacoes,
table tbody tr.locacao-L td a.btn-ver-historico-renovacoes i::before,
table tbody tr.locacao-R td a.btn-ver-historico-renovacoes,
table tbody tr.locacao-R td a.btn-ver-historico-renovacoes i::before{
    font-size: 11px;
    display: block;
    width: 100%;
    color: #333;
    text-decoration: none;
    padding: 5px;
}
table tbody tr td.link-historico-renovacoes{
	padding: 0;
}
table tbody tr.locacao-L.pago-N td,
table tbody tr.locacao-R.pago-N td{
	background-color: #f9b6b6;
    color: #9b180e;
}
table tbody tr.pago-N td.msg-status-td{
	background-color: #f9b6b6;
    color: #9b180e;
}
table tbody tr.pago-S td.msg-status-td{
	background-color: #a4fa9d;
    color: #055c06;
}
table tbody tr td span.msg-erro-td,
table tbody tr.pago-N td span.msg-erro-td,
table tbody tr.pago-S td span.msg-erro-td{
	font-size: 11px;
    text-transform: lowercase;
    display: block;
}
.box-lista-equipamentos table tbody tr td.clone{
	max-width: 50px;
}
.box-lista-equipamentos table tbody tr td div.box-clone{
	position: relative;
	display: none;
}
.box-lista-equipamentos table tbody tr td div.box-clone div.box-clone-copies{
    position: relative;
    /*border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 1px 1px 6px 0px #aaa;
    width: 125px;
    height: 60px;
    right: 0;	
	padding-left: 5px;
	*/
	padding: 5px;
    background-color: #fff;
	text-transform: lowercase;
}
.box-lista-locacoes-cliente table#tabela-dados tbody tr.renovado td{
	font-size: 10px;
	background-color: #fdfdd3;
	padding: 0;
}
.box-lista-locacoes-cliente table#tabela-dados tbody tr.renovado td i.bi::before{
	font-size: 10px;
    margin: 0 5px;
}
.table-dark {
    background-color: rgba(52, 58, 64, 0.6);
}
.success {
    background-color: rgba(40, 167, 69, 0.8)!important;
}
.error {
    background-color: rgba(220, 53, 69, 0.8)!important;
}

/*estilos do dashboard*/  
/*div#box-stats {
    background-color: #444;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -3px #94f79c;
	padding: 10px 0;
}*/
div#box-stats .stats{
	text-align: center;
    border-right: 1px solid #222;
    padding: 2px;
}
/* div#box-stats .stats .stat-content,
div#box-operacoes .stat-content,
div#calculadora-operacoes,
div#main-content>section {
    background-color: rgba(8,8,8,0.5);
    padding: 10px;
} */
div#box-filtros{
	padding: 10px;
}
div#box-filtros form#filtro-pesquisa{
	padding: 15px 15px 9px 15px;
}
div#box-filtros .filtros{ display: none; }
div#box-filtros .filtros label{ 
	margin: 0 0px 0 10px;
    display: inline-block;
}
#box-operacoes #box-dados-consolidados .row {
    border-left: 1px solid #888;
}
.alerta {
    display: none;
}
/*estilos do dashboard*/  

/*ESTILOS DO TOPO NAS INTERNAS*/
header #menu .box-modulos{
    /*background-color: #5585c0;*/
	background-image: linear-gradient(0deg, #00277c, #2b7ee4);
    border-bottom: 1px solid #ccc;
}
header h2.titulo-pagina{
    color: #333;
}
header #menu .box-modulos a div.submenu {
    position: absolute;
    background-color: #5685c0;
    padding: 5px;
    color: #fff;
    display: none;
}

ul.submenu{ 
	background-color: #365f92;
	z-index: 9999;
}
ul.submenu li{ 
    display: block;
    border-right: 1px solid #6485ae;
    float: left;
}
ul.submenu a{
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 5px 10px;
}
ul.submenu a:hover{
    background-color: #1f3d62;
    text-decoration: underline;
}
ul.submenu ul.sub{
	position: absolute;
	display: none;
	/*visibility: hidden;*/
	background-color: #425880;
	padding-left: 0;
	z-index: 999;
}
ul.submenu ul.sub li{
	float: none;
}
/*ul.submenu li:first-child{
    border-right: 0px solid #fff;
}*/
/*ul.submenu li:last-child{
    border-right: 0px solid #fff;
}*/
/*ESTILOS DO TOPO NAS INTERNAS*/

/*ESTILOS DO RODAPE*/
footer{
	background-color: #333;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 11px;
	color: #bdb0b0;
    /*height: 17px;*/
}
footer .copyrights{
	float: left;
}
footer .environment{
	float: right;
	background-color: #c00202;
	color: #fff;
}
/*ESTILOS DO RODAPE*/


/*ESTILOS DA PAGINA DE LOGIN*/
body.page-login{
	color: #fff;
}
body.page-login #box-form-login{
    background-color: #999;
    padding: 25px;
    border-radius: 3px;
}
body.page-login #main-content>section{
	margin-top: 5%;
}
/*ESTILOS DA PAGINA DE LOGIN*/

/*ESTILOS DA TELA INICIAL DO SISTEMA*/
/*.box-modulos .box-link-modulo{
	 border: 1px solid #CCC;
    margin: 5px;
    height: 100px;
    text-align: center; 
}*/
.box-modulos .box-link-modulo .content{
	border: 1px solid #8bb6f3;
    margin: 10px 0;
    height: auto; /*100px;*/
    text-align: center;
	/*background-color: #ddd;*/
	background-image: linear-gradient(0deg, #1e6fd0, #a0caff);
	padding: 10px 0;
}
.box-modulos .box-link-modulo a{
	text-decoration: none;
	color: #fff;
}
.box-modulos .box-link-modulo a:hover .content{
	border-color: #999;
	background-image: linear-gradient(0deg, #7bb0f0, #ffffff);
    color: #222;
}
/* .box-modulos .box-link-modulo.clientes  .content{ background: url('../imagens/icone-clientes.png') no-repeat top center transparent; } */
/*ESTILOS DA TELA INICIAL DO SISTEMA*/

/*ESTILOS DAS MENSAGENS DE ERRO NOS FORMULARIOS*/
div.msg ul{
    margin-bottom: 0;
}
div.msg.erro{
	background-color: #980101;
	color: #fff;
	letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 3px;
}
div.msg.sucesso{
	background-color: #008d4b;
	color: #fff;
	letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 3px;
}
/*ESTILOS DAS MENSAGENS DE ERRO NOS FORMULARIOS*/

/*ESTILOS DOS FORMULARIOS*/
input, select, textarea{
    text-transform: uppercase;
    background-color: #e5f3ff!important;
}
input.disabled, select.disabled, textarea.disabled {
    background-color: #e9ecef!important;
    /*color: #999;*/
    opacity: 0.5!important;
}
select{
    background: url('../imagens/caret-down-fill.svg') no-repeat center right #e5f3ff;
}
label{
    color: #333;
}
h3{
    color: #222;
}
/*ESTILOS DOS FORMULARIOS*/

/*ESTILOS DO AUTOCOMPLETE*/
.autocomplete {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 4px -3px #999;
    position: absolute;
    background-color: #feffce;
    width: auto;
    max-height: 200px;
    overflow: auto;
    z-index: 999;
    color: #333;
    font-weight: 600;
    font-size: 10px;
}
.autocomplete a{
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 2px 5px;
}
.autocomplete a:hover{
    background-color: #0a6efd;
    color: #feffce;
}
/*ESTILOS DO AUTOCOMPLETE*/

#box-form-locacao #form-locacao #dados-equipamento .card-body>.row>div:last-child{
    border-left: 1px solid #ddd;
}
input.datepicker{
    padding-left: 25px;
    background: url('../imagens/calendar-date.svg') no-repeat 1px center #e5f3ff;
    /*background: url('../icones/open-iconic/png/calendar.png') no-repeat center right #e5f3ff;*/
}
.dados-block {
    position: absolute;
    width: 48%;
    height: 60%;
    background-color: rgba(255,255,255,0.6);
    top: 40px;
    right: 10px;
}
.card .card-header{
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

/*BOX DE CONFIRMACAO DENTRO DA TABELA*/
td.box-confirm{
    max-width: 80px;
    overflow: hidden;
    padding: 3px 0;
}
td.box-confirm .slide-confirm {
    position: relative;
    width: 80px;
}
td.box-confirm .slide-confirm a, td.box-confirm .slide-confirm .confirm{
    display: inline-block;
}
td.box-confirm .slide-confirm .confirm{
    /*transition-duration: 0.5s;*/
    left: 200%;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    background-color: #FFF;
}
td.box-confirm .slide-confirm.active .confirm{
    left: 2%   
}
/*BOX DE CONFIRMACAO DENTRO DA TABELA*/

.bi::before {
    font-weight: bold!important;
    font-size: 15px;
}

.modal .modal-dialog .modal-header,
.modal .modal-dialog .modal-body{
	color: #333;
}

/*ESTILOS DO DASHBOARD*/
#box-dashboard .totais-dashboard .row{
	margin-bottom: 15px;
}
.totais-dashboard a.total{
	text-align: center;
    border: none;
	box-shadow: 0px 2px 5px -3px;
    padding: 10px 5px;
    margin-bottom: 15px;
	/*color: #000;*/
	background-color: #365f92;
    color: #fff;
	border-radius: 3px;
	text-decoration: none;
	display: block;
}
.totais-dashboard a.total:hover{
	background-color: #4972b2;
}
.totais-dashboard .total .badge{
	display: block;
	font-size: 3em;
	padding-top: 0.15em;
}
table th,
table td{
	/*font-size: 13px;*/
	font-size: 1rem
}

/*ESTILOS DOS TOOLTIPS CUSTOMIZADOS*/
.box-full-text {
    border: 1px solid #333;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    box-shadow: -1px 2px 3px -1px;
    background-color: #f6df60;
    max-width: 250px;
    padding: 5px;
}
.box-full-text ::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}