/* Estilo de cores personalizadas para o topo e barra principal */

/* Importar do arquivo ocomon_colors.css */
@import url(./ocomon_colors.css);

:root {
  --topo-background: var(--ocomon-1);
  --topo-text: white;
  --barra-background: var(--ocomon-2);
  --barra-text-color: white;
  --barra-text-hover-color: var(--ocomon-3-lightest);
  --barra-text-hover-background: var(--ocomon-2);
  --barra-border-top:  var(--ocomon-1-lighter);
  --barra-border-bottom:  var(--ocomon-1-lighter);
  --barra-border-right: white;
  --barra-border-left: white;

  --menu-lateral-bg: var(--barra-background);
  /* --menu-lateral-color: var(--barra-text-color); */

}


.cursor-no-event {
  cursor: default !important;
}

/* Logomarca na tela de login */
.login-mainlogo {
  background: url('../logos/MAIN_LOGO.png') no-repeat center left;
  background-size: contain;
  display: block;
  height: 50px;
}

/* Logomarca na barra principal do sistema */
.header-mainlogo {
  background: url('../logos/MAIN_LOGO.png') no-repeat top left;
  background-size: contain;
  display: block;
  width: 280px;
  min-height: 46.3px;
  max-height: 46.3px;
}


/* Logomarca nas impressões para atendimento */
.print-mainlogo {
  background: url('../logos/MAIN_LOGO.png') no-repeat center right;
  background-size: contain;
  display: block;
  width: 100px;
  min-height: 46.3px;
  max-height: 46.3px;
}


/* Logomarca dos relatórios - É necessário considerar que o fundo do relatório será branco */
.report-mainlogo {
  /* Importante: precisa estar no diretório includes/logos */
  background: url('../logos/MAIN_LOGO.png') no-repeat top left;
  background-size: contain;
  display: block;
  width: 150px;
}

/* Imagem de fundo na tela de login */
.login-screen {
  background-image: url('../imgs/login-background.jpg') !important;
  background-size: cover !important;
}


/**
Cabeçalho e barra superior de opções
*/
div.topo-color, span.topo-color {
  background-color: var(--topo-background) !important;
  color: var(--topo-text) !important;
}

a.topo-color {
  color: var(--topo-text) !important;
}

div.barra {
  color: var(--barra-text-color) !important;
  background-color: var(--barra-background) !important;
  border-right-color: var(--barra-border-right) !important;
  border-left-color: var(--barra-border-left) !important;
  border-top: 2px solid var(--barra-border-top) !important;
  border-bottom: 2px solid var(--barra-border-bottom) !important;
}

.td-barra {
  padding: 5px;
  color: var(--barra-text-color) !important;
  /* background-color: white !important; */
}

.td-barra:hover {
  color: var(--barra-text-hover-color) !important;
  background-color: var(--barra-text-hover-background) !important;
}

a.barra-selected {
    color: var(--barra-text-hover-color) !important;
    background-color: var(--barra-text-hover-background) !important;
}

.td-barra-right {
  /* float: inline-end !important; */
  color: var(--barra-text-color) !important;
}



/* Menu lateral */
.ocomon-theme .sidebar-wrapper {
  background-color: var(--menu-lateral-bg) !important; 
  /* color: var(--menu-lateral-color) !important; */
}



/* Cabeçalhos de listagems - tabelas */
tr.header,
input.header {
  background-color: var(--ocomon-2);
}


/**
Cards, seções e barra de navegação
*/

/* Cards na fila de chamados e no dashboard */
/* .top-cards .card-header, .side-cards .card-header {
  background-color: var(--ocomon-3)!important;
} */

/* Seções acordeon nas filas de chamados */
/* .accordion .card-header {
  background-color: var(--ocomon-3)!important;
} */

/* Texto nos acordeons na tela de detalhes dos ativos */
/* .accordion .card-header h6{
  color: white !important;
} */

/* Barra de navegação na tela de detalhes de chamados e ativos */
/* .navbar, .navbar-nav {
  background-color: var(--ocomon-3)!important;
}
.navbar-nav>.nav-link:hover {
  background-color: var(--ocomon-3-dark) !important;
} */


/**
Área de login
*/

/* Botão de login */
/* .login100-form-btn {
  background-color: var(--ocomon-3)!important;
} */

/* .login100-form-btn:hover {
  background-color: var(--ocomon-3-dark)!important;
} */

/* .login100-form-social-item {
  color: white !important;
  background-color: var(--ocomon-3-lighter)!important;
}

.login100-form-social-item:hover {
  color: white !important;
  background-color: var(--ocomon-3)!important;
} */


/* Botão de cancelar no registro ou alteração de senha */
/* .container-login100-form-btn .bg-secondary {
  background-color: var(--ocomon-2)!important;
}
.container-login100-form-btn .bg-secondary:hover {
  background-color: var(--ocomon-2-dark)!important;
} */


.alert-info {
  border: 1px solid #0C5460 !important;
}

.alert-danger {
  border: 1px solid #6D1A17 !important;
}

.alert-secondary {
  border: 1px solid #253238 !important;
}


/* Aplicar estilos em todos os iframes menos no iframe #iframeMain */
iframe:not(#iframeMain) {
  border: 1px solid #48606B;
  border-radius: .25rem;
}