.btn-primary {
    color: #fff;
    background-color: #009E77;
    border-color: #009E77;
    box-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: #04674e;
    border-color: #04674e;
}


.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #04674e;
    border-color: #04674e;
    box-shadow: 0 0 0 0 rgba(0, 58, 119, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #04674e;
    border-color: #04674e;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #04674e;
    border-color: #04674e;
  }

.card-primary.card-outline {
    border-top: 4px solid #009E77;
}

a {
    color: #009E77;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
  color: #035440;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #fff;
    color: #000;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #009E77;
  border-color: #009E77;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  background-color: #009E77!important;
}

.pointer{
  cursor: pointer;
}

.page-link {
  color: #009E77;
}

.page-link:hover {
  color: #04674e;
}

.select2-container .select2-selection--single {
  height: 38px!important;
}

/* .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #009E77!important;
} */

.btn-outline-primary {
  color: #009E77;
  border-color: #009E77;
}

.btn-outline-primary:hover {
  background-color: #009E77;
  border-color: #009E77;
}

.btn-outline-primary:focus {
  background-color: #009E77;
  border-color: #009E77;
}

.btn-outline-primary:visited {
  background-color: #009E77;
  border-color: #009E77;
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

/* Target the Select2 dropdown text */
.select2-container--default .select2-results__option {
  text-transform: uppercase;
}

/* Optional: If you want the selected item in the input box to also be uppercase */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-transform: uppercase;
}

body{
  zoom: 0.9;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.dropdown-menu {
  padding: 0 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #28A745;
}

th {
  white-space: nowrap;
}

.swal2-popup{
  background: #ecf0f1!important;
  color:#17202a!important;
}

.swal2-title{
  text-transform: uppercase!important;
}

.form-control{
  text-transform: uppercase!important;
}

/* .card .card-dark{
  background-color: #28A745!important;
} */

.card-dark:not(.card-outline)>.card-header {
  background-color: #009E77!important;
}

.btn-dark {
  color: #fff;
  background-color: #009E77;
  border-color: #009E77;
  box-shadow: none;
}

/* .blink{
  font-size: 17px;
  font-family: cursive;
  animation: blink 2s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
} */

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinnerTo {
  border: 6px solid #ccc;
  border-top: 6px solid #009E77;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}