/* IMPORTAÇÕES */
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* IMPORT FILE WITH COLORS CONFIG. */
@import url('./CONFIGURACAO.css');

/* STYLE FROM LOGIN PAGE */
@import url('./login_view.css');

/* IMPORTS PAGE TITLE */
@import url('./page_title.css');

/* IMPORTS LOADING ANIMATION */
@import url('./loading.css');

/* IMPORTS POINTS LOADING ANIMATION */
@import url('./filters_loader.css');

/* IMPORTS DASH LOADING ANIMATION */
@import url('./loading_dash.css');

/* IMPORTS CHECKBOX STYLE FOR SETTINGS */
@import url('./settings_checkbox.css');

/* IMPORTS BUTTONS STYLES */
@import url('./buttons.css');

/* IMPORTS MODAL CONFIG STYLES */
@import url('./modal_config.css');

/* ------------------------------ PARTE ANTIGA ------------------------------ */
@import url("grafico.css");
@import url("modelonovo.css");

/*IMPORTS TOPBAR STYLE (CLOSED/OPEN)*/
@import url("./novo_estilo/topbar.css");

/*IMPORTS CHART BOXES STYLE*/
@import url("./boxes/boxes.css");
@import url("./boxes/estilo_graficos.css");

/*NOVO ESTILO DOS BOXES*/
@import url("./boxes/novos_boxes.css");

/*NOVO ESTILO DO TOPBAR*/
@import url("./novo_estilo/topbar.css");
@import url("./menu/novo_toggle.css");

/*NOVO TOGGLE ESTILO DO TOPBAR*/
@import url("./novo_estilo/toggle.css");


body {
  background: var(--body--background);
  height: 100vh;
}

h1, h2, h3, h4, p, span, div, label{
  font-family: 'Roboto', sans-serif;
}

.ui-notification, .message{ z-index: 9999999; }

/* ------------------------------------ GENERAL STYLE ------------------------------------*/
.modelo {
  /*FLEXBOX CONFIG*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* ------------------------------------ GENERAL STYLE -END ------------------------------------*/

@media only screen and (max-width: 800px) {

  .modelo .page-title {
    margin: 7em 0 2em 0;
    flex-direction: column;
    align-items: center;
  }
  
  .modelo .page-title .title-name, .title-descr {
    border-right: none;
    padding: 0 0;
  }
}

@media only screen and (max-width: 1024px) {
  .page-title select{
    width:270px;
  }
  
  .grafico-conjunto-two{ height: auto; }
  
  .grupo-graficos-horizontal canvas{ height: 350px; }
}

/* ------------------------------------ PAGE TITLE -END ------------------------------------  */
select:required {
  box-shadow: none;
}
select:-moz-submit-invalid {
  box-shadow: none;
}

.form-group {
  margin-bottom: 10px;
}

/* POPUP */
.modal-popup-body{
    padding: 25px;

}
.modal-popup-body .modal-title{
    text-align: center;
    font-weight: bold !important;
    color: black !important;
}
.modal-popup .modal-header {
  padding: 25px;

}
 .modal-popup .modal-footer{border-bottom: none !important; border-top: none !important;}
 .menu-open {
    height: auto;
}

.btn-filtro {
    position: absolute!important;
    top: 75px!important;
}