/* #slide-out {
    background: linear-gradient(to bottom, #1A1D30 20%, rgba(255, 255, 255, 0)), url(/img/side-menu.png) no-repeat;
    background-blend-mode: darken, normal;
    transform: matrix(-1, 0, 0, 1, 0, 0); // Who added this? I just want to talk.

    -webkit-background-size: 240px 1600px;
    background-size: 240px 1600px;
} */

.navy-blue-skin .side-nav .sidenav-bg:after,
.navy-blue-skin .side-nav .sidenav-bg.mask-strong:after {
  background: rgba(14, 15, 32, 0.92);
  opacity: 0;
}

.will-appear-when-ready {
  opacity: 0;
  transition:
    0.2s opacity ease-out,
    0.2s color ease-out;
}

.show {
  opacity: 1 !important;
}

.ladda-button {
  font-size: 0.8rem !important;
}

.not-side-nav-a {
  display: block !important;
  font-size: 0 !important;
  height: 100% !important;
  line-height: 0 !important;
  padding-left: 0 !important;
}

input {
  color: rgba(0, 0, 0, 0.87);
}

.kibana-textarea {
  font: inherit;
  color: inherit;
  text-align: center;
  resize: none;
  border: 0;
  min-height: 32px;
}

.text-left {
  text-align: left !important;
}

.upload-progress-notif,
.drag-hover-notif {
  position: absolute;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  text-align: center;
  padding: 10px 10px 11px;
  -webkit-transition: opacity;
  -o-transition: opacity;
  transition: opacity;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  width: 100%;
  z-index: 1;
  opacity: 0;
}

.upload-progress-notif {
  bottom: 0;
}

.drag-hover-notif {
  top: 0;
}

.dz-drag-hover .drag-hover-notif {
  opacity: 1;
}

.uploading .upload-progress-notif {
  opacity: 1;
}

.card.narrower {
  height: calc(100% - 20px);
}

.card-cascade.sticky-footer {
  display: flex;
}

.special-card-footer {
  margin: 1.25rem;
}

input:focus:not([readonly]) ~ .activate {
  color: #4285f4;
}

.activate {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}

.top-0 {
  top: 0 !important;
}

#map {
  height: 500px;
}

#eventsMap {
  min-height: 500px;
}

.x8 {
  font-size: 8em !important;
}

.x3 {
  font-size: 3rem !important;
}

.long-text {
  overflow-wrap: break-word;
}

.border-t-1 {
  border-top-style: solid !important;
  border-top-width: 1px !important;
}

.border-l-1 {
  border-left-style: solid !important;
  border-left-width: 1px !important;
}

.border-r-1 {
  border-right-style: solid !important;
  border-right-width: 1px !important;
}

.border-white {
  border-color: white !important;
}

.border-grey {
  border-color: #9e9e9e !important;
}

.border-y-1 {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
}

.table-row-spacer {
  height: 15px;
}

.grey-text.darken-4 {
  color: #212121 !important;
}

.grey-text.darken-3 {
  color: #424242 !important;
}

.ml-xs--1px {
  margin-left: -1px !important;
}

@media (min-width: 576px) {
  .ml-sm--1px {
    margin-left: -1px !important;
  }
}

@media (min-width: 768px) {
  .ml-md--1px {
    margin-left: -1px !important;
  }
}

@media (min-width: 992px) {
  .ml-lg--1px {
    margin-left: -1px !important;
  }
}

@media (min-width: 1200px) {
  .ml-xl--1px {
    margin-left: -1px !important;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.no-breack-line {
  white-space: nowrap;
}

.table-responsive > .fixed-column {
  position: absolute;
  display: inline-block;
  width: auto;
  border-right: 1px solid #ddd;
  background-color: white;
}
@media (min-width: 768px) {
  .table-responsive > .fixed-column {
    display: none;
  }
}

.btn-blue {
  background: #4285f4;
}

.btn-blue.active {
  background-color: #0b51c5 !important;
}

.border-top-grey {
  border-top: solid 1px grey;
}

.border-top-grey-2 {
  border-top: solid 2px grey;
}

@media (min-width: 576px) {
  .border-top-md-up-grey-2 {
    border-top: solid 2px grey;
  }

  .border-top-md-up-grey {
    border-top: solid 1px grey;
  }
}

.active.cantBeActive {
  background-color: inherit !important;
}

.ladda-button.btn-cyan {
  background: #00acc1;
}

.ladda-button.btn-danger {
  background-color: #ff3547;
}

.ladda-button.btn-success {
  background-color: #00c851;
}

.ladda-button.btn-info {
  background-color: #33b5e5;
}

.ladda-button.btn-dark-green {
  background-color: #388e3c;
}

.dred-location-picture {
  display: none;
}

@media (max-width: 767px) {
  .dred-location-picture {
    display: initial !important;
  }
}

@media (max-width: 575px) {
  .dred-location-picture {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .dred-location-picture {
    display: initial !important;
  }
}

.suffix {
  position: absolute;
  right: 15px;
  top: 0.8rem;
}