:root {
  --amocvies-orange: #f58220;
  --amocvies-orange-dark: #d96a10;
  --amocvies-orange-soft: #fff3e8;
  --amocvies-navy: #0B2161;
  --amocvies-ink: #243447;
  --amocvies-muted: #64748b;
  --amocvies-line: #e5e7eb;
  --amocvies-surface: #ffffff;
  --amocvies-page: #f6f8fb;
}

body {
  color: var(--amocvies-ink);
  background: var(--amocvies-page);
}

.layout-navbar {
  border-bottom: 1px solid rgba(245, 130, 32, .18);
  box-shadow: 0 4px 18px rgba(11, 33, 97, .06);
}

.layout-sidenav.bg-dark,
.sidenav.bg-dark {
  background: #121b2e !important;
}

.sidenav .sidenav-header {
  color: rgba(255, 255, 255, .62) !important;
  letter-spacing: .02em;
}

.sidenav .sidenav-link:hover,
.sidenav .sidenav-item.active > .sidenav-link {
  color: #ffffff !important;
  background: rgba(245, 130, 32, .18) !important;
}

.bg-primary,
.badge-primary,
.btn-primary,
.btn-primary.input-group-text,
.alert-primary.input-group-text {
  background-color: var(--amocvies-orange) !important;
  border-color: var(--amocvies-orange) !important;
}

.text-primary {
  color: var(--amocvies-orange) !important;
}

.btn-primary,
.btn-info {
  color: #ffffff !important;
  background-color: var(--amocvies-orange) !important;
  border-color: var(--amocvies-orange) !important;
  box-shadow: 0 3px 8px rgba(245, 130, 32, .25);
}

.btn-primary:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-info:focus {
  background-color: var(--amocvies-orange-dark) !important;
  border-color: var(--amocvies-orange-dark) !important;
}

.btn-secondary.input-group-text,
.input-group-text {
  background: var(--amocvies-orange) !important;
  border-color: var(--amocvies-orange) !important;
  color: #ffffff !important;
  font-weight: 600;
}

.card {
  border: 1px solid rgba(11, 33, 97, .08);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(11, 33, 97, .08) !important;
}

.card > .card-header,
.card-header {
  color: var(--amocvies-navy);
  background: #ffffff;
  border-bottom: 1px solid var(--amocvies-line);
  border-left: 5px solid var(--amocvies-orange);
  font-weight: 700;
}

.card-header.bg-primary {
  color: #ffffff !important;
  background: var(--amocvies-orange) !important;
  border-left-color: var(--amocvies-navy);
}

.nav-tabs.bar_tabs {
  border-bottom: 1px solid var(--amocvies-line);
  gap: 4px;
  padding: 0 10px;
  background: #ffffff;
}

.nav-tabs.bar_tabs .nav-link {
  color: var(--amocvies-muted);
  border: 1px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-weight: 600;
  padding: .7rem 1rem;
  margin-bottom: -1px;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.nav-tabs.bar_tabs .nav-link:hover {
  color: var(--amocvies-orange-dark);
  background: var(--amocvies-orange-soft);
  border-color: transparent;
}

.nav-tabs.bar_tabs .nav-link.active,
.nav-tabs.bar_tabs .nav-item.show .nav-link {
  color: var(--amocvies-navy);
  background: #ffffff;
  border-color: var(--amocvies-line) var(--amocvies-line) #ffffff;
  box-shadow: inset 0 3px 0 var(--amocvies-orange);
}

.tab-content {
  padding-top: 12px;
}

.card-header .nav-tabs.bar_tabs,
.card-header-tabs.bar_tabs {
  margin-left: 0;
  margin-right: 0;
  padding-top: 8px;
}

.nav-fill.bar_tabs .nav-link {
  justify-content: center;
}

.form-control,
textarea.form-control,
select.form-control,
.amocvies-field-control,
.select2-container--default .select2-selection,
.select2-container--bootstrap4 .select2-selection,
.amocvies-select2 .select2-selection {
  border-color: #f3a85d !important;
  border-radius: 6px;
  min-height: calc(2.25rem + 2px);
  background-color: #ffffff;
}

.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.amocvies-field-control:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--bootstrap4.select2-container--focus .select2-selection,
.amocvies-select2.select2-container--focus .select2-selection {
  border-color: var(--amocvies-orange) !important;
  box-shadow: 0 0 0 .15rem rgba(245, 130, 32, .18) !important;
}

.input-group,
.amocvies-input-group {
  margin-bottom: .45rem;
  flex-wrap: nowrap;
  align-items: stretch;
  min-width: 0;
}

.input-group .input-group-prepend,
.input-group .input-group-append,
.amocvies-input-group .input-group-prepend,
.amocvies-input-group .input-group-append {
  flex: 0 0 auto;
}

.input-group .input-group-text,
.amocvies-input-label {
  min-width: 150px;
  max-width: 230px;
  min-height: calc(2.25rem + 2px);
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
  text-align: center;
}

.input-group > .form-control,
.input-group > select.form-control,
.input-group > textarea.form-control,
.input-group > .select2-container,
.amocvies-input-group > .form-control,
.amocvies-input-group > select.form-control,
.amocvies-input-group > textarea.form-control,
.amocvies-input-group > .select2-container,
.amocvies-input-group > .amocvies-select2 {
  flex: 1 1 auto;
  width: 1% !important;
  min-width: 0;
}

.input-group .select2-container--default .select2-selection--single,
.input-group .select2-container--bootstrap4 .select2-selection--single,
.amocvies-input-group .select2-container--default .select2-selection--single,
.amocvies-input-group .select2-container--bootstrap4 .select2-selection--single {
  height: calc(2.25rem + 2px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.input-group .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.amocvies-input-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.amocvies-input-group .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  line-height: calc(2.25rem + 2px);
  padding-left: 12px;
  padding-right: 30px;
}

.input-group .select2-container--default .select2-selection--single .select2-selection__arrow,
.input-group .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow,
.amocvies-input-group .select2-container--default .select2-selection--single .select2-selection__arrow,
.amocvies-input-group .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
  height: calc(2.25rem + 2px);
}

.input-group > .form-control:not(:first-child),
.input-group > select.form-control:not(:first-child),
.input-group > textarea.form-control:not(:first-child),
.amocvies-input-group > .form-control:not(:first-child),
.amocvies-input-group > select.form-control:not(:first-child),
.amocvies-input-group > textarea.form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.table-responsive {
  border: 1px solid var(--amocvies-line);
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

table.dataTable {
  border-collapse: separate !important;
  border-spacing: 0;
}

table.dataTable thead th,
.table thead th {
  color: #ffffff;
  background: var(--amocvies-navy);
  border-bottom: 0 !important;
  font-weight: 700;
  vertical-align: middle;
}

table.dataTable thead th:first-child,
.table thead th:first-child {
  border-top-left-radius: 6px;
}

table.dataTable thead th:last-child,
.table thead th:last-child {
  border-top-right-radius: 6px;
}

table.dataTable tbody td {
  vertical-align: middle;
}

table.dataTable tbody tr:hover {
  background: var(--amocvies-orange-soft);
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #d9dee8;
  border-radius: 6px;
  padding: 5px 8px;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--amocvies-orange);
  outline: none;
  box-shadow: 0 0 0 .15rem rgba(245, 130, 32, .16);
}

.dt-buttons .dt-button,
.dataTables_wrapper .dt-button {
  color: #ffffff !important;
  background: var(--amocvies-orange) !important;
  border: 1px solid var(--amocvies-orange) !important;
  border-radius: 6px !important;
  padding: .35rem .65rem !important;
  box-shadow: none !important;
}

.dt-buttons .dt-button:hover,
.dataTables_wrapper .dt-button:hover {
  background: var(--amocvies-orange-dark) !important;
  border-color: var(--amocvies-orange-dark) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  background: var(--amocvies-orange) !important;
  border-color: var(--amocvies-orange) !important;
}

.badge,
.btn,
.dropdown-menu,
.modal-content {
  border-radius: 7px;
}

.swal2-confirm {
  background: var(--amocvies-orange) !important;
}

.evento-form-shell {
  background: #f8fafc;
  border: 1px solid var(--amocvies-line);
  border-radius: 8px;
}

.evento-section {
  border-color: var(--amocvies-line);
  box-shadow: 0 3px 12px rgba(11, 33, 97, .04);
}

.evento-section-title {
  color: var(--amocvies-navy);
}

.evento-section-title i {
  color: var(--amocvies-orange);
}

@media (max-width: 768px) {
  .input-group,
  .amocvies-input-group {
    display: block;
    flex-wrap: wrap;
  }

  .input-group-prepend,
  .input-group-append,
  .input-group .input-group-text,
  .amocvies-input-group .input-group-prepend,
  .amocvies-input-group .input-group-append,
  .amocvies-input-group .input-group-text,
  .amocvies-input-label,
  .input-group .form-control,
  .input-group select.form-control,
  .input-group textarea.form-control,
  .amocvies-input-group .form-control,
  .amocvies-input-group select.form-control,
  .amocvies-input-group textarea.form-control,
  .select2-container {
    width: 100% !important;
    max-width: none;
    flex-basis: 100%;
  }

  .input-group .input-group-text,
  .amocvies-input-label {
    border-radius: 6px !important;
    margin-bottom: 4px;
    justify-content: flex-start;
    text-align: left;
  }

  .input-group > .form-control,
  .input-group > select.form-control,
  .input-group > textarea.form-control,
  .input-group .select2-container--default .select2-selection--single,
  .input-group .select2-container--bootstrap4 .select2-selection--single,
  .amocvies-input-group > .form-control,
  .amocvies-input-group > select.form-control,
  .amocvies-input-group > textarea.form-control,
  .amocvies-input-group .select2-container--default .select2-selection--single,
  .amocvies-input-group .select2-container--bootstrap4 .select2-selection--single {
    border-radius: 6px !important;
  }
}