label {
  margin-bottom: 0rem;
}

html.wait,
html.wait * {
  cursor: wait !important;
}

.chart-dropdown {
  max-width: 657px !important;
  min-width: 216px !important;
}

.enlite-success {
  color: #50A193;
}

.enlite-warning {
  color: #FDC60D;
}

.enlite-danger {
  color: #E63236;
}

.enlite-border-success {
  border-color: #50A193;
}

.enlite-border-warning {
  border-color: #FDC60D;
}

.enlite-border-danger {
  border-color: #E63236;
}

.btn-enlite-outline-success {
  color: #50A193;
  border-color: #50A193;
}

.portfolio-overview.active {
  background-image: linear-gradient(0deg, #3a75c4 4%, #202021 27%) !important;
}

.portfolio-energy.active {
  background-image: linear-gradient(0deg, #888d42 4%, #202021 27%) !important;
}

.portfolio-fuel.active {
  background-image: linear-gradient(0deg, #8c706b 4%, #202021 27%) !important;
}
.portfolio-sustainability.active {
  background-image: linear-gradient(0deg, #008a6d 4%, #202021 27%) !important;
}

.btn-enlite-outline-success:hover {
  color:#fff;
  background-color: #50A193;
  border-color: #50A193;
}

.btn-enlite-outline-success:focus, .btn-enlite-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(80,161,147,0.5);
}

.btn-enlite-outline-warning {
  color: #FDC60D;
  border-color: #FDC60D;
}

.btn-enlite-outline-warning:hover {
  color:#fff;
  background-color: #FDC60D;
  border-color: #FDC60D;
}

.btn-enlite-outline-warning:focus, .btn-enlite-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(253,198,13,0.5);
}

.btn-enlite-outline-danger {
  color: #E63236;
  border-color: #E63236;
}

.btn-enlite-outline-danger:hover {
  color:#fff;
  background-color: #E63236;
  border-color: #E63236;
}

.btn-enlite-outline-danger:focus, .btn-enlite-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(230,50,54,0.5rem);
}

.kpi-alert {
  font-weight: bold;
  padding: 0.1em 0.6em;
  border-radius: 1em;
}

/* .btn-enlite-success {
    color: #fff;
    background-color: #50A193;
    border-color: #50A193;
}

.btn-enlite-warning {
    color: #fff;
    background-color: #FDC60D;
    border-color: #FDC60D;
}

.btn-enlite-danger {
    color: #fff;
    background-color: #E63236;
    border-color: #E63236;
} */

.sidebar .sidebar-brand .sidebar-brand-icon {
  width: 75%;
}

.sidebar.toggled .sidebar-brand .sidebar-brand-icon {
  width: 100%;
}

.page-title {
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.25rem;
}

.highcharts-xrange-series .highcharts-point {
  stroke-width: 1px;
  stroke: gray;
}

.highcharts-partfill-overlay {
  fill: #010101;
  fill-opacity: 0.3;
}

.highcharts-data-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background: white;
  min-width: 95%;
  margin-top: 10px;
  margin-left: 20px;
  font-family: sans-serif;
  font-size: 0.9em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  border: 1px solid silver;
  padding: 0.5em;
}

.highcharts-data-table tr:nth-child(even),
.highcharts-data-table thead tr {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #eff;
}

.highcharts-data-table caption {
  border: none;
  font-size: 0;
  font-weight: bold;
  margin-bottom: 20px;
}

.text-border-light {
  color: black;
  text-shadow: -0.5px 0 white, 0 0.5px white, 0.5px 0 white, 0 -0.5px white;
}

.text-border-dark {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.bg-black {
  background-color: #212121 !important;
}

.bg-hc-dark {
  background-color: #343434 !important;
}

.bg-gradient-black {
  background-color: #000000;
  background-image: linear-gradient(180deg, #3e3e40 10%, #000000 100%);
  background-size: cover;
}

.bg-highcharts {
  background-color: #2b2b2b !important;
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}

.btn-black {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-gradient-black {
  color: #fff;
  background-color: #000000;
  background-image: linear-gradient(180deg, #3e3e40 10%, #000000 100%);
  border-color: #000000;
}

.btn-gradient-black.disabled,
.btn-gradient-black:disabled {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

select.btn-gradient-black > option {
  background-color: #fff;
  color: #3a3b45;
}

.btn-black.disabled,
.btn-black:disabled {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.border-black {
  border-color: #000000 !important;
}

.border-left-black {
  border-left: 0.25rem solid #000000 !important;
}

ul.errorlist {
  list-style-type: none;
  color: #ba2121;
  padding-left: 0;
}

div.help li {
  font-size: 11px;
  color: #999;
  list-style-type: none;
}

div.help ul {
  padding-left: 0;
}

.draggable {
  cursor: grab;
}

.draggable:active {
  cursor: grabbing;
}

.was-validated select.form-control:valid,
.form-control.is-valid {
  border-color: #1cc88a;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.6rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Use this to render select2 single dropdown as well, current problem is that the dropdown loses it's black gradient look because of background-image property*/
/* .was-validated select.form-control:invalid, .form-control.is-invalid, select.is-invalid + span.select2-container--default span.selection span.select2-selection--multiple, select.is-invalid + span.select2-container--default span.selection span.select2-selection--single{ */
.was-validated select.form-control:invalid,
.form-control.is-invalid,
select.is-invalid+span.select2-container--default span.selection span.select2-selection--multiple {
  border-color: #e74a3b;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.6rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* START OF SELECT2 CSS CLASSES */
select.w-100+span .select2-selection--single {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d1d3e2;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 3px;
}

select.btn+span .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px);
  display: inline-block;
  font-weight: 400;
  color: #858796;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.35rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

select.btn-sm+span .select2-selection--single {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.btn-gradient-black+span .select2-selection--single {
  color: #fff;
  background-color: #000000;
  background-image: linear-gradient(180deg, #3e3e40 10%, #000000 100%);
  /* border-color: #000000; */
}

select.btn-gradient-black+.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: not-allowed;
  /* opacity: 0.65; */
}

select.btn-light+span .select2-selection--single {
  color: #3a3b45;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

select.btn-gradient-black+span .select2-selection__placeholder,
select.btn-gradient-black+span .select2-selection__rendered {
  color: #fff !important;
}

select.btn-light+span .select2-selection__placeholder,
select.btn-light+span .select2-selection__rendered {
  color: #3a3b45 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}

.select2-search--dropdown {
  display: block;
  padding: 0.5rem;
}

.select2-search--dropdown .select2-search__field {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  font-weight: 400;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-search--dropdown .select2-search__field:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #bac8f3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.select2-results {
  font-size: .7rem;
  color: #3a3b45 !important;
  display: block;
}

.select2-dropdown {
  background-color: #f8f9fc;
  border: 0.05rem solid #000000;
  /* box-shadow: 0 0 3pt 2pt #ffffff; */
  border-radius: 0.35rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-image: linear-gradient(0deg, #3e3e40 10%, #000000 100%);
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  color: white;
}

/* .select2-container--default .select2-results__option--highlighted[aria-selected]:last-child {
    border-bottom-left-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
} */

ul.select2-results__options>li.select2-results__option[role=group]:last-of-type>ul.select2-results__options--nested>li.select2-results__option--highlighted:last-of-type,
span.select2-results>ul.select2-results__options>li.select2-results__option--highlighted[role=option]:last-of-type {
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

.was-validated select:invalid+span .select2-selection--single,
select.is-invalid+span.select2-container--default span.selection span.select2-selection--single {
  border: 0.13rem solid #e74a3b;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.5rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

.was-validated select:invalid+span .select2-selection--multiple,
select.is-invalid+span.select2-container--default span.selection span.select2-selection--multiple {
  border: 1px solid #e74a3b;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 0.5rem;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated select:invalid+span .select2-selection--single:focus,
select.is-invalid+span.select2-container--default span.selection span.select2-selection--single {
  box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}

.was-validated select:valid+span .select2-selection--single {
  border: 0.13rem solid #1cc88a;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.5rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

.was-validated select:valid+span .select2-selection--multiple  {
  border: 1px solid #1cc88a;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 0.5rem;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated select:valid+span .select2-selection--single:focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 0.5rem;
  font-weight: 800;
  font-size: 0.65rem;
  color: #000000;
  text-transform: uppercase !important;
  background: #E9EAEE;
}

/* END OF SELECT2 CSS CLASSES */

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  color: #3a3b45;
  font-weight: 700;
}

.file-upload {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  border: 1px solid #d1d3e2 !important;
  border-radius: 0.35rem !important;
  font-size: .7rem;
}

span.clearable-file-input label {
  color: #333;
  font-size: 11px;
  display: inline;
  float: none;
}

.badge-black {
  color: #fff;
  background-color: #000000;
}

a.badge-black:hover,
a.badge-black:focus {
  color: #fff;
  background-color: #313131;
}

a.badge-black:focus,
a.badge-black.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

select.is-invalid+span.select2-container--default~.invalid-tooltip,
div.is-invalid~.invalid-tooltip {
  display: block;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #1a1a1a;
  border: 1px solid #aaa;
  color: #fff;
  font-size: 75%;
  font-weight: 600;
}

.list-error {
  padding: 0.25rem;
  margin-bottom: -1px;
  background-color: #e85a4e;
  font-size: 0.7rem;
}

.list-error:last-of-type {
  border-bottom: 0;
}

.slider {
  overflow-y: hidden;
  max-height: 39px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slider.closed {
  max-height: 0px !important;
}

.drag-card {
  background-color: #000000;
  background-image: linear-gradient(180deg, #3e3e40 10%, #000000 100%);
  background-size: cover;
  color: #dddfeb;
  text-transform: capitalize;
  padding-left: 0.75rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  margin-bottom: 0.25rem;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  position: relative;
  display: flex;
  min-width: 0;
  background-clip: border-box;
  border-radius: 0.35rem;
  justify-content: space-between;
  align-items: flex-end;
  font-size: .4rem;
}

.drag-card .title {
  font-size: 0.9rem;
  color: #f8f9fc;
  font-weight: 300;
  line-height: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  word-break: break-word;
  overflow-wrap: break-word;
}

.kpi:not(:empty)::before {
  content: 'KPIs:';
  color: #3a3b45;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.stats:not(:empty)::before {
  content: 'Statistics:';
  color: #3a3b45;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.deltas:not(:empty)::before {
  content: 'Deltas:';
  color: #3a3b45;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.fuel:not(:empty)::before {
  content: 'Fuel:';
  color: #3a3b45;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.irradiance:not(:empty)::before {
  content: 'Irradiance:';
  color: #3a3b45;
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

/* Start of dashboard classes */
.enchart-sizer {
  width: 100%;
}

.enchart-wrapper {
  /* margin-bottom: 10px; */
  padding: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 250px;
}

.enchart-card {
  height: 100%;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #e3e6f0;
  border-radius: 0.35rem;
}

summary.new-enchart {
  display: none;
  width: 25%;
}

summary.new-enchart>div {
  height: 100%;
  background-color: #212121;
  display: flex;
  border-radius: 0.35rem;
  transition: 0.3s;
  color: #ffffff;
  width: 100%;
}

.edit-charts .new-enchart,
.edit-charts .edit-enchart {
  display: block;
}

summary.new-enchart>div:hover {
  background-color: #000000;
}

.edit-enchart {
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
}

.enchart-container {
  height: 100%;
  border-radius: 0.35rem;
  display: block;
}

.enchart-wrapper .enchart-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 11px;
  padding-right: 14px;
  padding-left: 14px;
  display: none;
}

.highcharts-container.highcharts-container {
  z-index: auto !important;
  overflow: visible !important;
}

.text-enlite {
  font-size: 1rem;
}


.badge-width {
  color: #fff;
  background-color: #1cc88a;
}

.enchart-wrapper--width-2 .badge-width {
  background-color: #f6c23e;
}

.enchart-wrapper--width-3 .badge-width {
  background-color: #e74a3b;
}

.badge-height {
  color: #fff;
  background-color: #1cc88a;
}

.enchart-wrapper--height-2 .badge-height {
  background-color: #f6c23e;
}

.enchart-wrapper--height-3 .badge-height {
  background-color: #e74a3b;
}

.plant-select img {
  filter: grayscale(0.8) blur(0.5px) opacity(0.7);
  transition: filter 0.5s;
}

.plant-select.active img,
.plant-select:hover img,
.plant-select:active img {
  filter: none;
}

.plant-select .card {
  transition: border-color 0.5s;
}

.plant-select.active .card,
.plant-select:hover .card,
.plant-select:active .card {
  border-color: #212121 !important;
}

.custom-switch-sm {
  font-size: .7rem;
}

.custom-switch-sm .custom-control-label::before {
  top: -0.05rem;
}

.custom-switch-sm .custom-control-label::after {
  top: calc(-0.05rem + 2.2px);
}

/* For laptop screens and larger */
@media (min-width: 992px) {
  .page-title {
    font-size: 2rem;
  }

  .chart-dropdown {
    max-width: 216px !important;
  }

  .enchart-wrapper {
    width: 33.33%;
    /* for the older browsers fallback */
    width: calc(100% / 3);
    height: 200px;
  }

  .enchart-wrapper .enchart-controls {
    display: flex;
  }

  .enchart-sizer {
    width: 33.33%;
    /* for the older browsers fallback */
    width: calc(100% / 3);
  }

  .enchart-wrapper--width-2 {
    width: 66.66%;
    /* for the older browsers fallback */
    width: calc(100% * 2 / 3);
  }

  .enchart-wrapper--width-3 {
    width: 100%;
    /* for the older browsers fallback */
  }

  .enchart-wrapper--height-2 {
    height: 400px;
  }

  .enchart-wrapper--height-3 {
    height: 600px;
  }
}

/* For monitor screens and larger, 24" moitor used while developing */
@media (min-width: 1300px) {
  .chart-dropdown {
    max-width: 437px !important;
  }

  .enchart-wrapper {
    /* margin-bottom: 10px; */
    width: 33.33%;
    /* for the older browsers fallback */
    width: calc(100% / 3);
    height: 250px;
  }

  .enchart-wrapper .enchart-controls {
    display: flex;
  }

  .enchart-sizer {
    width: 33.33%;
    /* for the older browsers fallback */
    width: calc(100% / 3);
  }

  .enchart-wrapper--width-2 {
    width: 66.66%;
    /* for the older browsers fallback */
    width: calc(100% * 2 / 3);
  }

  .enchart-wrapper--width-3 {
    width: 100%;
    /* for the older browsers fallback */
  }

  /* .enchart-wrapper--width-4 {
        width: 100%;
    } */

  .enchart-wrapper--height-2 {
    height: 500px;
  }

  .enchart-wrapper--height-3 {
    height: 750px;
  }

  .drag-card {
    /* padding-left: 1rem;
        padding-right: 0.5rem; */
    font-size: .5rem;
  }

  .drag-card .title {
    font-size: 1rem;
  }
}

/* For anything smaller than a monitor, 24" moitor used while developing  */
@media (max-width: 1300px) {

  .select2-selection__rendered,
  .select2-selection__placeholder,
  .btn {
    font-size: .7rem;
  }

  .text-enlite {
    font-size: 0.7rem;
  }
}

/* End of dashboard classes */

/* .edit-enchart>div {
} */

/* .was-validated input.form-control:invalid, .form-control.is-invalid {
    border-color: #e74a3b;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
} */

.modal-img {
  max-width: 95vw;
}