@import "common.css";
/*----- Layout ------*/
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  /* For full height images */
}
body {
  position: relative;
  min-height: 100vh;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.container {
  padding-bottom: 50px;
  /* footer's height */
}
.nav-user-menu {
  align-items: baseline;
  display: flex;
}
.nav-user-menu .chip {
  margin: 0;
}
/*----- Forms -----*/
.webix_view select {
  display: block;
}
.selectize-control.form-control {
  border: none;
  padding: 0;
}
.typeahead__list {
  padding-top: 0 !important;
}
.filepond--root {
  margin-bottom: 0!important;
}
/* Profile page styling */
.profile-head {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkAIILFy78NzAwYATRjCABZEGwAEwFiA1WBlIOUwkA72gTdDIYVO4AAAAASUVORK5CYII=) repeat;
  padding: 70px 0px 30px 20px;
}
.profile-body {
  padding: 4px 0px;
}
.text-page {
  padding: 120px 0;
}
#map-outer {
  height: 440px;
  padding: 40px 20px;
  margin-bottom: 20px;
  background-color: #FFF;
}
#map-container {
  height: 400px;
}
.img-dim {
  opacity: 0.5;
  box-shadow: inset 0px 0px 64px 64px #EA1717, 0px 0px 4px 4px #EA1717;
}
.green-border .multiselect__tags {
  border: 1px solid #00c851;
}
.red-border .multiselect__tags {
  border: 1px solid #ff3547;
  border-color: #ff3547 !important;
}
.webix_hcell.longheader {
  line-height: 30px!important;
}
.webix_hcell.verylongheader {
  line-height: 20px!important;
}
.pills-rounded .nav-item .nav-link {
  border-radius: 10em;
}
.pills-light-purple .nav-item .nav-link.active {
  background-color: #ba68c8;
}
.pills-outline-red .nav-item .nav-link {
  border: 2px solid #fff;
  color: #666;
  background-color: transparent;
}
.pills-outline-red .nav-item .nav-link:hover {
  border: 2px solid #eee;
}
.pills-outline-red .nav-item .nav-link.active {
  border: 2px solid #f44336;
  color: #f44336;
}
.pills-outline-red .nav-item .nav-link.active:hover {
  border: 2px solid #f44336;
  color: #f44336;
}
.pills-outline-green .nav-item .nav-link {
  border: 2px solid #fff;
  color: #666;
  background-color: transparent;
}
.pills-outline-green .nav-item .nav-link:hover {
  border: 2px solid #eee;
}
.pills-outline-green .nav-item .nav-link.active {
  border: 2px solid #4caf50;
  color: #4caf50;
}
.pills-outline-green .nav-item .nav-link.active:hover {
  border: 2px solid #4caf50;
  color: #4caf50;
}
/* Элемент с этим классом отображает иконку курсора с невозможностью клика */
.disabled {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
/* Добавлено для совместимости с mdbootstrap, чтобы элемент был не кликабельный */
.disabled:active {
  pointer-events: none !important;
}
.table a:hover {
  text-decoration: underline;
}
.btn-group-fix > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.creatives-stat-table {
  min-width: 150px;
}

.creatives-stat-table .stat-icon {
  width: 20px;
  padding-left: 0;
  padding-top: 0;
}

.approval-history {
  position: relative;
}

.on-approval .approval-table .order-label-column,
.approval-history-table .order-label-column {
  width: 300px;
}