/*===== Google fonts =====*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");

/*===== Boxicon =====*/
@import url("https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css");

/* ===== Font-awesome Import Link ===== */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");

/*===== Componentes CSS =====*/

@import "components.css";
@import "dashboard.css";
@import "menuTopo.css";
@import "sidebar.css";
@import "aproveitamentoChapa.css";

@import "modalConfirmacao.css";
@import "modalDetalhesTarefas.css";

@import "modalOpenForm.css";
@import "ordemServicos.css";

@import "alerts.css";
@import "spinner.css";

@import "responsivo.css";

/*===== Root =====*/
:root {
  --AzulClaro: #007cb1;
  --AzulEscuro: #048fcb;
  --VermelhoClaro: #a50306;
  --VermelhoEscuro: #830103;

  --Cinza: #333333;
  --Cinza1: #323434;
  --Cinza2: #717f7f;
  --Cinza3: #a0a0a0;
  --Cinza4: #e4e4e4;
  --Cinza5: #f1f5f4;
  --White: white;

  --ExtraPequena: 8px;
  --Pequena: 12px;
  --ExtraMedia: 14px;
  --Media: 16px;
  --Grande: 20px;
  --ExtraGrande: 35px;
}

::-webkit-scrollbar {
  width: 12px;
  height: 10px;
  background-color: #9c9c9c;
}

::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #9c9c9c;
}

.hidden {
  display: none;
}

/*===== Reset CSS =====*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  list-style-type: none;
  text-decoration: none;
  font-family: "Source Sans Pro", sans-serif;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

body {
  font-family: "Source", sans-serif;
  font-weight: 400;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
  background-color: var(--Cinza5);
}