:root {
  --radius: 5rem;
  --primary: hsl(212 68% 29%);
  --success: hsl(212 68% 29%);
  --primary-dark: hsl(212 82% 22%);

  --success: hsl(144 68% 47%);
  --secondary-light: hsl(219 19% 68%);

  --cancel: hsl(22, 94%, 56%);
  --finish: hsl(354, 70%, 44%);
}

.jazzmin-login-page {
  align-items: center;
  background-image: url(../images/loginBckg.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100vh;
  justify-content: center;
  width: 100%;
}

.login-box {
  .login-logo {
    padding-bottom: 2rem;
  }

  .card {
    border-radius: 1rem;

    .card-body {
      background-color: #fff;
      border-radius: var(--radius);
      padding: 3rem 5rem;
      gap: 2rem;
      display: flex;
      flex-direction: column;

      form {
        display: flex;
        flex-direction: column;
      }
    }

    .login-box-msg {
      color: var(--primary);
      font-size: 1.875rem;
      font-weight: 700;
      margin-bottom: 1rem;
      text-align: center;
    }
  }
}

div.input-group>input {
  height: 3rem;
}

.btn-danger {
  color: var(--primary);
}

.btn-primary {
  background-color: var(--primary);
}

.btn-info {
  background-color: var(--primary-dark);
}

.btn-success {
  /*background-color: var(--primary);*/
  background-color: var(--success);
  border: none;
}

.btn-block {
  font-size: 0.975rem;
  line-height: 3.25rem;
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: center;*/
  justify-items: center;
}

#jazzy-sidebar {
  background-color: var(--primary);

  .active {
    background-color: var(--primary-dark);
  }
}

#jazzy-logo {
  background-color: var(--primary-dark);
}

/*#jazzy-sidebar .user-panel {*/
/*  background-color: var(--primary-dark);*/
/*}*/
h1.h4 {
  color: var(--primary);
  font-size: 1.875rem;
  font-weight: 700;
  text-transform: capitalize;
}

.breadcrumb {
  a {
    color: var(--secondary-light) !important;

    &:hover {
      text-decoration: underline;
    }
  }
}

#result_list {
  a {
    color: var(--primary);
    font-weight: 600;
  }

  td {
    color: var(--primary);
  }
}

/* Forms*/
.container-fluid {
  #content {
    #content-main {
      form {
        .card {
          a {
            color: var(--primary);
          }
        }
      }
    }
  }
}

/* filtro da listagem */

.select2-container--admin-autocomplete {
  background-color: #fff;

  /*height: 100%;*/
  /*padding: 0.46875rem 0.75rem;*/
  .select2-selection--single,
  .select2-selection--multiple {
    min-height: 38px !important;
  }
}

#changelist-search>span>span:nth-child(1)>span>span.selection>span>span.select2-selection__arrow {
  top: 6px;
}

h6 {
  strong {
    font-size: 2rem;
  }
}

/* Esconder os ícones de editar, visualizar e adicionar em campos autocomplete */
.related-widget-wrapper .add-related,
.related-widget-wrapper .change-related,
.related-widget-wrapper .view-related,
.related-widget-wrapper .lookup-id-related {
  display: none !important;
}

#search_group>span {
  padding-left: 11px;
}

body.sidebar-collapse #jazzy-sidebar {
  z-index: -1 !important;
}

#search-results {
  display: none;
  padding: 2rem 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.size {
  width: 75%;
  box-shadow: 1px 1px 4px #3333334b;
}

.padding {
  padding: 0 7.5px;
}

.main-sidebar {
  padding-bottom: 50px;
}

@media (max-width: 992px) {
  .size {
    width: 100%;
  }
}

@media (min-width: 992px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0px !important;
  }
}

input.btn.btn-danger.form-control {
  color: #fff !important;
}

@media (min-width: 576px) and (max-width: 837px) {
  .col-sm-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}


/* Esconde o breadcrumb no mobile */
@media (max-width: 768px) {

  /* Jazzmin/Admin */
  .content-header .breadcrumb,
  .content .breadcrumbs,
  .breadcrumb {
    display: none !important;
  }

  /* opcional: ajustar espaçamento do header */
  .content-header .page-title,
  .content .page-title {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {

  /* cabeçalho e conteúdo principal */
  .content-header,
  .content-wrapper>.content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* container-fluid padrão do admin */
  .content-wrapper .container-fluid,
  .content .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    /* evita “recuos” do .row */
    margin-right: 0 !important;
  }

  /* as linhas do Bootstrap costumam recolocar margens negativas */
  .content .container-fluid>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* opcional: cartão sem “bordas internas” colado na tela */
  .content .card {
    border-radius: 0;
  }

  .wrapper>.content-wrapper>.content:not(.mb-2) {
    padding-top: 0 !important;
  }

  .wrapper>.content-wrapper>.content>.container-fluid>.content>.row>.card-body {
    padding-top: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: 0 !important;
    /* evita “recuos” do .row */
    margin-right: 0 !important;
    margin-top: 0 !important;
  }

  .content-wrapper .mb-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Login */
.login-logo {
  opacity: 0 !important;
}

/* Barra superior (marca do canto esquerdo) */
.main-header .brand-image,
.main-header .brand-text,
.main-header .navbar-brand,
.brand-link .brand-image,
.brand-link .brand-text {
  opacity: 0 !important;
}