/* === Main components === */
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/*** Navbar Toggler ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Dfw file ***/
/* Calendar (Full calendar) */
/* Image actions */
/* Dfw Cropper */
/* Push modal */
/* Layouts */
/*** Buttons variants ***/
/*** Form controls ***/
/** Labels **/
label {
  font-family: Arial, Arial, Helvetica, sans-serif;
  color: #2d2d2d;
  font-size: 16px;
  width: 100%; }

.label-required {
  color: #ed1b36;
  font-weight: 900; }

label.input-required:after {
  content: '*';
  color: red; }

/** Placeholders **/
/* Chrome/Opera/Safari */
::-webkit-input-placeholder,
.form-control::placeholder {
  font-size: 12px;
  color: #6c757d; }

/* Firefox 19+ */
::-moz-placeholder,
.form-control::placeholder {
  font-size: 12px;
  color: #6c757d; }

/* Firefox 18- */
:-moz-placeholder,
.form-control::placeholder {
  font-size: 12px;
  color: #6c757d; }

/* IE 10+ */
:-ms-input-placeholder,
.form-control::placeholder {
  font-size: 12px;
  color: #6c757d; }

/** Form controls **/
.form-control {
  font-size: 12px; }

.form-control.is-required {
  border-color: #ed1b36; }

/** Input groups **/
.input-group-text {
  color: #c4ce17; }

/** Fields messages **/
.required-feedback {
  color: #ed1b36; }

.field-message-error {
  color: #ed1b36; }

/** Selects **/
select[class='list'] {
  border-radius: 4px; }

/** Custom controls (Checkboxes, Radios and Switches ) **/
.custom-control-label {
  cursor: pointer; }

.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #c4ce17;
  border-color: #c4ce17; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #000029;
  border-color: #000029; }

/** Datetimepicker Bootstrap **/
.bootstrap-datetimepicker-widget table th.picker-switch {
  text-transform: capitalize; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #c4ce17; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #c4ce17; }

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #c4ce17; }

/** Input telf **/
.intl-tel-input {
  width: 100%; }

.intl-tel-input .country-list {
  z-index: 99; }

/*PATCH  Input telf */
.intl-tel-input.allow-dropdown .flag-container {
  position: relative;
  top: 0; }

.intl-tel-input .selected-flag {
  max-width: 46px;
  height: 30px;
  top: -2px; }

.intl-tel-input .country-list {
  width: 100%;
  max-width: 100%;
  white-space: normal; }

.intl-tel-input.allow-dropdown input {
  position: absolute;
  top: -2px; }

.iti-mobile .intl-tel-input.iti-container {
  width: calc(100% - 60px);
  height: calc(100vh - 60px); }

/** Field Highlight **/
.field-highlight:focus,
button.dropdown-toggle.field-highlight:focus {
  border-color: rgba(178, 0, 0, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(178, 0, 0, 0.6) !important;
  outline: 0 none !important; }

.field-highlight-error {
  border-color: #ed1b36 !important;
  outline: 0 none !important;
  border-width: 2px; }

.field-highlight-success {
  border-color: #0036d3 !important;
  outline: 0 none !important;
  border-width: 2px; }

.field-highlight-warning {
  border-color: #ffc107 !important;
  outline: 0 none !important;
  border-width: 2px; }

.field-highlight-primary {
  border-color: #c4ce17 !important;
  outline: 0 none !important;
  border-width: 2px; }

/** Input icon **/
.field-icon-container {
  position: relative; }

.field-icon-container i,
.field-icon-container svg {
  position: absolute;
  right: 20px;
  bottom: 8px;
  z-index: 999;
  color: #c4ce17; }

/* Buttons simple */
.group-actions a.btn-simple {
  color: #c4ce17 !important;
  transition: all .2s ease-in-out; }

.group-actions a.btn-simple:hover,
.group-actions a.btn-simple:focus {
  color: #899010 !important;
  transform: scale(1.2); }

/** Google Recaptcha v2 **/
.g-recaptcha {
  display: inline-block; }

.container-captcha {
  text-align: center; }

/** Btn Remove group **/
.remove-group-container {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  padding-top: 30px;
  text-align: right; }

/* Autocomplete form */
.aa-Label svg, .aa-LoadingIndicator svg {
  color: #c4ce17 !important; }

.aa-Form:focus-within {
  color: #495057 !important;
  background-color: #fff !important;
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important; }

/** Responsive **/
@media (max-width: 350px) {
  #captcha,
  .g-recaptcha {
    transform: scale(0.8); } }

@media (max-width: 576px) {
  #captcha,
  .g-recaptcha {
    transform: scale(0.8);
    transform-origin: center;
    width: 100%; }
  .g-recaptcha > div {
    width: 100px !important; } }

/*** Bootstrap select ***/
.bootstrap-select:not(.not-remove-button) {
  max-width: calc( 100% - 37px); }

.bootstrap-select.select-add-button.not-remove-button {
  max-width: calc( 100% - 37px); }

.bootstrap-select.select-add-button:not(.not-remove-button) {
  max-width: calc( 100% - 74px); }

.bootstrap-select > .dropdown-toggle {
  min-width: auto !important;
  padding: 7px !important;
  background-color: white;
  border: 1px solid #cccccc !important;
  font-size: inherit;
  font-family: inherit; }

.bootstrap-select.input-group-btn:not(.not-remove-button),
.bootstrap-select.input-group-btn:not(.not-remove-button) button.dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px; }

.bootstrap-select button.btn.dropdown-toggle.disabled {
  cursor: not-allowed;
  background-color: #e9ecef; }

.bootstrap-select .dropdown-toggle::after {
  display: none; }

.bootstrap-select div.dropdown-menu {
  min-width: auto !important;
  border: 1px solid #efefef; }

.bootstrap-select .dropdown-menu {
  width: 100%;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
  transition: opacity 0.25s linear, visibility 0.1s linear 0.1s; }

.bootstrap-select .dropdown-menu li > a {
  padding: 8px 0px 8px 15px;
  border-bottom: solid 1px #f3f3f3;
  font-weight: lighter;
  white-space: initial !important;
  font-weight: normal !important;
  display: flex;
  align-items: center; }

.bootstrap-select .dropdown-item.active {
  background-color: white;
  color: #212529; }

.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item:focus,
.bootstrap-select .dropdown-item:active {
  background-color: #c4ce17;
  color: white; }

/** Check icon on selected items **/
.bootstrap-select a.dropdown-item > svg.svg-inline--fa,
.bootstrap-select a.dropdown-item > i {
  position: absolute;
  right: 15px;
  color: #c4ce17; }

.bootstrap-select a.dropdown-item:hover > svg.svg-inline--fa,
.bootstrap-select a.dropdown-item:focus > svg.svg-inline--fa,
.bootstrap-select a.dropdown-item:active > svg.svg-inline--fa {
  color: white; }

.bootstrap-select ul.dropdown-menu li > a[aria-selected="false"] > svg.svg-inline--fa {
  display: none; }

/** Required **/
.bootstrap-select > .dropdown-toggle.is-required {
  border-color: #ed1b36 !important; }

/** Scrollbar **/
.bootstrap-select div.dropdown-menu div.inner::-webkit-scrollbar {
  width: 7px !important;
  background-color: whitesmoke !important; }

.bootstrap-select div.dropdown-menu div.inner::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #adadad !important; }

/* Firefox */
.bootstrap-select div.dropdown-menu div.inner {
  scrollbar-width: thin;
  scrollbar-color: #adadad whitesmoke; }

/** Button added to remove all items selected **/
.btn-unselect-all {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.btn-unselect-all[disabled] {
  cursor: not-allowed !important; }

/** Date field group **/
.bootstrap-select.date-field-group ul.dropdown-menu li a svg.svg-inline--fa {
  display: none; }

/*** File input ***/
/** Main customization **/
.file-input .kv-upload-progress,
.krajee-default.file-preview-frame .file-footer-caption,
.krajee-default.file-preview-frame .file-thumbnail-footer .file-drag-handle {
  display: none !important; }

.krajee-default.file-preview-frame .kv-file-content {
  margin-bottom: 8px !important; }

.krajee-default.file-preview-frame .file-thumbnail-footer {
  height: 0px !important; }

.krajee-default.file-preview-frame .embed-responsive object,
.file-zoom-dialog .embed-responsive object:not(.pdfFile) {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important; }

/** Preview **/
.file-input .file-preview {
  height: 283px; }

.file-input .file-preview-frame,
.file-input .file-preview-frame:hover {
  box-shadow: none !important; }

.file-input .file-preview-thumbnails {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden; }

.file-input .file-thumb-progress {
  top: 33px !important; }

.file-preview-image {
  object-fit: cover; }

/*** Scrollbar preview***/
/* width */
.file-input .file-preview-thumbnails::-webkit-scrollbar {
  height: 8px; }

/* Track */
.file-input .file-preview-thumbnails::-webkit-scrollbar-track {
  background: #e0e0e0; }

/* Handle */
.file-input .file-preview-thumbnails::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 10px; }

/* Handle on hover */
.file-input .file-preview-thumbnails::-webkit-scrollbar-thumb:hover {
  background: #555555; }

/** Remove Button **/
.file-input .fileinput-remove-button,
.file-input .fileinput-browse-button {
  display: inline-block !important;
  width: 49% !important; }

/** Drop zone **/
.file-input .file-drop-zone {
  border: none !important; }

.file-drop-zone-title {
  font-size: 1.2em; }

/** Others styles **/
.file-input .kv-file-upload,
.file-input .kv-fileinput-error {
  display: none !important; }

.file-zoom-content img {
  max-width: 100%; }

.fileinput-browse-button.btn-file.disabled {
  visibility: hidden; }

/** Card + file input (It used in files validation) **/
.card.validated .card-body .file-input .file-preview {
  background: rgba(76, 174, 76, 0.11) !important; }

.card.invalidated .card-body .file-input .file-preview {
  background: rgba(212, 63, 58, 0.11) !important; }

/***  Buttons ***/
.btn {
  /*font-family: $btn-font-family;
  font-weight: $btn-font-weight;
  border: $btn-border-width solid transparent;
  border-radius: $btn-border-radius;
  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
  @include transition($btn-transition);*/ }

.btn-default,
a.btn-default {
  color: #c4ce17;
  background-color: #e4e4e4;
  background-color: #e4e4e4;
  border-color: #e4e4e4; }
  .btn-default:hover,
  a.btn-default:hover {
    color: #899010;
    background-color: #b6b6b6;
    border-color: #b6b6b6; }
  .btn-default:focus, .btn-default.focus,
  a.btn-default:focus,
  a.btn-default.focus {
    color: #212529;
    background-color: #b6b6b6;
    border-color: #b6b6b6;
    box-shadow: 0 0 0 0.2rem rgba(199, 199, 200, 0.5); }
  .btn-default.disabled, .btn-default:disabled,
  a.btn-default.disabled,
  a.btn-default:disabled {
    color: #212529;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    cursor: not-allowed; }
  .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle,
  a.btn-default:not(:disabled):not(.disabled):active,
  a.btn-default:not(:disabled):not(.disabled).active, .show > a.btn-default.dropdown-toggle {
    color: #212529;
    background-color: #b6b6b6;
    border-color: #b6b6b6; }
    .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus,
    a.btn-default:not(:disabled):not(.disabled):active:focus,
    a.btn-default:not(:disabled):not(.disabled).active:focus, .show > a.btn-default.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(199, 199, 200, 0.5); }

.btn-primary,
a.btn-primary {
  color: #212529;
  background-color: #c4ce17;
  background-color: #c4ce17;
  border-color: #c4ce17; }
  .btn-primary:hover,
  a.btn-primary:hover {
    color: #ffffff;
    background-color: #899010;
    border-color: #899010; }
  .btn-primary:focus, .btn-primary.focus,
  a.btn-primary:focus,
  a.btn-primary.focus {
    color: #ffffff;
    background-color: #899010;
    border-color: #899010;
    box-shadow: 0 0 0 0.2rem rgba(172, 181, 26, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled,
  a.btn-primary.disabled,
  a.btn-primary:disabled {
    color: #212529;
    background-color: #c4ce17;
    border-color: #c4ce17;
    cursor: not-allowed; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
  a.btn-primary:not(:disabled):not(.disabled):active,
  a.btn-primary:not(:disabled):not(.disabled).active, .show > a.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #899010;
    border-color: #899010; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus,
    a.btn-primary:not(:disabled):not(.disabled):active:focus,
    a.btn-primary:not(:disabled):not(.disabled).active:focus, .show > a.btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(172, 181, 26, 0.5); }

.btn-secondary,
a.btn-secondary {
  color: #ffffff;
  background-color: #000029;
  background-color: #000029;
  border-color: #000029; }
  .btn-secondary:hover,
  a.btn-secondary:hover {
    color: #ffffff;
    background-color: #000057;
    border-color: #000057; }
  .btn-secondary:focus, .btn-secondary.focus,
  a.btn-secondary:focus,
  a.btn-secondary.focus {
    color: #ffffff;
    background-color: #000057;
    border-color: #000057;
    box-shadow: 0 0 0 0.2rem rgba(38, 38, 73, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled,
  a.btn-secondary.disabled,
  a.btn-secondary:disabled {
    color: #ffffff;
    background-color: #000029;
    border-color: #000029;
    cursor: not-allowed; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle,
  a.btn-secondary:not(:disabled):not(.disabled):active,
  a.btn-secondary:not(:disabled):not(.disabled).active, .show > a.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #000057;
    border-color: #000057; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus,
    a.btn-secondary:not(:disabled):not(.disabled):active:focus,
    a.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > a.btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 38, 73, 0.5); }

.btn-success,
a.btn-success {
  color: #ffffff;
  background-color: #0036d3;
  background-color: #0036d3;
  border-color: #0036d3; }
  .btn-success:hover,
  a.btn-success:hover {
    color: #ffffff;
    background-color: #002593;
    border-color: #002593; }
  .btn-success:focus, .btn-success.focus,
  a.btn-success:focus,
  a.btn-success.focus {
    color: #ffffff;
    background-color: #002593;
    border-color: #002593;
    box-shadow: 0 0 0 0.2rem rgba(38, 84, 218, 0.5); }
  .btn-success.disabled, .btn-success:disabled,
  a.btn-success.disabled,
  a.btn-success:disabled {
    color: #ffffff;
    background-color: #0036d3;
    border-color: #0036d3;
    cursor: not-allowed; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle,
  a.btn-success:not(:disabled):not(.disabled):active,
  a.btn-success:not(:disabled):not(.disabled).active, .show > a.btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #002593;
    border-color: #002593; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus,
    a.btn-success:not(:disabled):not(.disabled):active:focus,
    a.btn-success:not(:disabled):not(.disabled).active:focus, .show > a.btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 84, 218, 0.5); }

.btn-info,
a.btn-info {
  color: #ffffff;
  background-color: #17a2b8;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover,
  a.btn-info:hover {
    color: #ffffff;
    background-color: #138496;
    border-color: #138496; }
  .btn-info:focus, .btn-info.focus,
  a.btn-info:focus,
  a.btn-info.focus {
    color: #ffffff;
    background-color: #138496;
    border-color: #138496;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled,
  a.btn-info.disabled,
  a.btn-info:disabled {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    cursor: not-allowed; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle,
  a.btn-info:not(:disabled):not(.disabled):active,
  a.btn-info:not(:disabled):not(.disabled).active, .show > a.btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: #138496;
    border-color: #138496; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus,
    a.btn-info:not(:disabled):not(.disabled):active:focus,
    a.btn-info:not(:disabled):not(.disabled).active:focus, .show > a.btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning,
a.btn-warning {
  color: #212529;
  background-color: #ffc107;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover,
  a.btn-warning:hover {
    color: #212529;
    background-color: #ffc50c;
    border-color: #ffc50c; }
  .btn-warning:focus, .btn-warning.focus,
  a.btn-warning:focus,
  a.btn-warning.focus {
    color: #212529;
    background-color: #ffc50c;
    border-color: #ffc50c;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled,
  a.btn-warning.disabled,
  a.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    cursor: not-allowed; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle,
  a.btn-warning:not(:disabled):not(.disabled):active,
  a.btn-warning:not(:disabled):not(.disabled).active, .show > a.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc50c;
    border-color: #ffc50c; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus,
    a.btn-warning:not(:disabled):not(.disabled):active:focus,
    a.btn-warning:not(:disabled):not(.disabled).active:focus, .show > a.btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger,
a.btn-danger {
  color: #ffffff;
  background-color: #ed1b36;
  background-color: #ed1b36;
  border-color: #ed1b36; }
  .btn-danger:hover,
  a.btn-danger:hover {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36; }
  .btn-danger:focus, .btn-danger.focus,
  a.btn-danger:focus,
  a.btn-danger.focus {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36;
    box-shadow: 0 0 0 0.2rem rgba(240, 61, 84, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled,
  a.btn-danger.disabled,
  a.btn-danger:disabled {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36;
    cursor: not-allowed; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle,
  a.btn-danger:not(:disabled):not(.disabled):active,
  a.btn-danger:not(:disabled):not(.disabled).active, .show > a.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus,
    a.btn-danger:not(:disabled):not(.disabled):active:focus,
    a.btn-danger:not(:disabled):not(.disabled).active:focus, .show > a.btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 61, 84, 0.5); }

.btn-light,
a.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover,
  a.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #e2e6ea; }
  .btn-light:focus, .btn-light.focus,
  a.btn-light:focus,
  a.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #e2e6ea;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .btn-light.disabled, .btn-light:disabled,
  a.btn-light.disabled,
  a.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    cursor: not-allowed; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle,
  a.btn-light:not(:disabled):not(.disabled):active,
  a.btn-light:not(:disabled):not(.disabled).active, .show > a.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #e2e6ea; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus,
    a.btn-light:not(:disabled):not(.disabled):active:focus,
    a.btn-light:not(:disabled):not(.disabled).active:focus, .show > a.btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark,
a.btn-dark {
  color: #ffffff;
  background-color: #343a40;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover,
  a.btn-dark:hover {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b; }
  .btn-dark:focus, .btn-dark.focus,
  a.btn-dark:focus,
  a.btn-dark.focus {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled,
  a.btn-dark.disabled,
  a.btn-dark:disabled {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40;
    cursor: not-allowed; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle,
  a.btn-dark:not(:disabled):not(.disabled):active,
  a.btn-dark:not(:disabled):not(.disabled).active, .show > a.btn-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus,
    a.btn-dark:not(:disabled):not(.disabled):active:focus,
    a.btn-dark:not(:disabled):not(.disabled).active:focus, .show > a.btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-default,
a.btn-outline-default {
  color: #e4e4e4;
  border-color: #e4e4e4; }
  .btn-outline-default:hover,
  a.btn-outline-default:hover {
    color: #212529;
    background-color: #e4e4e4;
    border-color: #e4e4e4; }
  .btn-outline-default:focus, .btn-outline-default.focus,
  a.btn-outline-default:focus,
  a.btn-outline-default.focus {
    box-shadow: 0 0 0 0.2rem rgba(228, 228, 228, 0.5); }
  .btn-outline-default.disabled, .btn-outline-default:disabled,
  a.btn-outline-default.disabled,
  a.btn-outline-default:disabled {
    color: #e4e4e4;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle,
  a.btn-outline-default:not(:disabled):not(.disabled):active,
  a.btn-outline-default:not(:disabled):not(.disabled).active, .show > a.btn-outline-default.dropdown-toggle {
    color: #212529;
    background-color: #e4e4e4;
    border-color: #e4e4e4; }
    .btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus,
    a.btn-outline-default:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-default.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(228, 228, 228, 0.5); }

.btn-outline-primary,
a.btn-outline-primary {
  color: #c4ce17;
  border-color: #c4ce17; }
  .btn-outline-primary:hover,
  a.btn-outline-primary:hover {
    color: #212529;
    background-color: #c4ce17;
    border-color: #c4ce17; }
  .btn-outline-primary:focus, .btn-outline-primary.focus,
  a.btn-outline-primary:focus,
  a.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(196, 206, 23, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled,
  a.btn-outline-primary.disabled,
  a.btn-outline-primary:disabled {
    color: #c4ce17;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle,
  a.btn-outline-primary:not(:disabled):not(.disabled):active,
  a.btn-outline-primary:not(:disabled):not(.disabled).active, .show > a.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #c4ce17;
    border-color: #c4ce17; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus,
    a.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(196, 206, 23, 0.5); }

.btn-outline-secondary,
a.btn-outline-secondary {
  color: #000029;
  border-color: #000029; }
  .btn-outline-secondary:hover,
  a.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #000029;
    border-color: #000029; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus,
  a.btn-outline-secondary:focus,
  a.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 41, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled,
  a.btn-outline-secondary.disabled,
  a.btn-outline-secondary:disabled {
    color: #000029;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
  a.btn-outline-secondary:not(:disabled):not(.disabled):active,
  a.btn-outline-secondary:not(:disabled):not(.disabled).active, .show > a.btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #000029;
    border-color: #000029; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus,
    a.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 0, 41, 0.5); }

.btn-outline-success,
a.btn-outline-success {
  color: #0036d3;
  border-color: #0036d3; }
  .btn-outline-success:hover,
  a.btn-outline-success:hover {
    color: #ffffff;
    background-color: #0036d3;
    border-color: #0036d3; }
  .btn-outline-success:focus, .btn-outline-success.focus,
  a.btn-outline-success:focus,
  a.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 54, 211, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled,
  a.btn-outline-success.disabled,
  a.btn-outline-success:disabled {
    color: #0036d3;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle,
  a.btn-outline-success:not(:disabled):not(.disabled):active,
  a.btn-outline-success:not(:disabled):not(.disabled).active, .show > a.btn-outline-success.dropdown-toggle {
    color: #ffffff;
    background-color: #0036d3;
    border-color: #0036d3; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus,
    a.btn-outline-success:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 54, 211, 0.5); }

.btn-outline-info,
a.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover,
  a.btn-outline-info:hover {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus,
  a.btn-outline-info:focus,
  a.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled,
  a.btn-outline-info.disabled,
  a.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle,
  a.btn-outline-info:not(:disabled):not(.disabled):active,
  a.btn-outline-info:not(:disabled):not(.disabled).active, .show > a.btn-outline-info.dropdown-toggle {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus,
    a.btn-outline-info:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning,
a.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover,
  a.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus,
  a.btn-outline-warning:focus,
  a.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled,
  a.btn-outline-warning.disabled,
  a.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle,
  a.btn-outline-warning:not(:disabled):not(.disabled):active,
  a.btn-outline-warning:not(:disabled):not(.disabled).active, .show > a.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus,
    a.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger,
a.btn-outline-danger {
  color: #ed1b36;
  border-color: #ed1b36; }
  .btn-outline-danger:hover,
  a.btn-outline-danger:hover {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36; }
  .btn-outline-danger:focus, .btn-outline-danger.focus,
  a.btn-outline-danger:focus,
  a.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 27, 54, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled,
  a.btn-outline-danger.disabled,
  a.btn-outline-danger:disabled {
    color: #ed1b36;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle,
  a.btn-outline-danger:not(:disabled):not(.disabled):active,
  a.btn-outline-danger:not(:disabled):not(.disabled).active, .show > a.btn-outline-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #ed1b36;
    border-color: #ed1b36; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus,
    a.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(237, 27, 54, 0.5); }

.btn-outline-light,
a.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover,
  a.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus,
  a.btn-outline-light:focus,
  a.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled,
  a.btn-outline-light.disabled,
  a.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle,
  a.btn-outline-light:not(:disabled):not(.disabled):active,
  a.btn-outline-light:not(:disabled):not(.disabled).active, .show > a.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus,
    a.btn-outline-light:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark,
a.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover,
  a.btn-outline-dark:hover {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus,
  a.btn-outline-dark:focus,
  a.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled,
  a.btn-outline-dark.disabled,
  a.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
    cursor: not-allowed; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle,
  a.btn-outline-dark:not(:disabled):not(.disabled):active,
  a.btn-outline-dark:not(:disabled):not(.disabled).active, .show > a.btn-outline-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus,
    a.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    a.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > a.btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.dfw-file-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: #c4ce17;
  border-radius: 10px; }

.dfw-file-container .drag-image {
  background: transparent;
  border: 1px dashed #fff;
  height: 300px;
  width: 350px;
  border-radius: 5px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px; }

.dfw-file-container .drag-image.active {
  border: 2px solid #fff; }

.dfw-file-container .drag-image .icon {
  font-size: 30px;
  color: white; }

.dfw-file-container .drag-image .drag-text {
  font-size: 20px;
  font-weight: 300;
  color: white; }

.dfw-file-container .drag-image span {
  font-size: 14px;
  font-weight: 300;
  color: white;
  margin: 10px 0 15px 0;
  text-align: center; }

.dfw-file-container .drag-image button {
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 300;
  border: none;
  outline: none;
  background: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s;
  margin-top: 15px; }

.dfw-file-container .drag-image button:hover {
  background-color: transparent;
  color: white;
  border-color: white; }

.dfw-form-container .drag-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px; }

.dfw-form-container .drag-image .form-check-label {
  color: #fff; }

.dfw-file-container .drag-image .file-name {
  color: white;
  margin-top: 15px; }