body {
  font-size: 0.85rem;
}

.w-20px { width: 20px; }
.h-20px { height: 20px; }
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}

.w-5 {
  width: 1.25rem;
}

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

.h-5 {
  height: 1.25rem;
}

.sidebar .sidebar-brand {
  height: 182px;
}

.border-1 {
  border: 1px solid;
}

.radius-15 {
  border-radius: 15px;
}

.home-cards {
  min-height: 200px;
}

.bg-red-600 {
  --bg-opacity: 1;
  background-color: #e53e3e;
  background-color: rgba(229,62,62,var(--bg-opacity));
}

.hidden {
  display: none !important;
}

.label {
  padding: 4px;
  border-radius: 5px;
  font-size: 0.65rem;
}

.label-danger {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.label-warning {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}

.label-info {
  color: #fff;
  background-color: #36b9cc;
  border-color: #36b9cc;
}

.label-success {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}

.label-secondary {
  color: #fff;
  background-color: #858796;
  border-color: #858796;
}

.label-primary {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.bootstrap-tagsinput .tag {
  color: white !important;
  background-color: #36b9cc;
  border-color: #36b9cc !important;
  display: inline-block;
  margin-bottom: 7px;
  padding: 2px 8px !important;
}

.form-control::placeholder {
  color: #C4C4BAFF;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #C4C4BAFF;
}
.form-control::-ms-input-placeholder {
  color: #C4C4BAFF;
}
.text-red, .text-red:hover {
color: red !important;
}

.btn-default, .btn-default:hover {
  color: #3a3b45;
  background-color: #d4daed;
  border-color: #cbd3e9;
}

#role_search {
  width: 80%;
  display: inline-block;
}

#user_search {
  width: 78%;
  display: inline-block;
}

#permission_search {
  width: 50%;
  display: inline-block;
}

#role-permissions-wrapper .select2-selection__choice {
  color: white !important;
  background-color: #36b9cc;
  border-color: #36b9cc !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 2px;
}

#role-permissions-wrapper .select2-selection__choice .select2-selection__choice__remove {
  color: white !important;
}

.btn-custom-size {
  height: 16px !important;
  width: 16px !important;
}

#error_explanation {
   border: 1px solid red;
   padding: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
}
 #error_explanation h4 {
   text-align: left;
   font-weight: bold;
   padding: 5px 5px 5px 15px;
   font-size: 12px;
   margin: -7px;
   background-color: red;
   color: #fff;
}
 #error_explanation p {
   color: #333;
   margin-bottom: 0;
   padding: 5px;
}
 #error_explanation ul li {
   font-size: 12px;
   list-style: square;
   color: #dc3545;
}

.event_status {
  width: 78px;
  padding: 4px 8px;
  border-radius: 27px;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

select.event_status {
  padding: 5px 8px;
  width: 115px;
}

button.event_status {
  padding: 5px 0px;
  width: 110px;
}

button.event_status.dropdown-toggle::after {
  margin: 6px 12px 0 0;
  float: right;
}

button.event_status:hover, button.event_status:focus {
  background: var(--secondary-light, #11435C) !important;
  color: #fff;
}

.event-status-options .dropdown-item {
  font-weight: 700;
}

.event-status-options .dropdown-divider {
  width: 90%;
  margin: 2% 5%;
}

.status_pending { background: #addc95; border: 1px solid #addc95; }
.status_scheduled { background: #1F7EAD; border: 1px solid #1F7EAD; }
.status_conducted { background: #0c8641; border: 1px solid #0c8641; }
.status_rescheduled { background: #EAA800; border: 1px solid #EAA800; }
.status_failed { background: #B61BB9; border: 1px solid #B61BB9; }
.status_canceled { background: #444; border: 1px solid #444; }
.status_review { background: #ff0000; border: 1px solid #ff0000; }

.status-error-message {
  width: 100%;
  display: flex;
  margin-top: 12px;
}

.custom-upload-button {
  cursor: pointer;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--gray-dark-0, #747474);
  background: var(--white, #FFF);
}

.add-file-upload-button {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid #E5E5E5;
  background: #0A2837;
}

.btn-cancel {
  background: none;
  border: none;
}

.btn-confirm {
  background: #11435C;
}

.btn-confirm-cancel, .btn-confirm-cancel:hover, .btn-confirm-cancel:focus {
  background: #D54308;
}

.custom-h3 {
  font-size: 18px;
  font-weight: 600;
  color: #444;
}

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinner {
  -moz-appearance: textfield;
}