/***************************************************
############## LOGIN ###############
***************************************************/
.login { 
	 background: linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
      ), url(../_img/bg-2.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
/*.login .trigger_ajax { display: block; }*/
.login_box { text-align: center; margin: 0 auto; }
.login_logo { width: 180px; max-width: 80%; }
.login_form { text-align: left; display: block; width: 480px; max-width: 90%; margin: 25px auto; 
             background: #ffffffba; padding: 40px; border: 5px solid #92afcd; box-shadow: 0 0 5px 0 #92afcd; }
.login_form .label { font: 1em 'Open Sans', serif; }
.login_form input[type=text],
.login_form input[type=password] { width: 100%; padding: 15px; font: 300 1em 'Open Sans', serif; 
                                   border: 1px solid #DDDDDD; margin: 3px 0 20px 0; }
input[type=file] { display: inline-block; }
.login_form input[type=text]     { background: #FFF url(../_img/icons/icon-email.png) left 10px center no-repeat; text-indent: 30px; border: 2px solid #92afcd; font-weight: bold; color: #063C6A; }
.login_form input[type=password] { background: #FFF url(../_img/icons/icon-password.png) left 10px center no-repeat; text-indent: 30px; border: 2px solid #92afcd; font-weight: bold; color: #063C6A; }
.login_form .btn_red { padding: 10px 15px 10px 10px; }
.login_form .btn-login-icon { background: url(../_img/icons/icon-lock.png) left 0px center no-repeat; padding-left: 24px; }
.esqueci-senha { display: block; margin-top: 7px; }
.esqueci-senha a { text-decoration: none; color: #1D425C; }
.esqueci-senha a:hover { text-decoration: underline; }
.login_form h2 { color: #92afcd; font: 1.5em 'Open Sans', serif; font-weight: 700; border-bottom: 1px solid #92afcd; padding-bottom: 6px; margin-bottom: 30px; }



/***************************************************
############## CADASTRO DE MORADORES ###############
***************************************************/
.cad_form { text-align: left; display: block; width: 520px; max-width: 90%; margin: 25px auto; 
            background: #fff; padding: 40px; box-shadow: 0 0 5px 0 #ccc; }
.cad_form .label { font: 1em 'Open Sans', serif; }
.cad_form input, select { width: 100%; padding: 15px; font: 300 1em 'Open Sans', serif; 
                    border: 1px solid #DDDDDD; margin: 3px 0 20px 0; }
.cad_form .box-span-file {  }
.cad_form .box-input-file {  }
.cad_form .input-file { width: 200px; float: right }
.cad_form .img-upload { margin-right: 19px; }
@media screen and (max-width:799px){        
    .cad_form .box-span-file { float: none; }
    .cad_form .box-input-file { float: none; }
    .cad_form .input-file { width: 100%; float: none; }
    .cad_form .img-upload { margin-right: 0px; margin-top: 15px; }
}
.cad_form .box_form { padding: 20px !important; background-color: #EDEDED; border: 1px solid #DFE0E3; margin-bottom: 20px; }
.cad_form .box_form h3 { color: #7E7E7E; margin-bottom: 18px; padding-bottom: 8px; border-bottom: 1px solid #C9C9C9; text-transform: uppercase; font-weight: 400; }
.cad_form .box_form p { color: #7E7E7E; font-size: 18px; }


/**********************************************************
############## TOPO ###############
***********************************************************/
.topo-info-empresa { float:right; color:#5C5F64; }
.topo-txt-empresa  { float:left; text-align:right; margin-right:10px; margin-top:3px; }
.topo-txt-empresa h2     { font-weight:bold; font-size:0.8em; line-height:1.6em; text-transform:uppercase; margin:4px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topo-txt-empresa p      { margin:0; padding:0 0 10px; font-size:1.16em; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topo-txt-empresa strong { font-weight:bold; }





/***********************************
############ PAGINATOR #############
***********************************/
.paginator{ float: left; width: 100%; padding: 20px 0 10px 0; text-align: right; }
.paginator li{ display: inline; margin: 0 4px; }
.paginator .active,
.paginator li a{
    padding: 5px 10px;
    background: #FFF;
    border:1px solid #DBDBDB;
    color:#666;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.paginator li a:hover { background: #0095DD; color: #fff; }
.paginator .active{ background: #0E96E5; color: #fff; }

/**********************************************************
############## INICIO LISTA GRID TABELAS ###############
***********************************************************/
table         { border-collapse: collapse; }
table, td, th { border:0px; border-top:1px solid #E1E1E1; padding:5px; color:#333; background-color:#FFF; }
	
.td-title       { background-color:#FFFFFF; color:#384B5F; padding-top:12px; padding-bottom:12px; font-size:14px; font-weight:600; }
.td-title-cinza { background-color:#F7F7F7; color:#384B5F; padding-top:12px; padding-bottom:12px; font-size:14px; font-weight:600; }
.img-user   { margin-right:10px; }

.titulo-pagina       { margin-bottom:15px; border-bottom:1px solid #E1E1E1; padding:0px 0px 8px 0px; margin-top: 15px; }
.titulo-pagina span  { float:left; color:#2C3E50; font-size: 1.5em; font-weight: 300; margin-top:10px; }
.titulo-pagina a     { float:right; }
.titulo-pagina a i   { margin-right: 7px; }
.btn:hover { color: #fff !important; }


.grid-wrapper { overflow: auto; position: relative; }
.grid  { display:block; width:100%; text-align:left; color:#5C5C78; border:1px solid #E1E1E1; border-top:0px; overflow-x: auto; white-space: nowrap; }
.grid .alt td   { background:#F7F7F7; }
.grid .table-over tr.alt td  { background-color:#F7F7F7; }
.grid .table-over tr.over td { background-color:#CCEBFD; }
.grid .table-over tr:hover   { background-color:#FFF1D3!important; }
.grid .btn-left { float:left; }
.grid .btn      { padding:1px 5px; border:0px; }
.grid .open     { background-color:transparent; }
.grid .btn-ativo         { background-color:#70CA63; color:#FFF; }
.grid .btn-ativo:hover   { background-color:#87D37C; color:#FFF; }
.grid .btn-inativo       { background-color:#E9573F; color:#FFF; }
.grid .btn-inativo:hover { background-color:#FC6E51; color:#FFF; }
.grid .dropdown-menu i   { width:18px; }

.grid .btn-respondido       { background-color:#319FC3; color:#FFF; }
.grid .btn-respondido:hover { background-color:#55B5D5; color:#FFF; }
.grid .btn-fechado          { background-color:#888888; color:#FFF; }
.grid .btn-fechado:hover    { background-color:#9B9B9B; color:#FFF; }

.btn-acao { padding: 5px 10px !important; }

.vlr-debito  { color: #D9534F; }
.vlr-credito { color: #4ABA58; }
/* FINAL LISTA GRID TABELAS */




/* INICIO FILTRO PESQUISA GRID (SEM LABEL) */
.filtro-pesquisa   { border:1px solid #E1E1E1; padding:12px; color:#333; background-color:#FFF; margin-bottom:10px; text-align:right; }
.filtro-pesquisa .filtro-input { height:30px; padding:4px 7px; font-size:13px; line-height:1.6; color:#555555; background-color:#ffffff; 
                                 background-image:none; border:1px solid #CACACA; border-radius:0px; 
                                 -webkit-transition:border-color ease-in-out .15s; -o-transition:border-color ease-in-out .15s; 
                                 transition:border-color ease-in-out .15s; margin-right:5px; }
.filtro-pesquisa .filtro-btn   { height:30px; line-height: 17px; margin-top: -2px; }
.filtro-pesquisa .filtro-btn-icon { background-image:url(../_img/icons/icon-search.png); background-repeat: no-repeat; background-position: left 11px center; padding-left: 28px; }



@media screen and (min-width:800px){
	.filtro-pesquisa .filtro-input { width:50%; max-width:200px; }
        .filtro-pesquisa .filtro-input25 { width:50%; max-width:120px; }    
}

@media screen and (max-width:799px){
	.filtro-pesquisa { text-align:left; }
	.filtro-pesquisa .filtro-input { display:block; width:100%; margin-bottom:10px; }
}
/* FINAL FILTRO PESQUISA GRID (SEM LABEL) */


/* INICIO FILTRO PESQUISA GRID (COM LABEL) */
.filtro-pesquisa-text-left { text-align:left; }
.filtro-group { width: 22%; float: left; text-align: left; margin-right: 4%; }
.filtro-group select { margin-top: 0; }
.filtro-group label { display: block; margin-bottom: 0 !important; }

@media screen and (min-width:800px){
    .filtro-group .filtro-input { width:100%; max-width: 100%; }
    .filtro-group:nth-of-type(4n+0) { margin-right: 0; }
}

@media screen and (max-width:799px){
    .filtro-group { width: 47%; margin-right: 6%; }
    .filtro-group:nth-of-type(2n+0) { margin-right: 0; }
    .filtro-pesquisa .filtro-input { margin-bottom:15px; }
}

@media screen and (max-width:499px){
    .filtro-group { width: 100%; margin-right: 0%; }
}
/* FINAL FILTRO PESQUISA GRID (COM LABEL) */






/**********************************************************
############## INICIO DIVS FORMULARIO ###############
***********************************************************/
.formulario { position:relative; background-color:#FFF; border-radius:0px; margin-top: 15px; }
.formulario .form-topo  { position:relative; height:46px; line-height:42px; background:#fafafa; color:#666666; font-size:13px; font-weight:600; padding:0 8px; border:1px solid #e5e5e5; border-top-right-radius:0px; border-top-left-radius:0px; }
.formulario .form-topo a { float: right !important; margin-top: 8px; padding: 3px 8px !important; }
.formulario .form-topo a i { margin-right: 5px; }
.formulario .form-body  { position:relative; padding:15px; border:1px solid #e5e5e5; margin-top:-1px; }
.formulario .form-group { margin-bottom:15px; }
.formulario label       { display:inline-block; width:25%; font-size:13px; line-height:1.5; font-weight:600; color:#666666; padding-right:11px; max-width:160px; }
.formulario .form-input { text-transform:capitalize; width:70%; max-width:460px; padding:9px 12px; font-size:13px; line-height:1.5; color:#555555; background-color:#ffffff; background-image:none; border:1px solid #ccc; border-radius:0px; -webkit-transition:border-color ease-in-out .15s; -o-transition:border-color ease-in-out .15s; transition:border-color ease-in-out .15s; }
.formulario .form-input25 { width: 25%; }
.formulario .form-input100 { width: 100% !important; max-width: 100% !important; }
.formulario .form-input:focus { background-color: #EDDEC9; border: 1px solid #DFC59D; }
.formulario .form-input-disabled { background-color:#EAEAEA; border:1px solid #CFCFCF; }
.formulario textarea    { margin-left:3px; }
.formulario select    { margin-bottom:3px; }
.formulario h2          { border-top:1px solid #E5E5E5; font-size:18px; font-weight:600; color:#707070; padding-top:10px; margin-top:40px; margin-bottom:20px; }
.formulario .h2-first   { margin-top:0px; border:0px; }
.formulario .span-img-desc { display:inline-block; width:75px; }
.formulario .input-img     { max-width:95px; margin-right:10px; }
.formulario .checkbox-img  { margin-bottom:15px; }
.formulario .checkbox-img input[type="checkbox"] { float:left; }
.formulario .checkbox-img span { float:left; width:90%; margin-top:1px; margin-left:5px; font-weight:600; min-width:30px; }

.formulario .box-span-file { float: left; }
.formulario .box-input-file { float: left; }
.formulario .input-file { width: 230px; float: right; }
.formulario .img-upload { margin-right: 19px; }
.formulario .input-yellow { background-color: #F8F0C2!important; }

.formulario .formulario-content {
    padding: 12px 0;
    font-family: 'Open Sans', serif !important;
    font-size: 13px;
}

.form_fieldset label { width: 100%!important; max-width: 100% !important; }

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}


/* Estilos gerais */
#financeiro {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 20px;
    font-family: Arial, sans-serif;
}

#financeiro h3, #financeiro h4 {
    margin-top: 0;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

/* Estilos das boxes */
#financeiro .box-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

#financeiro .box {
    padding: 20px;
    width: 30%;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#financeiro .box:nth-child(1) {
    background-color: #2196f3; /* Verde para Valor da Locação */
}

#financeiro .box:nth-child(2) {
    background-color: #4caf50; /* Azul para Valor Pago */
}

#financeiro .box:nth-child(3) {
    background-color: #f44336; /* Vermelho para Valor Devedor */
}

#financeiro .box h4 {
    margin: 0 0 10px;
}

#financeiro .box p {
    font-size: 2em;
}

/* Estilos das tabelas */
#financeiro .grid-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
}

#financeiro .grid-table th, .grid-table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

#financeiro .grid-table th {
    background-color: #f2f2f2;
    text-transform: uppercase;
    font-weight: bold;
}

#financeiro .grid-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

#financeiro .grid-table tbody tr:hover {
    background-color: #f1f1f1;
}

/* Estilos dos formulários */
#financeiro form {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 20px;
}

#financeiro form .form-group {
    margin-bottom: 15px;
}

#financeiro form .form-group label {
    display: inline;
    margin-bottom: 5px;
    font-weight: bold;
}

#financeiro form .form-group input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#financeiro form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

#financeiro form button:hover {
    background-color: #0056b3;
}



/* 
 * checkbox com label 
 * EX: <label class="label_check">Domingo <input type="checkbox" name="domingo" id="domingo" value="1" style="width: 22px;" /></label>
 */
.label_check{ display:inline-block; float:left; }
.label_check input{ float: left; margin-top: 3px; }

@media screen and (max-width:799px){
	.formulario label       { display:block; width:100%; font-size:13px; line-height:1.5; font-weight:600; color:#666666; padding-right:11px; max-width:160px; }
	.formulario .form-input { width:100%; padding:9px 12px; font-size:13px; line-height:1.5; color:#555555; background-color:#ffffff; background-image:none; border:1px solid #dddddd; border-radius:0px; -webkit-transition:border-color ease-in-out .15s; -o-transition:border-color ease-in-out .15s; transition:border-color ease-in-out .15s; }
	.formulario .form-input25 { width:100%; }
        .formulario textarea    { margin-left:0px; }
	.formulario .input-img  { margin-top:10px; }
        
        .formulario .box-span-file { float: none; }
        .formulario .box-input-file { float: none; }
        .formulario .input-file { width: 100%; float: none; }
        .formulario .img-upload { margin-right: 0px; margin-top: 15px; }
}
.formulario .form-input:focus { border-color: #75a5e4; outline: 0; }
.formulario .form-botao { margin-top:15px; }
.formulario .asterisco { color:#E9573F; font-size:11px; }
.formulario .campo-obrigatorio { border-color: #dc3232!important; }
.formulario .form-radio { display: inline-block; margin-right: 15px; font-size: 16px; line-height: 24px; }
.formulario .form-radio input[type="radio"] { width: auto; }
.formulario .form-radio input[type="checkbox"] { width: auto; }
/* FINAL DIVS FORM */



/*PERSONALIZADO*/
.span-sit-ativo   { display: block; max-width: 60px; text-align: center; background-color: #4ABA58; padding: 5px 10px; border-radius: 15px; color: #fff; }
.span-sit-inativo { display: block; max-width: 60px; text-align: center; background-color: #D9534F; padding: 5px 10px; border-radius: 15px; color: #fff; }

.span-ativo   { display: block; min-width: 60px; text-align: center; background-color: #4ABA58; padding: 5px 10px; border-radius: 15px; color: #fff; }
.span-inativo { display: block; min-width: 60px; text-align: center; background-color: #D9534F; padding: 5px 10px; border-radius: 15px; color: #fff; }


.log-box-fleft50 { float: left; width: 50%; }
.log-box-fright50 { float: right; width: 40%; margin-left: 5%; }
.log-box-fright50 .log-content { border: 1px solid #DDDDDD; border-radius: 10px; background-color: #F1F2F3; padding: 12px; }
.log-box-fright50 strong { color: #333333; }

.log h2 { border-top:0; font-size: 15px; font-weight: 600; color: #707070; padding-top: 0; margin: 5px 0 5px 0; }
.log pre { border: 1px solid #DDDDDD; border-radius: 10px; background-color: #F1F2F3; padding: 12px; font-size: 15px; }

@media screen and (max-width:699px){
    .log-box-fleft50 { float: none; width: 100%; }
    .log-box-fright50 { float: none; width: 100%; margin-left: 0; margin-bottom: 50px; }
}

.box-sel-condominio { background-color: #fafafa; border: 1px solid #e5e5e5; border-top: 0; padding: 8px; margin-top: -15px; color: #666666; }
.box-sel-condominio span { line-height: 40px; font-size: 14px; }
.box-sel-condominio span i { font-size: 18px; }
@media screen and (max-width:1024px){
    .box-sel-condominio { background-color: #fafafa; }
}
@media screen and (max-width:768px){
    .box-sel-condominio { background-color: #fafafa; }
}

.modal-liberar-morador .box-foto { float: left; width: 25%; margin-right: 5%; }
.modal-liberar-morador .box-form { float: left; width: 70%; }
.modal-liberar-morador .box_form { padding: 10px !important; background-color: #EDEDED; border: 1px solid #DFE0E3; margin-bottom: 20px; }
.modal-liberar-morador .box_form h3 { color: #7E7E7E; margin-bottom: 15px; margin-top: 4px; padding-bottom: 8px; border-bottom: 1px solid #C9C9C9; text-transform: uppercase; font-size: 18px; font-weight: 400; }

.span-semana { border: 1px solid #000; padding: 4px; margin-right: 8px; }

.select2-container { border: none !important; background-color: unset !important; }

@media (max-width:767px){
    .txt-center { text-align: center; }
}

/*PERFIL DO MORADOR*/
.perfil-content { margin-top: 20px; }
.perfil-content h1 { font-size: 1.8em; font-weight: 300; }
.perfil-box { width: 22.75%; float: left; margin: 20px 3% 10px 0; border: 1px solid #CDCDCD; text-align: center; padding-bottom: 20px; }
.perfil-box h1 { font-size: 1.4em; font-weight: 300; margin: 20px 0 4px 0; }
.perfil-box h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase; }
.perfil-box p { font-size: 1.1em; margin: 1px; }
.perfil-box p i { margin-right: 6px; font-size: 18px; color: #4ABA58; }
.span-interfornar-nao { background-color: #D9534F; color: #fff; padding: 3px 6px; border-radius: 10px; }
.span-interfornar-sim { background-color: #4ABA58; color: #fff; padding: 3px 6px; border-radius: 10px; }
@media (min-width:850px){
    .perfil-box:nth-of-type(4n+0) { margin-right: 0; }
}


/*****DASHBOARD*****/
.dashboard .box-branco { background-color: #fff; border: 1px solid #E5E5E5; padding: 10px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.dashboard .box-branco h1 { padding: 0; margin: 0 0 12px 0; color: #5D425C; font-size: 1.8em; font-weight:500; }
.dashboard .box-branco { min-height: 150px !important; background-color: #fff; border: 1px solid #E5E5E5; padding: 15px; margin-top: 20px; }


.dashboard .box-branco span { /*font-size: 22px;*/ color: #666; top: 15px; }
/*
.dashboard .box-branco p { font-size: 64px; color: #666; bottom: 20px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; }
*/
.boxSaldo { float: left; width: 30%; margin: 0 3% 15px 0; background-color: #79818a; color: #fff; padding: 10px 15px; }
.boxSaldo h2 { margin: 0 0 10px 0; font-size: 2.0em; font-weight: 600; }
.boxSaldo h3 { margin: 0; text-transform: uppercase; font-size: 1.1em; }
.boxSaldo h3 b { font-size: 1.3em; margin-left: 15px; }

.box-content { margin-bottom: 10px; }
.box-content .col-sm-6, .col-md-4 { padding-left: 5px !important; padding-right: 5px !important; }
.box-graphic .col-sm-6, .col-sm-6 { padding-left: 5px !important; padding-right: 5px !important; }

.chart-google { width: 100%; min-height: 400px; }

@media (min-width:850px){
    .dashboard .box25:nth-of-type(4n+0) { margin-right: 0; }
}
@media (min-width:800px){
    .dashboard .box50:nth-of-type(2n+0) { margin-right: 0; }
}


@media screen and (max-width:849px){
    .dashboard .box25 { width: 48%; margin-right: 4%; }
    .dashboard .box25:nth-of-type(2n+0) { margin-right: 0; }
}
@media screen and (max-width:799px){
    .dashboard .box50 { width: 100%; margin-right: 0; }
}
@media screen and (max-width:499px){
    .dashboard .box25 h3 { font-size: 1em; }
}
@media screen and (max-width:399px){
    .dashboard .box25 { width: 100%; margin-right: 0%; }
}
/* FINAL DASHBOARD */








/*PERSONALIZADO*/
.grid { border:0; border: 1px solid #E1E1E1; }
table, td, th { border:0; border:1px solid #bfbaba; padding:5px; color:#333; background-color:#FFF; }

.grid_resultado { margin-top: 10px; }

.orcamento-cor-grid { background-color: #d6e9d6 !important; }

.tabela-td-selecionado    { background-color: #ADDEFC !important; }
.tabela-td-naoselecionado { background-color: #FFFFFF; }
.tabela-font-vermelho { color: #FF3A3A !important; }
.tabela-font-azul     { color: #6600FF !important; }

.ped-producao .boxlabel { float: left; }
.ped-producao .boxlabel .legend { display: block; font-size: 1em; text-align:left; text-transform: uppercase; color: #333; font-weight: 300; margin-bottom: 1px; }
.ped-producao .input { padding: 8px; font-size: 1em; font-weight: 300; border: 1px solid #ccc; text-align:left; color: #000; margin-bottom: 20px; }
.ped-producao i { margin-right: 8px; }
.ped-producao .input100 { width: 100% !important; }
.ped-producao .input30 { width: 30% !important; margin-right: 5%; }
.ped-producao .input30-marzero { margin-right: 0; }

@media screen and (max-width:499px){
	.ped-producao .boxlabel { float:none; }
	.ped-producao .input30 { width: 100% !important; margin-right: 0; }
}

.box-orcamento .form-group label { min-width: 45% !important; }
.box-orcamento .form-group input { min-width: 35% !important; }

@media screen and (max-width:499px){
	.box-orcamento .form-group label { min-width: 100% !important; }
	.box-orcamento .form-group input { min-width: 100% !important; }
}

/*Botao com dropdown bootstrap para impressao de relaorio*/
.titulo-pagina .dropdown { float:right; }
.titulo-pagina .dropdown a { float:none; }


.box-branco { background-color: #fff; border: 1px solid #E5E5E5; padding: 10px; margin-bottom: 25px; }
.box-titulo { border-bottom: 1px solid #E5E5E5; width: 100%; font-size: 18px; padding-bottom: 5px; }
.sidebar a { display:block; width: 100%; font-size: 14px; padding: 6px; }
.sidebar a:hover { background-color: #f7f8f9; text-decoration: none; }
.sidebar a.active { background-color: #e7eaec; color: #0f3b61; }

.comanda-aberto { background-color:#C4FFE1; color: #006633; font-weight:bold; padding: 5px 20px; border: 1px solid #006633; display:inline-block; margin-top: 1px; float: right; }
.comanda-fechado { background-color:#FFD7D7; color: #FF0000; font-weight:bold; padding: 5px 20px; border: 1px solid #FF0000; display:inline-block; margin-top: 1px; float: right; }


.box-receb-pago { border: 1px dashed #9c8585; border-radius: 5px; padding: 10px; background-color: #d0d9e6; margin-top: 8px; }
.box-receb-pago label { width: 38%; }
.box-receb-pago .form-input25 { width: 35%; }
@media screen and (max-width:799px){
    .box-receb-pago label { width: 100%; }
    .box-receb-pago .form-input25 { width: 100%; }
}

/**********************************************************
############## PERSONALIZADO SISTEMA JOIA ###############
***********************************************************/
.box-estoque { background-color: #f3cd7954; padding: 0 0 0 15px; border: 1px dotted #ad8e4b; }
.box-estoque h3 { color: #ad8e4b; font-size: 18px; border-bottom: 1px solid #ad8e4b; padding: 15px 0 4px 0; margin: 0 16px 15px 0; }
.formulario .form-input-stock-disabled { background-color: #bb986982; border: 1px solid #c79a4b; color: #fff; }

.status_ativo   { border-radius: 50%; display: block; height: 8px; width: 8px; background-color: #00b494; }
.status_inativo { border-radius: 50%; display: block; height: 8px; width: 8px; background-color: #f45563; }


/**********
* TELA DE ROMANEIO
**********/

.romaneio-view { font: 1em 'Open Sans', serif; }
.romaneio-view-menu { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.romaneio-view-form-prod { background-color: #F5F5F5; padding: 15px 0; }
.romaneio-view-form-prod label { width: 100% !important; max-width: 100%; }
.romaneio-view-t-list-prod    { background-color: #E7E7E7; padding: 12px 6px; margin: 10px 0 5px 0; }
.romaneio-view-t-list-prod h2 { margin: 0; padding-top: 0; border: 0; }

.romaneio-view-box-info { border: 3px solid #E9E9E9; border-top: 5px solid #E9E9E9; margin-bottom: 20px; padding: 6px; }
.romaneio-view-box-info h3 { 
    border-bottom: 3px dotted #7db6d6; font-size: 16px; text-transform: uppercase; padding: 6px; margin: 0 0 20px 0; font-weight: 600; 
}
.romaneio-view-box-info p { font-size: 12px; background-color: #eaf2f7; padding: 7px; }
.romaneio-view-box-info p strong { text-transform: uppercase; }
.romaneio-view-box-info .preco { font-size: 22px; font-weight: 600; text-align: center; }
.romaneio-view-box-info ul li { list-style: square; margin: 0 0 10px 20px; font-size: 13px; border-bottom: 1px dotted #CCC; padding: 0 0 10px 0; }

.romaneio-view-table-prod { margin-bottom: 25px; }
.romaneio-view-table-prod table, .romaneio-view-table-prod tr, .romaneio-view-table-prod td { 
    border: 0; border-bottom: 1px dotted #CCC; padding: 8px 0 8px 0; 
}
.romaneio-view-table-prod .td-title { font-weight: 700; font-size: 15px; }
.romaneio-view-table-prod input { max-width: 80px; text-align: center; font-weight: bold; font-size: 12px !important; padding-left: 1px; }
.romaneio-view-table-prod span { font-size: 1.1em; }
.romaneio-view-table-prod p { font-size: 1.3em; font-weight: 600; margin-top: 2px; }
.romaneio-view-table-prod .romaneio-valor { font-size: 1.2rem; font-weight: 600; }
.romaneio-view-table-prod .romaneio-btn-delete i { font-size: 20px; }
.romaneio-view-table-prod .romaneio-btn-delete i:hover { cursor: pointer; color: #D62422; font-size: 26px; }
.romaneio-view-table-prod .romaneio-retorno-btn-delete i { font-size: 20px; }
.romaneio-view-table-prod .romaneio-retorno-btn-delete i:hover { cursor: pointer; color: #D62422; font-size: 26px; }

.romaneio-view .romaneio-stage { padding-bottom: 80px; }
.romaneio-view .romaneio-stage li { 
    font-size: 2rem; float: left; width: 33.3%; text-align: center; background-color: #f6f6f6; border: 1px solid #e6e3e3;
    padding: 10px 15px; color: #987979;
}
.romaneio-view .romaneio-stage li.active { background-color: #9d8484 !important; color: #FFF; border: 1px solid #9d8484; }
.romaneio-view .form-control { display: inline-block; }

.romaneio-view .alert-romaneio-fechado { text-transform: uppercase; font-weight: 600; font-size: 1.6rem; margin-bottom: 0; }


/* ABAS FECHAMENTO ROMANEIO */
.romaneio-view .nav-tabs { border-bottom: 5px solid #eef1f6; }
.romaneio-view .nav-tabs>li { float: left; margin-bottom: -5px; }
.romaneio-view .nav-tabs>li>a { 
    margin-right: 0; line-height: 1.42857143; border: 5px solid #eef1f6; border-bottom: 0; border-radius: 10px 10px 0 0; 
    background-color: #eef1f6; padding: 15px 25px; font-size: 1.5rem; margin-left: 10px;
}
.romaneio-view .nav-tabs>li>a:hover { background-color: #FFF; }

.romaneio-view .nav-tabs .active a { background-color: #FFF; border: 5px solid #eef1f6; border-bottom: 0; }
.romaneio-view .nav-tabs>li>a:hover, .romaneio-view .nav-tabs>li>a:focus { border: 5px solid #eef1f6; border-bottom: 0; }
.romaneio-view .tab-pane { padding-top: 40px; padding-bottom: 15px; }







/*****************************************************************************************
############## ***** ESTILO PARA O MODULO FINANCEIRO ***** ##############
*****************************************************************************************/
.financ-menu { float: left; margin-right: 4px; }

.financ-left-zero  { padding-left: 0 !important; }
.financ-right-zero { padding-right: 0 !important; }

.financ-dashboard { font-family: 'Open Sans'; font-size:14px; }
.financ-dashboard h3 { font-weight: 400; font-size: 18px; margin: 0 0 10px 0; }

.financ-b-acesso-rapido a { float: left; text-align: center; background-color: #F5F5F5; margin-right: 10px; margin-top: 10px;
                            padding: 10px 0 10px 0; width: 120px; color: #7A5555; font-size: 15px; }
.financ-b-acesso-rapido a:hover { background-color: #E6E6E6; text-decoration: none; }
.financ-b-acesso-rapido a i { font-size: 40px; margin-bottom: 2px; }
.financ-b-acesso-rapido .icon-red { color: #FF8574; }
.financ-b-acesso-rapido .icon-green { color: #05C9A5; }
.financ-b-acesso-rapido .icon-blue { color: #43A2F1; }

.financ-b-conta .f-conta-geral { color: #FFF; padding: 15px; margin-top: 15px; }
.financ-b-conta .f-conta-geral h2 { margin: 0; font-size: 34px; font-weight: 600; }
.financ-b-conta .f-conta-geral h2 span { font-size: 20px; }
.financ-b-conta .f-conta-geral span { color: #FFF; margin: 0; font-size: 20px; text-transform: uppercase; margin-top: 13px; }
.financ-b-conta .bg-red { background-color: #FF8574; } /*Para Saldo Negativo*/
.financ-b-conta .bg-green { background-color: #05C9A5; } /*Para Saldo Positivo*/
.financ-b-conta .f-conta-bank { border-bottom: 1px dotted #ccc; padding: 10px 0 15px 0; margin-top: 20px; }
.financ-b-conta .f-conta-bank img { width: 40px; margin-right: 12px; }
.financ-b-conta .f-conta-bank p { margin: 0; font-size: 15px; font-weight: 600; color: #43A2F1; }
.financ-b-conta .f-conta-bank span { margin: 0; font-size: 12px; }
.financ-b-conta .f-conta-bank h2 { margin: 0; font-size: 24px; font-weight: 600; margin-top: 7px; }
.financ-b-conta .font-red { color: #FF8574; }
.financ-b-conta .font-green { color: #05C9A5; }

.financ-b-conta-receb-pagar p { padding: 10px 15px; background-color: #F5F5F5; color: #898F92; font-weight: 600; margin-top: 15px; }
.financ-b-conta-receb-pagar .f-conta-receb-pagar { border-bottom: 1px dotted #ccc; padding: 10px 0 15px 0; margin-top: 0px; }
.financ-b-conta-receb-pagar .f-conta-receb-pagar i { font-size: 15px; margin: 12px 8px 0 0; }
.financ-b-conta-receb-pagar .f-conta-receb-pagar p { padding: 0; margin: 0; background-color: #FFF; font-size: 15px; font-weight: 600; color: #43A2F1; }
.financ-b-conta-receb-pagar .f-conta-receb-pagar span { margin: 0; font-size: 12px; }
.financ-b-conta-receb-pagar .f-conta-receb-pagar h2 { margin: 0; font-size: 16px; font-weight: 600; margin-top: 7px; }
.financ-b-conta-receb-pagar .icon-red { color: #FF8574; }
.financ-b-conta-receb-pagar .icon-green { color: #05C9A5; }

.financ-b-receb-pagar-hoje { min-height: 190px; }
.financ-b-receb-pagar-hoje h3 { display: block; margin-bottom: 20px; }
.financ-b-receb-pagar-hoje .f-receb-pagar-hoje { text-align: center; }
.financ-b-receb-pagar-hoje .f-receb-pagar-hoje a { margin: 25px 0 10px 0; }
.financ-b-receb-pagar-hoje .f-receb-pagar-hoje h4 { margin: 0; font-size: 22px; font-weight: 600; }
.financ-b-receb-pagar-hoje .f-receb-pagar-hoje p { margin: 0; color: #395A7A; font-weight: 700; margin-bottom: 1px; }
.financ-b-receb-pagar-hoje .f-receb-pagar-hoje span { display: block; color: #395A7A; font-size: 13px; }
.financ-b-receb-pagar-hoje .font-red { color: #FF8574; }
.financ-b-receb-pagar-hoje .font-green { color: #05C9A5; }

.financ-b-receb-pagar-atraso { min-height: 165px; }
.financ-b-receb-pagar-atraso h4 { text-align: center; padding: 20px 0; font-size: 30px; font-weight: 600; }
.financ-b-receb-pagar-atraso span { display: block; color: #395A7A; font-size: 14px; }
.financ-b-receb-pagar-atraso .font-red { color: #FF8574; }
.financ-b-receb-pagar-atraso .font-green { color: #05C9A5; }



/*****************************************************************************************
############## ***** ESTILO PARA O DASHBOARD REPRESENTANTE ***** ##############
*****************************************************************************************/

.represente-dashbox { 
    text-align: center; background-color: #fbfbfb; margin-bottom: 20px; padding: 20px; border: 2px solid #c1c1c1; 
    border-left: 0; border-right: 0;
}
.represente-dashbox span { font-size: 1.5rem; }
.represente-dashbox h3 { font-size: 4.0rem; }

.represente-dashromaneio table, .represente-dashromaneio table td, .represente-dashromaneio table th { border: 0 !important; }
.represente-dashromaneio td { padding-bottom: 20px; }
.represente-dashromaneio span { margin: 0; font-size: 1.2rem; }
.represente-dashromaneio p { margin: 0; font-size: 1.5rem; font-weight: 600; }
.represente-dashromaneio .btn_green span { color: #FFF !important; }

/*****************************************************************************************
############## ***** ESTILO PARA O DASHBOARD ***** ##############
*****************************************************************************************/
.panel {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	/* WHY?
	+ .panel {
		margin-top: 35px;
	}*/;
}

.panel-heading {
	background: #f6f6f6;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #DADADA;
	padding: 18px;
	position: relative;
}

.panel-heading.bg-primary {
	background: #cccccc;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-secondary {
	background: #e36159;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-tertiary {
	background: #2baab1;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-quartenary {
	background: #734ba9;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-success {
	background: #47a447;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-warning {
	background: #ed9c28;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-danger {
	background: #d2322d;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-info {
	background: #5bc0de;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-dark {
	background: #171717;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-white {
	background: #fff;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-actions {
	right: 15px;
	position: absolute;
	top: 15px;
}

.panel-actions a {
	background-color: transparent;
	border-radius: 2px;
	color: #b4b4b4;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
}

.panel-actions a:hover {
	background-color: #eeeeee;
	color: #b4b4b4;
	text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited {
	outline: none !important;
	text-decoration: none !important;
}

.panel-title {
	color: #33353f;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
}

.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.panel-body-nopadding {
	padding: 0;
}

.panel-heading + .panel-body {
	border-radius: 0 0 5px 5px;
}

.panel-footer {
	border-radius: 0 0 5px 5px;
	margin-top: -5px;
}

.panel-footer-btn-group {
	display: table;
	width: 100%;
	padding: 0;
}

.panel-footer-btn-group a {
	background-color: #f5f5f5;
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ddd;
	padding: 10px 15px;
	text-decoration: none;
}

.panel-footer-btn-group a:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
	border-left: none;
}

.panel-body.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-body.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-body.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-body.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-body.bg-success {
	background: #47a447;
	color: white;
}

.panel-body.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-body.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-body.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-body.bg-dark {
	background: #171717;
	color: white;
}

.panel-featured {
	border-top: 3px solid #33353f;
}

.panel-featured .panel-heading {
	border-radius: 0;
}

.panel-featured-top {
	border-top: 3px solid #33353f;
}

.panel-featured-right {
	border-right: 3px solid #33353f;
}

.panel-featured-bottom {
	border-bottom: 3px solid #33353f;
}

.panel-featured-left {
	border-left: 3px solid #33353f;
}

.panel-featured-primary {
	border-color: #cccccc;
}

.panel-featured-primary {
	border-color: #0088cc;
}

.panel-featured-primary .panel-title {
	color: #cccccc;
}

.panel-featured-secondary {
	border-color: #e36159;
}

.panel-featured-secondary .panel-title {
	color: #e36159;
}

.panel-featured-tertiary {
	border-color: #2baab1;
}

.panel-featured-tertiary .panel-title {
	color: #2baab1;
}

.panel-featured-quartenary {
	border-color: #734ba9;
}

.panel-featured-quartenary .panel-title {
	color: #734ba9;
}

.panel-featured-success {
	border-color: #47a447;
}

.panel-featured-success .panel-title {
	color: #47a447;
}

.panel-featured-warning {
	border-color: #ed9c28;
}

.panel-featured-warning .panel-title {
	color: #ed9c28;
}

.panel-featured-danger {
	border-color: #d2322d;
}

.panel-featured-danger .panel-title {
	color: #d2322d;
}

.panel-featured-info {
	border-color: #5bc0de;
}

.panel-featured-info .panel-title {
	color: #5bc0de;
}

.panel-featured-dark {
	border-color: #171717;
}

.panel-featured-dark .panel-title {
	color: #171717;
}

.panel-highlight .panel-heading {
	background-color: #cccccc;
	border-color: #cccccc;
	color: #fff;
}

.panel-highlight .panel-title {
	color: #fff;
}

.panel-highlight .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-highlight .panel-body {
	background-color: #cccccc;
	color: #fff;
}

.panel-highlight-title .panel-heading {
	background-color: #2BAAB1;
}

.panel-highlight-title .panel-title {
	color: #fff;
}

.panel-highlight-title .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight-title .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-heading-icon {
	margin: 0 auto;
	font-size: 42px;
	font-size: 4.2rem;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 55px;
	border-radius: 55px;
}

.panel-heading-icon.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-heading-icon.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-heading-icon.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-heading-icon.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-heading-icon.bg-success {
	background: #47a447;
	color: white;
}

.panel-heading-icon.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-heading-icon.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-heading-icon.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-heading-icon.bg-dark {
	background: #171717;
	color: white;
}

.panel-heading-profile-picture img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.panel-icon {
	color: #fff;
	font-size: 42px;
	float: left;
}

.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
	margin-left: 64px;
}

/* Widget - Summary */
.widget-summary {
	display: table;
	width: 100%;
}

.widget-summary:after {
	content: "";
	display: table;
	clear: both;
}

.widget-summary .widget-summary-col {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

.widget-summary .widget-summary-col.widget-summary-col-icon {
	width: 1%;
}

.widget-summary .summary-icon {
	margin-right: 15px;
	font-size: 42px;
	font-size: 4.2rem;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 55px;
	border-radius: 55px;
}

.widget-summary .summary {
	min-height: 65px;
	word-break: break-all;
}

.widget-summary .summary .title {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 22px;
	line-height: 2.2rem;
	color: #333333;
	font-weight: 500;
}

.widget-summary .summary .info {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	line-height: 3rem;
}

.widget-summary .summary .info span {
	vertical-align: middle;
}

.widget-summary .summary .amount {
	margin-right: .2em;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	color: #333333;
	vertical-align: middle;
}

.widget-summary .summary-footer {
	padding: 5px 0 0;
	border-top: 1px dotted #ddd;
	text-align: right;
}

.bg-default {
	background: #ebebeb;
	color: #777777;
}

.bg-secondary {
	background: #e36159;
	color: white;
}

.bg-tertiary {
	background: #2baab1;
	color: white;
}

.bg-quartenary {
	background: #734ba9;
	color: white;
}