@CHARSET "UTF-8";


:root {
  --main-color: #3F51B5;
  --main-color-hover: #303F9F;
  --main-color-hover-2: #27306C;
  --main-bg-color: #D1D3DE;
  --sub-color: #D4E1ED; /*usado nos headers dos paineis*/
  --border-color01: #ccc;
}

html, body{height:100%;}

body
{
	background: none;
}

#wrapper
{
	padding: 0px;
	min-height:100%;
    height:auto !important;
    height:100%;
    
    

}

/*.full {
    background: url('../img/bg/bg01.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}*/



/* LOGIN */


.mob-login-box
{
	margin-top: 2%;
}

.mob-login-box .panel-heading
{
	color: var(--main-color) !important;
	
}


.mob-login-logo
{
	position: relative;
	max-width: 70%;
	margin: 0 auto;
	margin-bottom: 3%;
}

.mob-logo-it-login
{
	max-width: 30%;
}

.mob-login-bottom { color: #97999B; }

.mob-login-panel
{
	
}



/* NAV BAR */

.mob-nav
{
	background-color: var(--main-color);
	box-shadow: 1px 1px 3px #000;
}

.navbar-brand
{
	color: #fff;
}
.navbar-brand:hover
{
	color: #B2ABAB;
}
.navbar-brand:active
{
	color: #fff;
}
.navbar-brand:visited
{
	color: #fff;
}

.mob-nav-nome:hover
{
	color: #EFE1E1;
}

.mob-nav-menu-icon
{
	padding: 15px;
	right: 0px;
	top: 0px;
	float: right;
}

.mob-nav-dropdown
{
	background-color: var(--main-color-hover);
}

.navbar-toggle .icon-bar
{
	background-color: #fff;
}

.navbar-right li  a
{
	color: #fff !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
	background-color: var(--main-color-hover);
}
.nav > li > a:focus, .nav > li > a:hover {
    
    background-color: var(--main-color-hover);
}

.dropdown-menu > li > a:hover
{
	 background-color: var(--main-color-hover-2);
}



/* LOADING */

.mob-loading
{
	width: 100%;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	font-size: 1.5em;
	color: var(--main-color);
}

.mob-loading span
{
	font-size: 2em !important;
}



/* DIALOG */
.modal-lg
{
	width: 95%;
}

.bootstrap-dialog-title
{
	/*color: var(--main-color) !important;*/
}

.bootstrap-dialog-footer-buttons
{
	text-align: center !important;
}

.mob-btn-ok
{
	display: none;
}
/*
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 250px;
    overflow-y: auto;
}

@media (min-height: 500px) {
    .modal-body { height: 400px; }
}

@media (min-height: 800px) {
    .modal-body { height: 600px; }
}*/


.modal{ z-index: 99999; }
.popover {
    z-index: 9999 !important;
}


/* PAINEL PRINCIPAL */
#painel-principal
{
	width: 100%;
}


/* PAINEL */

.mob-panel-heading
{
	background-color: var(--sub-color) !important;
	font-weight: bold !important;
}


/* MODULOS - LOJAS */

.mob-modulo-lojas
{
	
}

.mob-modulo-loja-heading
{
	font-weight: bold !important;
	
}

.mob-modulo-loja-heading i
{
	cursor: pointer !important;
}

.mob-modulo-loja-heading .online
{
	color: #5AC241;  
}

.mob-modulo-loja-heading .offline
{
	color: red;
}

.mob-modulo-loja-footer
{
	
}

.loja_valor_vendas
{
	cursor: pointer;
}

.modulo-lojas-painel:hover
{
	border: 1px solid #868686;
	
}

.text-green{ color: green !important; }


/* MULTISELECT */

.multiselect-container a:hover
{
	background-color: var(--sub-color) !important;
}

/* TABS */

.nav-tabs li.active a:hover
{
	color: #000 !important;
}

.nav-tabs a:hover
{
	color: #fff !important;
}


/* BGs*/

.bg-green01 { background-color: #F3FFE1 !important; }




.logoff-box
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 1%;
       
}

.tr-selected
{
    background-color: #CAF7D0 !important;
}

.tr-selected td
{
    background-color: #CAF7D0 !important;
}

.btn-pesquisa
{
    padding-top: 10%;
    padding-bottom: 10%;
}

.box-filtros
{
 
   padding: 0.5%;
   box-sizing: border-box;
  
}

.heading-boleto-venda
{
   
    background-color: #FFFF00 !important;
   
    box-sizing: border-box;
    font-size: 1.5em; 
}

.border-gray{
     border: 1px solid #ccc !important;
}

.border-r-gray{
     border-right: 1px solid #ccc !important;
}

.btn-destaque{
    background-color: #FFFF00 !important;
    font-weight: bold !important;
}

.total-boleto-venda
{
    font-size: 2em;
}

.tabela-boleto-venda
{
    max-height: 400px;
    overflow: auto;
}

.alert-gray
{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #B2ABAB;
    padding-top: 1%;
    padding-bottom: 1%;
}

.panel-pesquisa-clientes
{
    max-height: 300px;
    overflow: auto;
}