@charset "UTF-8";

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }
}

.form-group {
  margin-bottom: 15px;
}

.custom-select-sm {
  height: calc(1.5em + 0.782rem + 3px);
}

.dropdown-menu {
  z-index: 1001;
}

.modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.modal-footer {
  border-top: 0;
  padding-top: 0;
}

.search-form {
  border-radius: 0.2rem;
}

.search-form .form-control:focus,
.search-form .form-control:active,
.search-form .form-control:focus + button,
.search-form .form-control:active + button {
  border-color: #4d94ff;
}

.search-form:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(0, 82, 204, 0.25);
}

.off-canvas {
  background-color: #F4F5F7;
  border-left: 0;
  border-right: 1px solid rgba(72, 94, 144, 0.16);
  left: auto;
  z-index: 900;
}

.off-canvas .off-canvas-header {
  border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}

.off-canvas .off-canvas-header .off-canvas-title {
  margin: 0 10px 0 0;
  line-height: 30px;
}

.off-canvas .off-canvas-body {
  font-size: 13px;
}

.off-canvas .off-canvas-body .select2-container--default .select2-selection--single,
.off-canvas .off-canvas-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.off-canvas .off-canvas-body .select2-container--open {
  font-size: 13px;
}

.off-canvas .off-canvas-body .custom-select {
  font-size: 13px;
}

.pagination {
  font-size: 13px;
}

.card-footer .pagination {
  margin-bottom: 0;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after,
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
  top: 50%;
}

.alert .close {
  font-weight: 300;
  line-height: 0.87;
  opacity: 1;
}

.table {
  background-color: #fff;
  font-size: 14px;
}

.table .bg-success {
  background-color: rgba(207, 241, 222, 0.2) !important;
}

.table .bg-danger {
  background-color: rgba(248, 215, 218, 0.2) !important;
}

.table .input-group-text {
  font-size: 0.8125rem;
}

.table thead th {
  border-bottom-width: 1px;
}

.toast-success {
  border-color: #10b659;
  color: #085f2e;
  min-width: 350px;
}

.toast-success .toast-header {
  background-color: rgba(207, 241, 222, 0.2);
  border-bottom: 0;
}

.toast-success .toast-body {
  background-color: rgba(207, 241, 222, 0.2);
}

.toast-danger {
  border-color: #dc3545;
  color: #721c24;
  min-width: 350px;
}

.toast-danger .toast-header {
  background-color: rgba(248, 215, 218, 0.2);
  border-bottom: 0;
}

.toast-danger .toast-body {
  background-color: rgba(248, 215, 218, 0.2);
}

.alert-success {
  background-color: rgba(207, 241, 222, 0.2);
  border-color: #10b659;
}

.alert-success .close {
  color: #085f2e;
}

.alert-danger {
  background-color: rgba(248, 215, 218, 0.2);
  border-color: #dc3545;
}

.alert-danger .close {
  color: #721c24;
}

.alert-info {
  background-color: rgba(204, 241, 246, 0.2);
  border-color: #00b8d4;
}

.alert-info .close {
  color: #00606e;
}

.alert-warning {
  background-color: rgba(255, 243, 205, 0.2);
  border-color: #ffc107;
}

.alert-warning .close {
  color: #856404;
}

.input-group-prepend .custom-select {
  background-color: #F4F5F7;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.aside .nav-item > .badge {
  position: absolute;
  right: 0;
  top: 7px;
}

.aside.minimize .nav-item > .badge {
  display: none;
}

.aside-dark .aside-header {
  background-color: #1c273c;
  border-right-color: rgba(255, 255, 255, 0.06);
}

.aside-dark .aside-header .aside-menu-link {
  color: #fff;
}

.aside-dark .aside-header .aside-menu-link:hover,
.aside-dark .aside-header .aside-menu-link:focus {
  color: #fff;
}

.aside-dark .aside-body {
  background-color: #1c273c;
  border-right-width: 0;
}

.aside-dark .aside-logo {
  color: #fff;
}

.aside-dark .aside-logo:hover,
.aside-dark .aside-logo:focus {
  color: #fff;
}

.aside-dark .nav-aside .nav-label {
  color: #fff;
}

.aside-dark .nav-aside .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.aside-dark .nav-aside .nav-item .nav-link:hover,
.aside-dark .nav-aside .nav-item .nav-link:focus {
  color: #fff;
}

.aside-dark .nav-aside .nav-item .nav-link:hover svg,
.aside-dark .nav-aside .nav-item .nav-link:focus svg {
  color: #fff;
}

.aside-dark .nav-aside .nav-item .nav-link svg {
  color: rgba(255, 255, 255, 0.5);
  stroke-width: 1.8px;
  fill: rgba(255, 255, 255, 0.06);
}

.aside-dark .nav-aside .nav-item.active .nav-link {
  color: #fff;
}

.aside-dark .nav-aside .nav-item.active .nav-link:before {
  background-color: rgba(255, 255, 255, 0.05);
}

.aside-dark .nav-aside .nav-item.active .nav-link svg {
  color: #0052CC;
}

/**
 * AUI
 */

.aside-aui .aside-header {
  background-color: #0052CC;
  border-right: 1px solid #0747A6;
  height: 49px;
}

.aside-aui .aside-header .aside-logo {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0;
}

.aside-aui .aside-header .aside-menu-link {
  color: #fff;
}

.aside-aui .aside-body {
  background-color: #F4F5F7;
  border-top: 1px solid #0747A6;
  height: calc(100% - 49px);
}

@media (min-width: 992px) {
  .aside-header {
    height: 49px;
  }
}

.content-aui .content-header {
  background-color: #0052CC;
  border-bottom: 1px solid #0747A6;
  color: #fff;
  height: 50px;
}

@media (min-width: 992px) {
  .content-aui .content-header {
    height: 50px;
  }

  .content-aui .content-body {
    height: calc(100% - 50px);
  }
}

.off-canvas-header {
  background-color: #0052CC;
  border-right: 1px solid #0747A6;
  color: #fff;
  height: 50px;
  padding-left: 65px;
}

.off-canvas-header .off-canvas-title {
  color: #fff;
}

.off-canvas-header .close {
  color: #fff;
  opacity: 1;
}

@media (min-width: 992px) {
  .off-canvas-header {
    height: 50px;
    padding-left: 25px;
  }
}

.off-canvas.show {
  border-right: none;
  box-shadow: none;
}

.off-canvas-body {
  border-right: 1px solid rgba(94, 101, 126, 0.16);
}

/**
 * Dark
 */

.aside-dark .aside-header {
  background-color: #1c273c;
  border-right-color: rgba(255, 255, 255, 0.06);
}

.aside-dark .aside-header .aside-menu-link {
  color: #fff;
}

.aside-dark .aside-header .aside-menu-link:hover,
.aside-dark .aside-header .aside-menu-link:focus {
  color: #fff;
}

.aside-dark .aside-body {
  background-color: #1c273c;
  border-right-width: 0;
}

.aside-dark .aside-logo {
  color: #fff;
}

.aside-dark .aside-logo:hover,
.aside-dark .aside-logo:focus {
  color: #fff;
}

.aside-dark .nav-aside .nav-label {
  color: #fff;
}

.aside-dark .nav-aside .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.aside-dark .nav-aside .nav-item .nav-link:hover,
.aside-dark .nav-aside .nav-item .nav-link:focus {
  color: #fff;
}

.aside-dark .nav-aside .nav-item .nav-link:hover svg,
.aside-dark .nav-aside .nav-item .nav-link:focus svg {
  color: #fff;
}

.aside-dark .nav-aside .nav-item ul li.active a {
  color: #0052CC;
}

.aside-dark .nav-aside .nav-item ul a {
  color: rgba(255, 255, 255, 0.7);
}

.aside-dark .nav-aside .nav-item .nav-link svg {
  color: rgba(255, 255, 255, 0.5);
  stroke-width: 1.8px;
  fill: rgba(255, 255, 255, 0.06);
}

.aside-dark .nav-aside .nav-item.active .nav-link {
  color: #fff;
}

.aside-dark .nav-aside .nav-item.active .nav-link:before {
  background-color: rgba(255, 255, 255, 0.05);
}

.aside-dark .nav-aside .nav-item.active .nav-link svg {
  color: #0052CC;
}

.pagination {
  font-size: 13px;
}

.page-link {
  font-weight: normal;
  min-width: 30px;
  padding: 7px 10px;
}

.card-footer .pagination {
  margin-bottom: 0;
}

.input-group ~ .invalid-feedback {
  display: block;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  font-family: "Feather";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  content: "\E828";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: "\E829";
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
  background-color: #EBECF0;
  color: #172B4D;
  border-radius: 2px;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a:focus {
  background-color: #0052CC;
  color: #fff;
  border-radius: 2px;
}

.select2-container {
  width: 100% !important;
}

.select2-dropdown {
  z-index: 2000;
}

.select2-search--dropdown {
  padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #172B4D;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 0.46875rem 0.625rem;
}

.select2-container--default .select2-results > .select2-results__options {
  margin: 0;
}

.select2-results__option {
  padding: 0.46875rem 0.625rem;
  margin: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F4F5F7;
  color: #172B4D;
}

.select2-container--open .select2-dropdown--above {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}

.select2-hidden-accessible.is-invalid ~ .select2 .select2-selection {
  border-color: #dc3545;
}

.select2-hidden-accessible.is-invalid ~ .select2 ~ .invalid-feedback {
  display: block;
}

.input-group .form-control-select2-wrapper {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

.input-group > .form-control-select2-wrapper:not(:last-child) .select2-container--default .select2-selection--single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control-select2-wrapper:not(:first-child) .select2-container--default .select2-selection--single {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default .select2-selection--multiple {
  padding-bottom: 4px;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 3px 20px 3px 10px;
  background-color: #F4F5F7;
  color: #596882;
  border: 1px solid #c0ccda;
  border-radius: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  right: 7px;
  left: auto;
  color: #596882;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 4px;
  min-width: 20px !important;
}

.select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
  background-color: #F4F5F7;
  color: #172B4D;
}

.tab-pane .select2 {
  width: 100% !important;
}

.modal .select2 {
  width: 100% !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #F4F5F7;
  box-shadow: none;
}

.filepond--root {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}

.filepond--panel-root {
  border: 1px solid #c0ccda;
  border-radius: 0.25rem;
  background-color: #F4F5F7;
}

.filepond-grid .filepond--item {
  width: calc(33.33% - .5em);
}

.filepond--drop-label {
  color: #8392a5;
}

.filepond-profile-picture {
  width: 190px;
}

.daterangepicker {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #0052CC;
}

.daterangepicker .ranges li.active {
  background-color: #0052CC;
}

.daterangepicker:before {
  display: none;
}

.daterangepicker:after {
  display: none;
}

.bg-aui {
  background-color: #0052cc;
}

.img-captcha {
  border-radius: 4px;
}

.col-auth {
  padding: 20px;
  border: 1px solid #C1C7D0;
  border-radius: 4px;
  background-color: #fff;
}

.help-tooltip {
  border-bottom: 1px dashed #8392a5;
  cursor: help;
}

.badge-indicator {
  border-radius: 50%;
  min-width: 17px;
  height: 17px;
}

.divider-text.divider-text-left::before {
  display: none;
}

.content-aside {
  background-color: #F4F5F7;
  border-left: 1px solid rgba(94, 101, 126, 0.16);
  position: absolute;
  right: 0;
  top: 50px;
  bottom: 0;
  width: 290px;
  z-index: 1;
  display: none;
  padding: 20px;
  overflow-y: auto;
  transform: translateX(290px);
  transition: all 0.2s;
}

.content-aside-toggle {
  border: 1px solid #dcdee3;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background-color: #F4F5F7;
  cursor: pointer;
  position: absolute;
  top: 145px;
  right: 239px;
  width: 18px;
  height: 32px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .content-aside {
    display: block;
    transform: translateX(0);
  }

  .content-aside ~ .content-body {
    padding-right: 300px;
  }
}

.list-filters {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.list-filters .list-inline-item {
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid #c0ccda;
  color: #8392a5;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 5px;
  margin-bottom: 0;
}

.list-filters .list-inline-item a {
  color: #8392a5;
}

.table-fixed {
  table-layout: fixed;
}

.table-entries {
  table-layout: fixed;
}

.table-entries th {
  border-top: 0;
  border-bottom: 2px solid #c0ccda;
  padding: 8px 4px;
}

.table-entries td {
  padding: 8px 4px;
}

.table-properties {
  border: 1px solid #DFE1E6;
}

.table-properties thead th {
  border-bottom: 0;
  border-color: #DFE1E6;
  background-color: #F4F5F7;
  font-size: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
  letter-spacing: 0.5px;
  padding: 5px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

.table-properties tbody td {
  padding: 5px 10px;
  border-color: #DFE1E6;
  vertical-align: middle;
}

.table-properties tbody td .select2-container--open {
  font-size: inherit;
}

.table-list th,
.table-list td {
  padding: 5px 10px;
  white-space: nowrap;
  vertical-align: middle;
}

.table-list thead th {
  background-color: #F4F5F7;
}

.table-list thead th.sortable {
  cursor: pointer;
}

.table-list .btn-action {
  border-radius: 2px;
  font-size: 12px;
  padding: 0 8px;
}

.table-list pre.pretty-json {
  width: 450px;
  border-radius: 10px;
  overflow-x: scroll;
  background-color: #f4f5f7;
  padding: 10px;
  margin: 0;
}

.table-lookup th,
.table-lookup td {
  padding: 5px 10px;
  white-space: nowrap;
  vertical-align: middle;
}

.table-lookup thead th {
  background-color: #F4F5F7;
}

.table-lookup thead th.sortable {
  cursor: pointer;
}

.table-lookup .btn-action {
  border-radius: 2px;
  font-size: 12px;
  padding: 0 8px;
}

.dismiss-x {
  color: #dc3545;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
}

.dismiss-x:hover {
  color: #dc3545;
}

.card-note {
  background-color: #FFFAE6;
  border: 0;
  box-shadow: 0 1px 2px #dbdee3;
  font-size: 12px;
  margin-bottom: 10px;
}

.card-note .card-header {
  padding: 5px 10px;
  background-color: #FFF0B3;
  border-bottom: 0;
}

.card-note .card-body {
  padding: 5px 10px;
}

.card-note .card-body .card-note-text {
  white-space: pre-line;
}

.card-note .card-body .card-note-timestamp {
  margin-top: 10px;
  font-size: 11px;
  text-align: right;
}

/* Jquery UI time picker */

#ui-datepicker-div button.ui-datepicker-current {
  display: none;
}

.ui-datepicker-buttonpane {
  border-top: 0;
  justify-content: flex-end;
  padding-top: 0;
}

.ui-datepicker-buttonpane button {
  background-color: #0052CC;
  border-color: #0052CC;
}

.ui-timepicker-div {
  font-size: 13px;
}

.ui-timepicker-div dt {
  font-weight: normal;
}

.ui-timepicker-div dl {
  background-color: #f5f5f5;
  border: 1px solid #dfe1e6;
  border-radius: 4px;
  margin: 0;
  padding: 5px 10px;
}

.ui-timepicker-div.ui-timepicker-oneLine {
  padding: 10px 0;
}

/* Tiny Slider */

.tns-outer {
  position: relative;
}

.tns-nav {
  text-align: center;
  margin-top: 10px;
}

.tns-nav > [aria-controls] {
  border-radius: 50%;
  background-color: #8993A4;
  border: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 0 5px;
}

.tns-nav > .tns-nav-active {
  background: #172B4D;
}

.tns-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tns-controls button {
  background: transparent;
  border: 0;
  color: #172B4D;
  padding: 0;
  margin: 0;
  font-size: 18px;
  position: absolute;
  bottom: 0;
}

.tns-controls button[data-controls=prev] {
  left: 0;
}

.tns-controls button[data-controls=next] {
  right: 0;
}