/*
 * Sistema SGA - Tema Pro
 * Define as variáveis de cores e dimensões para a versão Pro do sistema
 * @author Pricila Oliveira
 * @since 10/06/2025
*/

:root {
  --primaryColor: linear-gradient(#202a44, #0a2a56);
  --menuColor: #333333;
  --secondaryColor: #8c7e3a;
  --blue-gradient: linear-gradient(#202a44, #0a2a56); 
  --textColor: #202a44;
  --textColorTitle: #2f1e5e;
  --dark-primary: linear-gradient(#202a44, #0a2a56);


  --headerTabelas: linear-gradient(#202a44, #0a2a56);
  --textAclicavel: #0d6efd;
  --textAclicalbleHover:#084298;

  /* sidebar colors */
  --sidebarCatColor: #ced9e5;
  --sidebarChildColors: #ced9e5;
  --sidebarBackground: #1b365d;

  --sidebarCatActived: #7089ac;
  --sidebarCurrentPage: #7089ac;
  --menuOptionsHover: rgba(255, 255, 255, 0.06);


  /* Botões */
  --buttonSuccess: #3e5677 !important;
  --hoverSuccess: #213d64 !important;

  --buttonDanger: #a33c3e !important; 
  --hoverDanger: #a32224 !important;


  --buttonWarning: #f4b942  !important;
  --hoverWarning: #f3b118  !important;

  --sidebarArrowHover: ;
  --favIconColor: #ced9e5;

  --toprightmenuHover: transparent;

  /* Tables Header e badge */
  --tableHeaderBkColor: var(--primaryColor);

  /* right col */
  /*  --backgroundColorRightCol: #CED9E5; */
  --backgroundColorRightCol: #fafafa;

  /* x-panel  */
  --backgroundPanel: var(--backgroundColorRightCol);

  /* By Geraldo collapsed Menu */
  --closedCollapsed: 90px;
  --openedCollaped: 300px;
  --marginLeftCollaped: 70px;
}

.logoMenuLite {
	display: none;
}

.btn-acessar-sga {
  background-color: #2f4e9b;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 1rem;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-acessar-sga:hover {
  background-color: #123a72;
  color: white;
}

/* Loading animation */
#loading-main {
  position: fixed;
  background: linear-gradient(#202a44, #0a2a56); /* background do loading */
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding: 0px;
  margin: 0px;
  z-index: 1000000000000;
}

/* Tabelas  */
.table thead tr {
  background: var(--headerTabelas);
  color: #fff;
} 

.dataTables_paginate a {
  padding: 6px 9px !important;
  background: #7089ac !important;
  border-color: #7089ac !important;
  cursor: pointer !important;
}

.dataTables_paginate a:hover {
  background-color: #0a2a56 !important;
  transition: background-color 0.3s;
}

.paginate_button.current {
  background-color: #0a2a56 !important;
}

tr i {
  font-size: 1.8rem !important;
  color: #0a2a56;
}

/* Aba ativa */
.breadcrumb > .active {
  color: var(--primaryColor) !important;

  font-weight: bold !important;
}

/* Botões */

.btn-primary {
  color: #2a609d;
  background-color: #fafafa !important;
  border-color: #2a609d;
  border-width: 1px;
  border-radius: 4px;
  transition-duration: 100ms, 300ms !important;
  &:hover {
    /*  background-color: #2a609d !important; */
    background-color: #0a2a56 !important;
    transition: 1s !important;
  }
}

.btnActive {
  background-color: #0a2a56 !important;
  color: white !important;
}

.custom-sga-button {
  background: var(--primaryColor) !important;
}

/* custom btn para os active by Geraldo  */
.btn-primary-custom {
  color: #2a609d;
  background: #fafafa;
  border-color: #2a609d;
  border-width: 1px;
  border-radius: 4px;
  transition-duration: 100ms, 300ms !important;
  &:hover {
    /*  background-color: #2a609d !important; */
    background-color: #0a2a56 !important;
    transition: 1s !important;
    color: #fff;
  }

}

/*  Alertas  */
.alert_info {
  background: var(--primaryColor);
  color: #ffffff;
}