.modal-dialog.modal-xl2 {
  width: 1000px !important;
  max-width: 95vw;
}
.invalid-feedback {
  display: block;
}

@media only screen and (min-width: 1080px) {
  .modal-dialog.modal-xl2 {
    width: 90vw !important;
    max-width: 100vw;
  }
}

/* Extend bootstrap */
@media (min-width: 1920px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 2560px) {
  .col-xxxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.66667%;
  }
}

/* Overwrite React Bootstrap Table */
.react-bs-table table td,
.react-bs-table table th {
  white-space: normal;
  text-overflow: unset;
}

.overflow-visible {
  overflow: visible !important;
}

.text-capitalize {
  text-transform: capitalize;
}

.my-masonry-grid {
  display: -webkit-box; /* Not needed if autoprefixing */
  display: -ms-flexbox; /* Not needed if autoprefixing */
  display: flex;
  margin-left: -30px; /* gutter size offset */
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 30px; /* gutter size */
  background-clip: padding-box;
}

/* Style your items */
.my-masonry-grid_column .upload-file-with-progress {
  /* change div to reference your elements you put in <Masonry> */
  background: grey;
  margin-bottom: 30px;
}

.inspire-modal {
  width: 80vw;
  min-height: 80vh;
}

@media only screen and (max-width: 1080px) {
  .inspire-modal {
    width: 95vw;
  }
}

.o2 {
  opacity: 0.5;
}

.btn-primary {
  color: #fff !important;
  background-color: #da9e29 !important;
  border-color: #da9e29 !important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ca9224;
  border-color: #ca9224;
}
.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(218, 158, 41, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(218, 158, 41, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #e1af4d;
  border-color: #e1af4d;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ca9224;
  border-color: #ca9224;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(218, 158, 41, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(218, 158, 41, 0.5);
}

.btn-secondary {
  color: #cccccc !important;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-secondary:hover {
  color: #b2b4bc;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-secondary:focus,
.btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #cccccc;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #cccccc;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #43d39e;
  border-color: #43d39e;
}
.btn-success:hover {
  color: #fff;
  background-color: #2dc28c;
  border-color: #2bb884;
}
.btn-success:focus,
.btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(95, 218, 173, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(95, 218, 173, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #43d39e;
  border-color: #43d39e;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2bb884;
  border-color: #29ae7d;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(95, 218, 173, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(95, 218, 173, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #25c2e3;
  border-color: #25c2e3;
}
.btn-info:hover {
  color: #fff;
  background-color: #1aaac8;
  border-color: #18a0bd;
}
.btn-info:focus,
.btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(70, 203, 231, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(70, 203, 231, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #25c2e3;
  border-color: #25c2e3;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #18a0bd;
  border-color: #1797b1;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(70, 203, 231, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(70, 203, 231, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}
.btn-warning:hover {
  color: #fff;
  background-color: #e4a700;
  border-color: #d79e00;
}
.btn-warning:focus,
.btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(222, 167, 16, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(222, 167, 16, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #d79e00;
  border-color: #ca9400;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(222, 167, 16, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(222, 167, 16, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ff5c75;
  border-color: #ff5c75;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ff3655;
  border-color: #ff294a;
}
.btn-danger:focus,
.btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 116, 138, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 116, 138, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #ff5c75;
  border-color: #ff5c75;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff294a;
  border-color: #ff1c3f;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 116, 138, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 116, 138, 0.5);
}

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

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #da9e29;
  border-color: #da9e29;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #da9e29;
  border-color: #da9e29;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #da9e29;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #da9e29;
  border-color: #da9e29;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
}

.btn-outline-secondary {
  color: #1e2139;
  border-color: #1e2139;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #1e2139;
  border-color: #1e2139;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #1e2139;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #1e2139;
  border-color: #1e2139;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
}

.btn-outline-success {
  color: #43d39e;
  border-color: #43d39e;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #43d39e;
  border-color: #43d39e;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #43d39e;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #43d39e;
  border-color: #43d39e;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
}

.btn-outline-info {
  color: #25c2e3;
  border-color: #25c2e3;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #25c2e3;
  border-color: #25c2e3;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #25c2e3;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #25c2e3;
  border-color: #25c2e3;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
}

.btn-outline-warning {
  color: #ffbe0b;
  border-color: #ffbe0b;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffbe0b;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
}

.btn-outline-danger {
  color: #ff5c75;
  border-color: #ff5c75;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ff5c75;
  border-color: #ff5c75;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #ff5c75;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff5c75;
  border-color: #ff5c75;
}
.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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  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 {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
}

.dropdown-secondary {
  text-align: left !important;
  width: 100%;
  color: #6c757d !important;
  border: 1px solid #e2e7f1;
}

.dropdown-secondary.disabled {
  background-color: rgb(230, 230, 230) !important;
}

.custom-overlay::after {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
  content: '';
}

.dropdown-item.active {
  background-color: #da9e29;
  color: white;
}

.customCalendarEventView {
  padding-left: 20px !important;
  background-color: #da9e29;
  color: white !important;
  cursor: pointer;
}

.customCalendarEventView .fc-daygrid-event-dot {
  display: none;
}

.merchant-event {
  padding-left: 8px !important;
  background-color: #3788d8 !important;
  color: white !important;
  cursor: pointer;
}

.sofax-event {
  padding-left: 8px !important;
  background-color: #da9e29 !important;
  color: white !important;
  cursor: pointer;
}

/* Full Calendar Mobile Responsive */

@media screen and (max-width: 778px) {
  .customCalendar .fc-header-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: 200px;
  }

  .customCalendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
    order: 3;
  }

  .customCalendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    width: 100%;
    order: 1;
  }

  .customCalendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
    order: 2;
  }
}

/* Phone Notification */
.iosNotification,
.androidNotification {
  padding: 8px;
  border-radius: 10px;
  width: 50vw;
  min-width: 100%;
  max-width: 400px;
  margin: 10px auto;
  border: 1px solid rgb(209, 208, 208);
}

.iosNotificaion.light {
  background-color: #abacac;
}

.iosNotification.dark {
  background-color: #2e2e2eb6;
}

.androidNotification {
  background-color: #ffffff;
}

.iosNotification.light .header .text {
  color: rgb(111, 111, 111);
}

.iosNotification.dark .header .text {
  color: rgb(182, 182, 182);
}

.iosNotification.light .body,
.iosNotification.light .title {
  color: black;
}

.iosNotification.dark .body,
.iosNotification.dark .title {
  color: white;
}

.androidNotification .header .text {
  color: rgba(10, 10, 10, 0.5);
}

.iosNotification .header,
.androidNotification .header {
  height: 30px;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  font-weight: 200;
  font-size: 12px;
}

.iosNotification .content,
.androidNotification .content {
  padding: 5px;
}

.iosNotification .header img,
.androidNotification .header img {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
}

.iosNotification .header .time {
  font-weight: 500;
  font-size: 8px;
}

.iosNotification.dark .body,
.iosNotification.dark .time {
  color: rgb(216, 216, 216);
  color: white;
}

.androidNotification .header .time {
  color: rgb(182, 182, 182);
  font-weight: 700;
  font-size: 8px;
}

.androidNotification .header .time:before {
  content: '';
  display: inline-flex;
  background-color: #929292;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 0 5px;
}

.androidNotification .title {
  font-weight: 500;
  font-size: 14px;
}

.androidNotification .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.iosNotification .body,
.androidNotification .body {
  display: -webkit-inline-box;
  width: 100%;
  line-height: 1.5;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.androidNotification .body {
  font-weight: 300;
  font-size: 12px;
}

.iosNotification .title {
  font-weight: 500;
  font-size: 14px;
}

.iosNotification .body {
  font-weight: 500;
  font-size: 12px;
}

.androidNotification .content .thumbnail img {
  width: 50px;
  height: 50px;
}

.androidNotification .content .full img {
  height: 250px;
  width: 100%;
}

.androidNotification .content .full {
  margin: 5px 0px;
}

.hide-dropdown [class$='IndicatorsContainer'] {
  display: none;
}

.ui.orange-peach.button,
.btn-orange-peach {
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffc594;
}

.ui.orange-peach.button:hover,
.btn-orange-peach:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #eebb88;
}

/* For ReviewImage component in Admin Inspire */
img.object-fit-contain {
  object-fit: contain !important;
}

.ui.menu.menu--display-inline-flex {
  display: inline-flex;
  border-right: none;
}

.form-control-plaintext-inline {
  display: inline;
  width: initial;
  padding: 0;
  border-width: 0;
}

.form-group label.label-with-modal {
  font-size: 100%;
  line-height: 1.5;
}