/*
    ============================================================
    Modal Stylesheet
    https://design.barrows.tech/
    Author: Kaveshan Kistan
    Page Functions: Modal Styles Only
    ============================================================
*/
.text-green {
  color: #1cc88a !important;
}

.text-orange {
  color: #e37711 !important;
}

.text-yellow {
  color: #f6c23e !important;
}

.text-red {
  color: #e74a3b !important;
}

.text-gray {
  color: #6e707e !important;
}

.text-blue {
  color: #2a2d30;
}

/*
    ============================================================
    Global Stylesheet
    https://design.barrows.tech/
    Author: Kaveshan Kistan
    Page Functions: Mix-in's Only
    ============================================================
*/
/* Background Gradient */
/* Border Radius */
/* Box Shadows */
/* Transition */
/* Transition Duration */
/* Transform */
/* Animation Delays */
/* Animation Duration */
/* Animation Fill Mode */
.modal-backdrop {
  background: #000000;
}

.modal .modal-content {
  background: none;
  border: none;
}

.modal .modal-content .card-header {
  background: #2a2d30;
  color: white !important;
}

.modal .modal-content .card-header h4,
.modal .modal-content .card-header label {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}

.modal .modal-content .card-header h4 svg, .modal .modal-content .card-header h4 i,
.modal .modal-content .card-header label svg,
.modal .modal-content .card-header label i {
  color: white !important;
}

.modal .modal-content .card-body {
  background: white;
  border-bottom-left-radius: calc(0.35rem - 1px);
  border-bottom-right-radius: calc(0.35rem - 1px);
}

.modal .modal-content .card-body .modalHeader {
  cursor: pointer;
}

.modal .modal-content .card-body p {
  color: #858796;
  font-size: 0.85rem;
}

.modal .modal-content .card-body p label {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.65rem;
  color: #b7b9cc;
}

.modal .modal-content .card-body p .dropdown .btn {
  font-size: 0.75rem;
  height: 2.45rem;
  line-height: 1.5rem;
}

.modal .modal-content .card-body p .required {
  font-size: 1em;
  color: #f60022;
  margin-left: 5px;
}

.modal .modal-content .card-body p.disabled {
  opacity: 0.60;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal .modal-content .card-body .subcampaign-cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1em;
  width: 100%;
}

.modal .modal-content .card-body .subcampaign-cont p {
  margin-bottom: 0;
}

.modal .modal-content .card-body .subcampaign-cont .fad.fa-trash {
  margin: 0;
}

.modal .modal-content .card-body .subcampaign {
  display: none;
}

.modal .modal-content .card-body .subcampaign input[type="checkbox"] {
  margin-top: 1em;
}

.modal .modal-content .card-body .subcampaign .remove {
  font-size: 0.65rem !important;
  text-align: right;
}

.modal .modal-content .card-body .subcampaign .remove svg, .modal .modal-content .card-body .subcampaign .remove i {
  margin-top: 2px;
  font-size: 0.65rem !important;
  text-align: right;
  color: #e74c3c;
}

.modal .modal-content .card-body .subcampaign.show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.modal .modal-content .card-body .subcampaign.show .support.hide {
  display: none;
}

.toast-bottom {
  position: fixed;
  bottom: -6em;
  width: 100%;
  height: 6em;
  left: 0;
  z-index: 99999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.toast-bottom.alert {
  margin-bottom: 0;
  border-radius: 0;
  background: #ffffff;
  color: #f9f9fa;
}

.toast-bottom.alert span {
  width: 100%;
  float: left;
  text-align: center;
  height: 100%;
  line-height: 4em;
}

.toast-bottom.success, .toast-bottom.success1 {
  background: #00c851;
  bottom: 0em !important;
}

.toast-bottom.error {
  background: #f60022;
  bottom: 0em !important;
}

.toast-bottom.warning {
  background: #ff9c00;
  bottom: 0em !important;
}

.toast-bottom.feature {
  background: #0d0d0d;
  color: #f9f9fa;
  bottom: 0em !important;
}

.modal-dialog.video {
  max-width: 880px;
}

#addStoreModal .modal-dialog .card-body {
  padding: 0.75rem 1.25rem;
}

#addStoreModal .modal-dialog hr {
  margin: 0.5em 0;
}

#addStoreModal .modal-dialog p {
  margin-bottom: 0.5em;
}

#addStoreModal .modal-dialog #map {
  height: 8em;
}

#qcModal .dropdown {
  margin-bottom: 1em;
}

.pac-container {
  z-index: 1000000 !important;
}

.disabled {
  opacity: 0.30;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stdMedia {
  display: none;
}

#scheduleContentModal .switch {
  float: left;
}

#scheduleContentModal .switch + span {
  float: left;
  font-size: 0.75em;
  margin-left: 1em;
  margin-top: 0.1em;
}

#scheduleContentModal .disclaimer {
  color: #b7b9cc;
  margin-bottom: 0.5em;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-size: 0.70em;
}

#scheduleContentModal .btn-light:not(:disabled):not(.disabled):active, #scheduleContentModal .btn-light:not(:disabled):not(.disabled).active,
#scheduleContentModal .show > .btn-light.dropdown-toggle {
  color: #FFFFFF;
  background-color: #458ad2;
  border-color: #458ad2;
}

#deleteModal p {
  margin-bottom: 0.5em;
}

#deleteModal p label {
  width: 100%;
  margin-bottom: 0.5em;
}

#deleteModal p span {
  font-size: 0.75rem;
}

#addPOPModal .card-body label {
  width: 100%;
}

#showAddInfo .modal-dialog {
  max-width: 65%;
}

#showAddInfo .modal-dialog .carousel .carousel-item {
  height: 11em;
}

#showAddInfo .modal-dialog .metadata {
  padding: 0 1em;
  max-height: 15em;
  overflow: auto;
  margin-bottom: 1em;
}

#showAddInfo .modal-dialog .metadata label {
  width: 100%;
  margin-bottom: 0.1em;
}

#addModal .multiLayer {
  margin-bottom: 0;
}

#addModal #newName {
  color: #495057;
  font-size: 0.75rem;
  width: 100%;
  float: left;
  margin-bottom: 1em;
  margin-top: -0.5em;
  margin-left: 1em;
}

#addModal .disabled {
  opacity: 0.60;
}

#storeUnitsModal .modal-dialog {
  max-width: 55% !important;
}

#storeUnitsModal hr {
  margin: 0 2%;
  width: 95%;
  margin-bottom: 0.25em;
}

#storeUnitsModal svg, #storeUnitsModal i {
  font-size: 1.5rem !important;
}

#storeUnitsModal p {
  margin-bottom: 0.25em;
}

#storeUnitsModal p label {
  width: 100%;
}

#storeUnitsModal h6 {
  color: #458ad2;
  font-size: 1em;
  float: left;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-family: "Open Sans", sans-serif;
}

#storeUnitsModal .unitHolder {
  max-height: 10em;
  overflow-y: scroll;
}

#storeUnitsModal .unitHolder .type-img {
  height: 10em;
  overflow: hidden;
  width: 100%;
  background: rgba(248, 249, 252, 0.75);
  background: #FFFFFF;
}

#storeUnitsModal .unitHolder .type-img img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  display: inline-block;
  padding: 1em;
  height: 100%;
  vertical-align: middle;
  font-size: 0.65em;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
}
/*# sourceMappingURL=modals.css.map */