.bgprimary {
  background-color: #302a21 !important; }

.bgprimarydark {
  background-color: #27221c !important; }

.is-info {
  background-color: #d4af37 !important;
  color: white !important; }

.bggrey {
  background-color: #EAF5FB !important; }

.bgsecondarylight {
  background-color: rgba(55, 45, 27, 0.3) !important; }

.colorPrimary {
  color: #302a21 !important; }

.colorPrimaryDark {
  color: #302a21 !important; }

.accentColor {
  color: #d4af37 !important; }

.white {
  color: white !important; }

.navbar-link {
  color: #d4af37 !important;
  background-color: transparent; }

.navbar-link:hover {
  color: #302a21 !important;
  background-color: transparent; }

html {
  scroll-behavior: smooth; }

.ic-accent {
  color: #d4af37; }

.pointed {
  cursor: pointer; }

h1.title {
  font-weight: bold !important; }

h2.title {
  font-size: 48px !important;
  font-weight: bold !important; }

.mybtnSpe {
  display: block !important;
  border: 3px solid #302a21;
  padding: 13px 35px;
  width: 230px;
  text-decoration: none;
  color: #302a21;
  background-color: transparent;
  font-size: 15px;
  font-weight: bold;
  transition: 1s;
  border-radius: 5px;
  cursor: pointer; }

.mybtnSpe:hover {
  transition: 1s; }

.accent-color {
  color: #d4af37 !important; }

.primary-dark-color {
  color: #302a21 !important; }

.primary-color {
  color: #302a21 !important; }

.bg-accent-light {
  background-color: rgba(212, 175, 55, 0.15) !important; }

.bg-accent {
  background-color: #d4af37 !important;
  color: #302a21; }

.bg-primary-dark {
  background-color: #302a21 !important; }

.bg-primary {
  background-color: #302a21 !important; }

.bg-gris-light {
  background-color: rgba(234, 245, 251, 0.7); }

.primary-color {
  color: #302a21 !important; }

button.is-primary {
  background-color: #302a21 !important;
  color: white;
  transition: 0.5s;
  padding-right: 20px; }

button.is-primary:hover {
  transition: 0.5s;
  background-color: #d4af37 !important;
  color: #302a21; }

button.is-login:hover {
  color: #f2f2f2 !important; }

.search-input::placeholder {
  color: rgba(255, 255, 255, 0.418); }

.search-input:active {
  outline: none; }

.search-input {
  color: white; }

.btn-search {
  transition: 0.2s;
  padding: 12px;
  cursor: pointer;
  border-radius: 100px;
  color: white;
  background-color: rgba(212, 175, 55, 0.5); }

.btn-search:hover {
  transition: 0.2s;
  transform: scale(1.1) !important; }

.sgsn-title {
  font-family: Poppins;
  font-weight: 700 !important;
  font-size: 32px !important;
  text-align: center;
  margin: 20px 0 !important; }

h2.title {
  font-weight: bold;
  color: #302a21; }

.slide-right {
  transition: 0.5s; }

.slide-right:hover {
  margin-left: 15px !important;
  transition: 0.5s; }

.slide-top {
  transition: 0.5s; }

.slide-top:hover {
  margin-bottom: 15px !important;
  transition: 0.5s; }

.slide-left {
  transition: 0.5s; }

.slide-left:hover {
  margin-right: 15px !important;
  transition: 0.5s; }

body {
  margin: 0;
  padding: 0;
  color: #27221c; }
  body input {
    color: #27221c !important; }
  body textarea {
    color: #27221c !important; }

.auth-container {
  height: 100vh; }
  .auth-container .login-card {
    background-color: white;
    box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.05);
    width: 80%;
    border-radius: 8px;
    height: fit-content; }

.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon {
  color: #d4af37 !important; }

section.section.is-title-bar ul li:last-child {
  color: #302a21 !important; }

aside.aside {
  background: #27221c !important; }
  aside.aside .aside-tools {
    background: #675f2b  !important; }
  aside.aside .menu-list a {
    transition: .5s !important;
    margin: 13px;
    border: 1px solid #372b0c;
    color: white;
    border-radius: 10px;
    padding: 12px 0; }
  aside.aside .menu-list a:hover {
    transition: .5s !important;
    background-color: rgba(48, 42, 33, 0.1); }
  aside.aside .menu-list a.is-active {
    transition: .5s !important;
    background-color: #453610; }

.label {
  color: #302a21 !important; }

.title {
  color: #302a21 !important; }

.card-header-title {
  color: #372d1b !important; }

.card-header-icon {
  color: #d4af37 !important; }

#menu-partner > span.menu-item-label {
  max-width: 120px !important; }

#imgaddbtn {
  transition: .5s;
  margin-right: 10px !important; }

#imgaddbtn:hover {
  transition: .5s;
  transform: scale(0.96); }

.imgsadded {
  transition: 0.5s;
  margin-right: 6px !important; }

.imgsadded:hover {
  transition: .5s;
  transform: scale(0.98); }

.equipment-tag {
  transition: .5s !important; }

.equipment-tag:hover {
  background-color: rgba(212, 175, 55, 0.3); }

.equipment-tag.is-active {
  background-color: #d4af37 !important; }

input[type="checkbox"]:checked {
  background-color: #d4af37 !important;
  accent-color: #d4af37 !important; }

.b-checkbox.checkbox input[type=checkbox]:checked + .check {
  background-color: #d4af37 !important;
  accent-color: #d4af37 !important; }

.modal-card {
  min-height: 50vh    !important;
  width: 60vw    !important;
  border-radius: 7px; }

.dropdown-item {
  color: #302a21 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  transition: .5s !important;
  border-radius: 8px;
  background-color: rgba(242, 242, 242, 0.329) !important; }
  .dropdown-item:hover {
    cursor: pointer;
    background-color: #f2f2f2 !important;
    color: #302a21 !important; }

#contracts-table tbody tr {
  vertical-align: middle; }

#contracts-table td img {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5; }

#contracts-table .button.is-info {
  background-color: #3273dc;
  color: white; }

#contracts-table .button.is-danger {
  background-color: #f14668;
  color: white; }

#contracts-table th,
#contracts-table td {
  border-bottom: 1px solid #eaeaea; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 2px;
  background-color: #f5f5f5;
  border: 1px solid #dbdbdb; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #d4af37 !important;
  color: white !important; }

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 3px 8px; }

.pagination-link {
  font-size: 12px !important; }

.pagination-link.is-current {
  background-color: #d4af37 !important;
  color: white !important; }

#contracts-table .button, #employees-table .button, #prestations-table .button,
#invoices-table .button {
  width: 9px !important;
  height: fit-content !important; }

#contracts-table_filter > label > input,
#employees-table_filter > label > input, #prestations-table_filter > label > input,
#invoices-table_filter > label > input {
  height: 40px !important;
  border-radius: 5px !important;
  padding: 10px !important;
  border: 1px solid #d4af37 !important;
  background-color: rgba(237, 237, 237, 0.259) !important;
  color: #302a21 !important; }

#contracts-table > tbody > tr:hover, table.dataTable.is-hoverable > tbody > tr:hover > *,
#employees-table > tbody > tr:hover, table.dataTable.is-hoverable > tbody > tr:hover > *,
#prestations-table > tbody > tr:hover, table.dataTable.is-hoverable > tbody > tr:hover > *,
#invoices-table > tbody > tr:hover, table.dataTable.is-hoverable > tbody > tr:hover > * {
  transition: .5s;
  box-shadow: unset !important; }

.dataTables_processing {
  background-color: rgba(255, 255, 255, 0.9);
  color: #d4af37 !important;
  font-weight: bold;
  border-radius: 5px;
  padding: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

#contracts-table_length > label > div > select, #employees-table_length > label > div > select,
#prestations-table_length > label > div > select,
#invoices-table_length > label > div > select {
  width: 70px !important; }

@media only screen and (max-width: 700px) {
  .login-card {
    margin-top: 0 !important;
    height: fit-content !important; }
  .modal-card {
    width: 95vw !important; } }

/*# sourceMappingURL=base.css.map */