.try {
  background-color: #f9954b;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  border-radius: 9px;
  color: #ffffff;
  text-align: center;
}

.font {
  color: white;
  text-transform: capitalize;
  font-weight: bold;
}

.icon {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  text-transform: capitalize;
}

@media (max-width: 1299px) {
  .col-0 {
    display: none;
  }
}
@media (min-width: 1300px) {
  .col-xxl-0 {
    display: none;
  }

  .col-xxl-1 {
    min-width: 8.33% !important;
    max-width: 8.33% !important;
  }

  .col-xxl-2 {
    min-width: 16.66% !important;
    max-width: 16.66% !important;
  }

  .col-xxl-3 {
    min-width: 25% !important;
    max-width: 25% !important;
  }

  .col-xxl-4 {
    min-width: 33.33% !important;
    max-width: 33.33% !important;
  }

  .col-xxl-5 {
    min-width: 41.67% !important;
    max-width: 41.67% !important;
  }

  .col-xxl-6 {
    min-width: 50% !important;
    max-width: 50% !important;
  }

  .col-xxl-7 {
    min-width: 58.33% !important;
    max-width: 58.33% !important;
  }

  .col-xxl-8 {
    min-width: 66.67% !important;
    max-width: 66.67% !important;
  }

  .col-xxl-9 {
    min-width: 75% !important;
    max-width: 75% !important;
  }
}
@media (min-width: 1600px) {
  .col-xxxl-0 {
    display: none;
  }

  .col-xxxl-1 {
    min-width: 8.33% !important;
    max-width: 8.33% !important;
  }

  .col-xxxl-2 {
    min-width: 16.66% !important;
    max-width: 16.66% !important;
  }

  .col-xxxl-3 {
    min-width: 25% !important;
    max-width: 25% !important;
  }

  .col-xxxl-4 {
    min-width: 33.33% !important;
    max-width: 33.33% !important;
  }

  .col-xxxl-5 {
    min-width: 41.67% !important;
    max-width: 41.67% !important;
  }

  .col-xxxl-6 {
    min-width: 50% !important;
    max-width: 50% !important;
  }

  .col-xxxl-7 {
    min-width: 58.33% !important;
    max-width: 58.33% !important;
  }

  .col-xxxl-8 {
    min-width: 66.67% !important;
    max-width: 66.67% !important;
  }

  .col-xxxl-9 {
    min-width: 75% !important;
    max-width: 75% !important;
  }
}
@media (min-width: 1920px) {
  .col-xxxxl-0 {
    display: none;
  }

  .col-xxxxl-1 {
    min-width: 8.33% !important;
    max-width: 8.33% !important;
  }

  .col-xxxxl-2 {
    min-width: 16.66% !important;
    max-width: 16.66% !important;
  }

  .col-xxxxl-3 {
    min-width: 25% !important;
    max-width: 25% !important;
  }

  .col-xxxxl-4 {
    min-width: 33.33% !important;
    max-width: 33.33% !important;
  }

  .col-xxxxl-5 {
    min-width: 41.67% !important;
    max-width: 41.67% !important;
  }

  .col-xxxxl-6 {
    min-width: 50% !important;
    max-width: 50% !important;
  }

  .col-xxxxl-7 {
    min-width: 58.33% !important;
    max-width: 58.33% !important;
  }

  .col-xxxxl-8 {
    min-width: 66.67% !important;
    max-width: 66.67% !important;
  }

  .col-xxxxl-9 {
    min-width: 75% !important;
    max-width: 75% !important;
  }
}
.theme-modal .modal-dialog .modal-content {
  border-radius: 1rem;
}
.theme-modal .modal-dialog .modal-content .modal-header {
  display: block;
  padding: 0.3rem 1rem 0.3rem 1rem;
  background-color: #f9954b;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom: none;
}
.theme-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 2rem;
  font-weight: bolder;
  color: white;
  text-align: center;
}
.theme-modal .modal-dialog .modal-content .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
}

.form-select .btn-light {
  background-color: white;
}

.w-90 {
  width: 90% !important;
}

.btn_warning {
  background-color: #f9954b !important;
  border-color: white;
  color: white;
}

.btn-outline-default {
  border-color: #f9954b !important;
  color: #f9954b !important;
}

.theme-color {
  color: #f9954b;
}

.login .project-logo {
  max-width: 200px;
}
.login .project-name {
  max-width: 200px;
  margin-top: 10px;
}

.dashboard {
  height: 80vh;
  align-items: center;
}
.dashboard .btn {
  height: 200px;
  width: 200px;
  margin-bottom: 1rem;
  border-radius: 15px;
}
@media screen and (min-width: 576px) {
  .dashboard .btn {
    margin-bottom: 4rem;
  }
}
.dashboard .btn span {
  font-size: 110px;
  font-weight: 800;
  color: white;
}
.dashboard .description {
  border-radius: 20px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  cursor: context-menu;
}
.dashboard .description span {
  font-size: 14px;
  color: white;
}

.reporting-logs_create .client-selection {
  max-width: 300px;
}
.reporting-logs_create .card {
  border-radius: 15px;
}
.reporting-logs_create .save_btn {
  width: 200px;
  border-radius: 20px;
  font-size: 25px;
  font-weight: 700;
}

.navbar-brand-custom {
  width: 250px;
  padding: 0 2.25rem;
}
.navbar-brand-custom:hover {
  opacity: 0.75;
}