:root {
  --primary-color: #f28a66;/*#7ec135;*/
  --hover-primary-color: #d86b47;
  --secondary-color: #4f575e;/*#96acc1;*/
  --tertiary-color: #A25C99;
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?vq1gp8);
  src: url(../fonts/icomoon.eot?vq1gp8#iefix) format("embedded-opentype"),
    url(../fonts/icomoon.ttf?vq1gp8) format("truetype"),
    url(../fonts/icomoon.woff?vq1gp8) format("woff"),
    url(../fonts/icomoon.svg?vq1gp8#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cancel2:before,
.icon-close:before {
  content: "\e935";
}
.icon-checkmark2:before,
.icon-tick2:before {
  content: "\e936";
}
.icon-file-text:before {
  content: "\e931";
}
.icon-mail-envelope-open:before {
  content: "\e92d";
}
.icon-chart:before,
.icon-plot:before,
.icon-statistics:before,
.icon-stats-dots:before,
.icon-stats:before {
  content: "\e938";
}
.icon-download:before,
.icon-save:before,
.icon-store:before {
  content: "\e932";
}
.icon-news:before,
.icon-newspaper:before,
.icon-paper:before {
  content: "\e930";
}
.icon-brand:before,
.icon-skype:before,
.icon-social:before {
  content: "\e92e";
}
.icon-call:before,
.icon-contact:before,
.icon-phone:before,
.icon-support:before,
.icon-telephone:before {
  content: "\e92f";
}
.icon-eye-blocked:before,
.icon-private:before,
.icon-views:before,
.icon-vision:before,
.icon-visit:before {
  content: "\e92b";
}
.icon-eye:before,
.icon-views2:before,
.icon-vision2:before,
.icon-visit2:before {
  content: "\e92c";
}
.icon-clock:before,
.icon-schedule:before,
.icon-time:before {
  content: "\e92a";
}
.icon-award:before,
.icon-cup:before,
.icon-tournament:before,
.icon-trophy:before,
.icon-winner:before {
  content: "\e929";
}
.icon-find:before,
.icon-inspect:before,
.icon-magnifier:before,
.icon-magnifying-glass:before,
.icon-search:before {
  content: "\e924";
}
.icon-arrows:before,
.icon-loop:before,
.icon-player:before,
.icon-refresh:before,
.icon-reload:before,
.icon-repeat:before,
.icon-synchronize:before,
.icon-update:before {
  content: "\e922";
}
.icon-arrow:before,
.icon-circle-next:before,
.icon-circle-right:before,
.icon-right:before {
  content: "\e921";
}
.icon-banned2:before,
.icon-blocked:before,
.icon-denied:before,
.icon-forbidden:before {
  content: "\e920";
}
.icon-fb:before {
  content: "\e91f";
}
.icon-file-format:before,
.icon-file-pdf:before,
.icon-file:before {
  content: "\e911";
}
.icon-accept:before,
.icon-checkmark:before,
.icon-correct:before,
.icon-ok:before,
.icon-tick:before {
  content: "\e910";
}
.icon-bin:before,
.icon-delete:before,
.icon-dispose:before,
.icon-recycle:before,
.icon-remove2:before,
.icon-trashcan:before {
  content: "\e90f";
}
.icon-info:before,
.icon-information:before {
  content: "\e90e";
}
.icon-cancel:before,
.icon-close2:before,
.icon-cross:before,
.icon-quit:before,
.icon-remove:before {
  content: "\e90c";
}
.icon-add:before,
.icon-plus:before,
.icon-sum:before {
  content: "\e90d";
}
.icon-edit:before,
.icon-pencil:before,
.icon-write:before {
  content: "\e90b";
}
.icon-avatar:before,
.icon-member:before,
.icon-person:before,
.icon-profile:before,
.icon-user:before {
  content: "\e90a";
}
.icon-browse:before,
.icon-category:before,
.icon-directory:before,
.icon-folder-open:before {
  content: "\e901";
}
.icon-collaborate:before,
.icon-community:before,
.icon-group:before,
.icon-members:before,
.icon-team:before,
.icon-users:before {
  content: "\e902";
}
.icon-chevron-thin-up:before {
  content: "\e925";
}
.icon-chevron-thin-right:before {
  content: "\e926";
}
.icon-chevron-thin-left:before {
  content: "\e927";
}
.icon-chevron-thin-down:before {
  content: "\e928";
}
.icon-dollar:before,
.icon-insert_var:before,
.icon-usd:before {
  content: "\e923";
}
.icon-reports:before {
  content: "\e93a";
}
.icon-adwords:before {
  content: "\e939";
}
.icon-concepts:before {
  content: "\e937";
}
.icon-price-list:before {
  content: "\e934";
}
.icon-generate-pdf:before {
  content: "\e933";
}
.icon-facebook:before {
  content: "\e91b";
}
.icon-prize:before {
  content: "\e91e";
}
.icon-hiba-07:before {
  content: "\e91c";
}
.icon-price-list-cat:before {
  content: "\e91a";
}
.icon-newsletter:before {
  content: "\e913";
}
.icon-press:before {
  content: "\e915";
}
.icon-webgraphics:before {
  content: "\e916";
}
.icon-website-change:before {
  content: "\e917";
}
.icon-general:before {
  content: "\e918";
}
.icon-facebook-post:before {
  content: "\e919";
}
.icon-depots:before {
  content: "\e912";
}
.icon-permission:before {
  content: "\e906";
}
.icon-roles:before {
  content: "\e907";
}
.icon-user-edit:before {
  content: "\e908";
}
.icon-user-plus:before {
  content: "\e909";
}
.icon-companies:before {
  content: "\e900";
}
.icon-exclamation-triangle:before,
.icon-warning:before {
  content: "\e91d";
}
.icon-cog:before,
.icon-gear:before {
  content: "\e905";
}
.icon-tasks:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e904";
}
.icon-logo:before {
  content: "\e801";
}
.icon-Livestudio_LOGO:before {
  content: "\e802";
}
.icon-euro:before {
  content: "\e914";
}
@font-face {
  font-family: robotobold;
  src: url(../fonts/roboto-bold-webfont.eot);
  src: url(../fonts/roboto-bold-webfont.eot?#iefix) format("embedded-opentype"),
    url(../fonts/roboto-bold-webfont.woff2) format("woff2"),
    url(../fonts/roboto-bold-webfont.woff) format("woff"),
    url(../fonts/roboto-bold-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: robotobold_italic;
  src: url(../fonts/roboto-bolditalic-webfont.eot);
  src: url(../fonts/roboto-bolditalic-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-bolditalic-webfont.woff2) format("woff2"),
    url(../fonts/roboto-bolditalic-webfont.woff) format("woff"),
    url(../fonts/roboto-bolditalic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: robotoitalic;
  src: url(../fonts/roboto-italic-webfont.eot);
  src: url(../fonts/roboto-italic-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-italic-webfont.woff2) format("woff2"),
    url(../fonts/roboto-italic-webfont.woff) format("woff"),
    url(../fonts/roboto-italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: robotoregular;
  src: url(../fonts/roboto-regular-webfont.eot);
  src: url(../fonts/roboto-regular-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-regular-webfont.woff2) format("woff2"),
    url(../fonts/roboto-regular-webfont.woff) format("woff"),
    url(../fonts/roboto-regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: robotolight;
  src: url(../fonts/Roboto-Light_gdi.eot);
  src: url(../fonts/Roboto-Light_gdi.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Roboto-Light_gdi.woff) format("woff"),
    url(../fonts/Roboto-Light_gdi.ttf) format("truetype"),
    url(../fonts/Roboto-Light_gdi.svg#Roboto-Light) format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FFFD;
}
@font-face {
  font-family: robotolight_italic;
  src: url(../fonts/Roboto-LightItalic_gdi.eot);
  src: url(../fonts/Roboto-LightItalic_gdi.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Roboto-LightItalic_gdi.woff) format("woff"),
    url(../fonts/Roboto-LightItalic_gdi.ttf) format("truetype"),
    url(../fonts/Roboto-LightItalic_gdi.svg#Roboto-LightItalic) format("svg");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD;
}
@font-face {
  font-family: robotoblack_italic;
  src: url(../fonts/Roboto-BlackItalic_gdi.eot);
  src: url(../fonts/Roboto-BlackItalic_gdi.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Roboto-BlackItalic_gdi.woff) format("woff"),
    url(../fonts/Roboto-BlackItalic_gdi.ttf) format("truetype"),
    url(../fonts/Roboto-BlackItalic_gdi.svg#Roboto-BlackItalic) format("svg");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD;
}
@font-face {
  font-family: robotoblack;
  src: url(../fonts/Roboto-Black_gdi.eot);
  src: url(../fonts/Roboto-Black_gdi.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Roboto-Black_gdi.woff) format("woff"),
    url(../fonts/Roboto-Black_gdi.ttf) format("truetype"),
    url(../fonts/Roboto-Black_gdi.svg#Roboto-Black) format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD;
}
@font-face {
  font-family: roboto_thin;
  src: url(../fonts/Roboto_Thin.eot);
  src: url(../fonts/Roboto_Thin.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Roboto_Thin.woff2) format("woff2"),
    url(../fonts/Roboto_Thin.woff) format("woff"),
    url(../fonts/Roboto_Thin.ttf) format("truetype"),
    url(../fonts/Roboto_Thin.otf) format("opentype"),
    url("../fonts/Roboto_Thin.svg#Roboto Thin") format("svg");
  font-weight: 250;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD;
}
@font-face {
  font-family: robotothin_italic;
  src: url(../fonts/Roboto-ThinItalic_gdi.eot);
  src: url(../fonts/Roboto-ThinItalic_gdi.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Roboto-ThinItalic_gdi.woff) format("woff"),
    url(../fonts/Roboto-ThinItalic_gdi.ttf) format("truetype"),
    url(../fonts/Roboto-ThinItalic_gdi.svg#Roboto-ThinItalic) format("svg");
  font-weight: 250;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0009-FFFD;
}
@font-face {
  font-family: roboto_condensedbold;
  src: url(../fonts/robotocondensed-bold-webfont.eot);
  src: url(../fonts/robotocondensed-bold-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-bold-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-bold-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-bold-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_condensedbold_italic;
  src: url(../fonts/robotocondensed-bolditalic-webfont.eot);
  src: url(../fonts/robotocondensed-bolditalic-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-bolditalic-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-bolditalic-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-bolditalic-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_condenseditalic;
  src: url(../fonts/robotocondensed-italic-webfont.eot);
  src: url(../fonts/robotocondensed-italic-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-italic-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-italic-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-italic-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_condensedlight;
  src: url(../fonts/robotocondensed-light-webfont.eot);
  src: url(../fonts/robotocondensed-light-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-light-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-light-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-light-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_condensedlight_italic;
  src: url(../fonts/robotocondensed-lightitalic-webfont.eot);
  src: url(../fonts/robotocondensed-lightitalic-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-lightitalic-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-lightitalic-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-lightitalic-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_condensedregular;
  src: url(../fonts/robotocondensed-regular-webfont.eot);
  src: url(../fonts/robotocondensed-regular-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotocondensed-regular-webfont.woff2) format("woff2"),
    url(../fonts/robotocondensed-regular-webfont.woff) format("woff"),
    url(../fonts/robotocondensed-regular-webfont.ttf) format("truetype"),
    url(../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_slabbold;
  src: url(../fonts/robotoslab-bold_0-webfont.eot);
  src: url(../fonts/robotoslab-bold_0-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotoslab-bold_0-webfont.woff2) format("woff2"),
    url(../fonts/robotoslab-bold_0-webfont.woff) format("woff"),
    url(../fonts/robotoslab-bold_0-webfont.ttf) format("truetype"),
    url(../fonts/robotoslab-bold_0-webfont.svg#roboto_slabbold) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_slablight;
  src: url(../fonts/robotoslab-light_0-webfont.eot);
  src: url(../fonts/robotoslab-light_0-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotoslab-light_0-webfont.woff2) format("woff2"),
    url(../fonts/robotoslab-light_0-webfont.woff) format("woff"),
    url(../fonts/robotoslab-light_0-webfont.ttf) format("truetype"),
    url(../fonts/robotoslab-light_0-webfont.svg#roboto_slablight) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_slabregular;
  src: url(../fonts/robotoslab-regular_0-webfont.eot);
  src: url(../fonts/robotoslab-regular_0-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotoslab-regular_0-webfont.woff2) format("woff2"),
    url(../fonts/robotoslab-regular_0-webfont.woff) format("woff"),
    url(../fonts/robotoslab-regular_0-webfont.ttf) format("truetype"),
    url(../fonts/robotoslab-regular_0-webfont.svg#roboto_slabregular)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: roboto_slabthin;
  src: url(../fonts/robotoslab-thin_0-webfont.eot);
  src: url(../fonts/robotoslab-thin_0-webfont.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/robotoslab-thin_0-webfont.woff2) format("woff2"),
    url(../fonts/robotoslab-thin_0-webfont.woff) format("woff"),
    url(../fonts/robotoslab-thin_0-webfont.ttf) format("truetype"),
    url(../fonts/robotoslab-thin_0-webfont.svg#roboto_slabthin) format("svg");
  font-weight: 400;
  font-style: normal;
}
.error-card,
.logo {
  width: 100%;
}
.pagination .page-link,
.pagination .page-link:hover,
.table thead th a {
  text-decoration: none;
}
.btn-icon,
.cursor-pointer {
  cursor: pointer;
}
.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
  display: none !important;
}
.sidebar-header .brand {
  padding: 0 20px;
}
.logo {
  height: auto;
  margin: 0;
  max-width: 250px;
}
.sidebar .sidebar-container {
  height: 100%;
}
.sidebar .sidebar-menu > li > .sidebar-nav > li a {
  padding-left: 20px;
}
.pagination {
  float: right;
}
.form-check-input {
  margin-top: 6px;
}
.form-control[type="file"] {
  padding: 4px;
}
.header .header-block-nav .profile .img {
  background-color: transparent;
}
label.req::after {
  content: "*";
  color: red;
  padding-left: 5px;
}
span.label-required,
span.req {
  color: red;
}
.badge-primary,
.bg-primary {
  background-color: var(--primary-color) !important;
  color: #fff;
}
.dropdown.datetime-picker .dropdown-menu {
  padding: 4px;
  margin: 0 -1px;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.form-control[readonly] {
  background: #fff;
}
.input-group .form-control {
  overflow: hidden;
}
.task-form-list .form-wrap i {
  font-size: 65px;
}
.task-form-list .form-wrap a {
  text-decoration: none;
  min-height: 160px;
}
.task-form-list .form-wrap a > span {
  height: 50%;
}
.task-form-list .form-wrap a > span.i-wrap + span {
  line-height: 120%;
  font-size: 130%;
}
.task-form-list .card {
  min-width: 175px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 0.2rem 0.4rem;
  font-size: 0.7rem;
}
.avatar {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: #f5f6f7;
  color: #8b95a5;
  text-transform: uppercase;
}
.avatar-xl {
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 1.375rem;
}
.avatar-xxl {
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  vertical-align: top;
}
.btn.btn-with-icon i,
.table-row-valign-middle tr td {
  vertical-align: middle;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
a.text-primary:focus,
a.text-primary:hover {
  /* color: #72b22b !important; */
  color: var(--primary-color) !important;
}
.btn-icon {
  padding: 0;
  margin: 0 2px;
  font-size: 18px;
}
.btn.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn.btn-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #fff;
}
.sidebar .sidebar-menu > li.active > a,
.sidebar .sidebar-menu > li.active > a:hover {
  background-color: var(--primary-color) !important;
}
.pricelist-list .heading label {
  font-size: 120%;
}
.pricelist-list .row.main:not(:nth-last-of-type(1)) > div {
  border-bottom: 1px solid #e4e4e4;
}
.pricelist-list .row.main:nth-last-of-type(2n + 1) > div {
  background: #f9f9f9;
}
.header-block.header-block-depots {
  width: 100%;
  max-width: 300px;
}
.task-img {
  max-width: 100px;
}
.badge.badge-recorded {
  background-color: #868e96;
  color: #fff;
}
.badge.badge-processed {
  background-color: #17a2b8;
  color: #fff;
}
.badge.badge-in_process {
  background-color: #ffc107;
  color: #fff;
}
.badge.badge-done {
  background-color: #007bff;
  color: #fff;
}
.badge.badge-completed {
  background-color: #28a745;
  color: #fff;
}
.badge.badge-inactive {
  background-color: #f46887;
  color: #fff;
}
.badge.badge-concept {
  background-color: rgba(187, 57, 131, 1);
  color: #fff;
}
.list-group-item.list-group-item-primary {
  background: var(--primary-color);
  color: #fff;
}
.list-group.list-group-sm .list-group-item {
  padding: 4px 10px;
}
.white-space-nowrap {
  white-space: nowrap;
}
.modal .modal-header {
  padding: 10px 20px;
  background-color: var(--primary-color) !important;
}
.modal-title {
  font-size: 140%;
}
.checkbox + span,
.radio + span {
  line-height: 100%;
}
.checkbox + span::before {
  margin-top: -5px;
}
.table td,
.table th {
  padding: 0.3rem;
}
caption,
th {
  text-align: inherit;
}
.sender-monogram {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: #d7dde4;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
.task-list .manage-items {
  padding-left: 58px;
  margin-bottom: 0;
  font-size: 80%;
}
@media all and (max-width: 1200px) {
  .task-list .manage-items {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .table.task-list .sender-name {
    display: none;
  }
}
@media all and (min-width: 991px) {
  .table.task-list .sender-monogram {
    display: none;
  }
}
.btn:not(.btn-link):not(.btn-xs) {
  border-bottom: 4px solid rgba(0, 0, 0, 0.2) !important;
}
.btn:not(.btn-link):not(.btn-xs):not(.in-input-group-btn):not(.btn-ui) {
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 90%;
}
body.browser-chrome .btn:not(.btn-link):not(.btn-xs):not(.btn-ui) {
  padding-bottom: 6px;
}
.btn.btn-with-icon i {
  display: inline-block;
  margin-right: 5px;
  margin-top: -3px;
}
div.fr-wrapper > div:not([class]):not(.fr-element) {
  display: none;
}
ivar {
  background: #ff7;
}
i.size-1_6x {
  font-size: 150%;
}
select option:disabled {
  color: #ddd;
}
.tabs-nav a {
  text-decoration: none;
}
.nav-pills .nav-link.active,
.show > .nav-pills .nav-link {
  background-color: var(--primary-color);
}
.nav.nav-pills + .tab-content {
  padding: 0;
}
header:not(.auth-header) {
  z-index: 11;
}
@media all and (max-width: 1400px) {
  header:not(.auth-header) {
    height: 50px !important;
  }
  .app .content {
    padding: 64px 15px 15px;
  }
  .title-block {
    padding-bottom: 8px;
    margin-bottom: 15px;
  }
  .sidebar {
    width: 200px;
  }
  .sidebar .sidebar-menu {
    font-size: 12px;
  }
  .sidebar .sidebar-menu > li > a {
    padding: 10px;
  }
  .sidebar .sidebar-menu > li > .sidebar-nav > li a {
    background-color: #333e48;
    padding: 5px 20px !important;
  }
  .sidebar-header .brand {
    padding: 0 10px;
  }
}
@media all and (max-width: 1400px) and (min-width: 992px) {
  header {
    left: 200px !important;
  }
  .app {
    padding-left: 200px;
  }
}
@media all and (max-width: 768px) {
  body {
    font-size: 86%;
  }
}
@media all and (max-width: 480px) {
  .app .content {
    padding: 64px 5px 5px;
  }
  .nav.nav-pills + .tab-content {
    padding: 0;
  }
  .card-block {
    padding: 5px;
  }
  .nav.nav-pills .nav-item .nav-link {
    padding: 4px 10px;
  }
  table.mt-4 {
    margin-top: 10px !important;
  }
  table.finance-monthly tr td.company-cell {
    padding-right: 20px !important;
  }
}
.input-daterange .input-group-addon {
  padding: 0.5rem 0.75rem;
  margin: 0;
  line-height: unset;
  text-shadow: 0 0 0 transparent;
}
.card.contact-data i,
.form-icon {
  margin-right: 5px;
  vertical-align: middle;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-icon {
  font-size: 20px;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #a7a7a7;
  border-radius: 50%;
}
.modal-fb-post-performance .info-text,
.table-fbstats-popular-posts .message-col {
  line-height: 120%;
}
@media all and (max-width: 1200px) {
  .task-list-admin .form-icon {
    display: none;
  }
}
.dashboard-page .items .item-list .item-col-id {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.card.contact-data i {
  display: inline-block;
  margin-top: -3px;
}
.datepicker.dropdown-menu {
  z-index: 11 !important;
}
.completion-sum {
  background: #fff;
  padding: 15px;
}
.completion-sum .row {
  padding: 5px;
}
.completion-sum .row:not(.completion-total) {
  border-bottom: 1px solid #cdd9e4;
}
.completion-sum .row.completion-total {
  font-weight: 700;
  font-size: 120%;
}
button.dropdown-item,
button.dropdown-item:hover {
  text-decoration: underline;
  cursor: pointer;
}
table.finance-monthly tr.sub-tr td:nth-of-type(1) {
  padding-left: 20px;
  font-style: italic;
}
table.finance-monthly tr td.company-cell {
  padding-right: 30px;
  position: relative;
}
table.finance-monthly tr td.company-cell i {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px !important;
}
@media all and (max-width: 480px) {
  .table.finance-monthly {
    font-size: 75%;
  }
}
@media all and (max-width: 550px) {
  .card.document-list .card-header .header-block {
    display: none;
  }
}
table.concepts-edit tr th.name {
  min-width: 300px;
}
.task-img,
table.concepts-edit tr th.deadline {
  width: 90px;
}
.concepts-edit tr td {
  padding: 0;
  vertical-align: middle;
}
table.concepts-edit .description-wrap {
  position: relative;
  width: 250px;
}
table.concepts-edit .description {
  position: absolute;
  top: 0;
  left: 0;
}
table.concepts-edit .description:not(:focus) {
  height: 100% !important;
}
table.concepts-edit .description:focus {
  position: relative;
  height: auto;
  min-height: 150px;
}
table.concepts-edit tr td.icons {
  white-space: nowrap;
  font-size: 110%;
  padding: 7px 5px 0;
}
table.concepts-edit tr td.icons i {
  margin: 0 3px;
}
table.concepts-edit tr td.text-cell {
  padding: 7px 8px;
}
table.concepts-edit tr td .form-control {
  border: 0;
  border-radius: 0;
  margin: 0;
  background-color: transparent;
}
table.concepts-edit tr td .item-list {
  font-size: 80%;
  line-height: 120%;
}
.concept-items-modal .item-list span,
table.concepts-edit tr td .item-list span {
  display: inline-block;
  vertical-align: middle;
}
.concept-items-modal .item-list span:not(:nth-last-of-type(1))::after,
table.concepts-edit tr td .item-list span:not(:nth-last-of-type(1))::after {
  content: " | ";
  margin-right: 3px;
}
table.concepts-edit tr td .item-list li:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.statuses-info .color.recorded,
table.concepts-edit tr.recorded {
  -webkit-box-shadow: inset 0 0 0 500px rgba(134, 142, 150, 0.2);
  box-shadow: inset 0 0 0 500px rgba(134, 142, 150, 0.2);
}
.statuses-info .color.processed,
table.concepts-edit tr.processed {
  -webkit-box-shadow: inset 0 0 0 500px rgba(23, 162, 184, 0.2);
  box-shadow: inset 0 0 0 500px rgba(23, 162, 184, 0.2);
}
.statuses-info .color.in_process,
table.concepts-edit tr.in_process {
  -webkit-box-shadow: inset 0 0 0 500px rgba(255, 193, 7, 0.2);
  box-shadow: inset 0 0 0 500px rgba(255, 193, 7, 0.2);
}
.statuses-info .color.done,
table.concepts-edit tr.done {
  -webkit-box-shadow: inset 0 0 0 500px rgba(0, 123, 255, 0.2);
  box-shadow: inset 0 0 0 500px rgba(0, 123, 255, 0.2);
}
.statuses-info .color.completed,
table.concepts-edit tr.completed {
  -webkit-box-shadow: inset 0 0 0 500px rgba(40, 167, 69, 0.2);
  box-shadow: inset 0 0 0 500px rgba(40, 167, 69, 0.2);
}
.statuses-info .color.inactive,
table.concepts-edit tr.inactive {
  -webkit-box-shadow: inset 0 0 0 500px rgba(244, 104, 135, 0.2);
  box-shadow: inset 0 0 0 500px rgba(244, 104, 135, 0.2);
}
.statuses-info .color.concept,
table.concepts-edit tr.concept {
  -webkit-box-shadow: inset 0 0 0 500px rgba(187, 57, 131, 0.2);
  box-shadow: inset 0 0 0 500px rgba(187, 57, 131, 0.2);
}
.statuses-info {
  list-style: none;
  padding: 0;
}
.statuses-info li {
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
}
.statuses-info li .color {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -6px;
  margin-right: 5px;
  border: 1px solid silver;
}
.datetimepicker tr {
  background: #fff !important;
}
.datetimepicker .table td {
  padding: 4px;
}
.datetimepicker .disabled,
.datetimepicker .disabled:hover {
  color: #ebebeb !important;
}
.animate-loop {
  display: inline-block;
  animation: loop-loader 0.7s linear infinite;
  -webkit-animation: loop-loader 0.7s linear infinite;
}
@keyframes loop-loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loop-loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.modal-xl {
  max-width: 968px;
}
.modal-fb-post-performance .modal-body {
  background: #f0f0f0;
}
.modal-fb-post-performance .fb_iframe_widget,
.modal-fb-post-performance .post-data-col {
  background: #fff;
}
.modal-fb-post-performance .font-size-2x {
  font-size: 150%;
}
.modal-fb-post-performance .title-row h4 {
  font-weight: 600;
}
.modal-fb-post-performance .border-bottom {
  border-bottom: 1px solid #e9e9e9;
}
.modal-fb-post-performance .titl-row.border-bottom {
  border-bottom-width: 2px;
}
.modal-fb-post-performance .reactions-wrap {
  background: #f6f6f6;
  padding: 10px 0;
}
.modal-fb-post-performance .reactions-wrap > .row:not(:nth-last-of-type(1)) {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.modal-fb-post-performance .reactions-wrap .reaction-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-right: 5px;
  margin-top: -4px;
}
.bg-fb-post-impressions-organic {
  background-color: #ffca87;
}
.bg-fb-post-impressions-paid {
  background-color: #f79600;
}
.bg-fb-post-consumptions {
  background-color: #9daccb;
}
.bg-fb-post-reactions {
  background-color: #d094ab;
}
.table-fbstats-popular-posts .post-picture {
  margin-right: 15px;
  max-width: 70px;
}
.table-fbstats-popular-posts .post-impressions-progress {
  min-width: 150px;
}
.table-fbstats-popular-posts .post-consumptions-col {
  min-width: 200px;
  line-height: 100%;
}
.table-analytics-channelgrouping thead tr th {
  font-size: 90%;
  font-weight: 400;
}
.table-analytics-channelgrouping tbody tr:nth-of-type(1) {
  font-size: 150%;
}
label.checkbox {
  display: block !important;
}
.multiselect.dropdown-toggle.custom-select::after,
body:not(.loading) .loader-wrap {
  display: none;
}
.multiselect-container.dropdown-menu.show label {
  padding: 7px 0;
}
.multiselect-container.dropdown-menu.show li a {
  text-decoration: none;
}
.multiselect-container.dropdown-menu.show .dropdown-item.active,
.multiselect-container.dropdown-menu.show .dropdown-item:active {
  background: #85ce36 !important;
}
.multiselect-container.dropdown-menu.show li.active a {
  color: #fff;
}
.multiselect.dropdown-toggle.form-control + .multiselect-container {
  width: calc(100% - 30px);
}
.loader-wrap {
  position: fixed;
  padding: 5%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.7);
}
.circular,
.loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader {
  width: 100px;
}
.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
}
.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite,
    color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  0%,
  100% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  0%,
  100% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
.online-activity-riport-tabs
  uib-tab.visible-for-user.user-is-admin
  li
  a::after {
  content: "\e92c";
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 5px;
  color: var(--primary-color);
}
.online-activity-riport-tabs
  uib-tab.visible-for-user.user-is-admin
  li
  a.active::after {
  color: #fff;
}
.chosen-select,
.chosen-select-deselect {
  width: 100%;
}
.chosen-container {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
}
.chosen-container .chosen-drop {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  right: 0;
}
.chosen-container .chosen-results {
  color: #555;
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
}
.chosen-container .chosen-results li em {
  background: #feffde;
  font-style: normal;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  cursor: default;
  color: #999;
  font-weight: 700;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.chosen-container .chosen-results li.highlighted {
  background-color: var(--primary-color);
  background-image: none;
  color: #fff;
}
.chosen-container .chosen-results li.highlighted em {
  background: 0 0;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #777;
}
.chosen-container .chosen-results .no-results {
  background: #eee;
  display: list-item;
}
.chosen-container .chosen-results-scroll {
  background: #fff;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  z-index: 1;
}
.chosen-container .chosen-results-scroll span {
  display: inline-block;
  height: 1.42857;
  text-indent: -5000px;
  width: 9px;
}
.chosen-container .chosen-results-scroll-down {
  bottom: 0;
}
.chosen-container .chosen-results-scroll-down span {
  background: url(../images/chosen-sprite.png) -4px -3px no-repeat;
}
.chosen-container .chosen-results-scroll-up span {
  background: url(../images/chosen-sprite.png) -22px -3px no-repeat;
}
.chosen-container-single .chosen-single {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555;
  display: block;
  height: 38px;
  overflow: hidden;
  line-height: 38px;
  padding: 0 0 0 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
}
.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single abbr {
  background: url(../images/chosen-sprite.png) right top no-repeat;
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 26px;
  top: 12px;
  width: 12px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: right -11px;
}
.chosen-container-single
  .chosen-single.chosen-disabled
  .chosen-single
  abbr:hover {
  background-position: right 2px;
}
.chosen-container-single .chosen-single div {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
}
.chosen-container-single .chosen-single div b {
  background: url(../images/chosen-sprite.png) 0 9px no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
.chosen-container-single .chosen-default {
  color: #777;
}
.chosen-container-single .chosen-search {
  margin: 0;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}
.chosen-container-single .chosen-search input[type="text"] {
  background: url(../images/chosen-sprite.png) 100% -20px no-repeat, #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
  border-radius: 4px;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
}
.chosen-container-single-nosearch .chosen-search input[type="text"] {
  position: absolute;
  left: -9000px;
}
.chosen-container-multi .chosen-choices {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  height: auto !important;
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  border-radius: 4px;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices .search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
  background: 0 0 !important;
  border: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555;
  height: 32px;
  margin: 0;
  padding: 4px;
  outline: 0;
}
.chosen-container-multi .chosen-choices .search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices .search-choice {
  background-clip: padding-box;
  background-color: #eee;
  border: 1px solid #ccc;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(#eee)
  );
  background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #333;
  cursor: default;
  line-height: 13px;
  margin: 6px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
  border-radius: 4px;
}
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #66afe9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  background: url(../images/chosen-sprite.png) right top no-repeat;
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 4px;
  top: 5px;
  width: 12px;
  cursor: pointer;
}
.chosen-container-multi
  .chosen-choices
  .search-choice
  .search-choice-close:hover {
  background-position: right -11px;
}
.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi
  .chosen-choices
  .search-choice-focus
  .search-choice-close {
  background-position: right -11px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}
.chosen-container-active .chosen-single {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s,
    -webkit-box-shadow linear 0.2s;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s,
    -webkit-box-shadow linear 0.2s;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  background: 0 0;
  border-left: none;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s,
    -webkit-box-shadow linear 0.2s;
}
.chosen-container-active .chosen-choices .search-field input[type="text"] {
  color: #111 !important;
}
.chosen-container-active.chosen-with-drop .chosen-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chosen-rtl .chosen-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chosen-rtl .chosen-single div {
  left: 7px;
  right: auto;
}
.chosen-rtl .chosen-single abbr {
  left: 26px;
  right: auto;
}
.chosen-rtl .chosen-choices .search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices .search-choice {
  margin: 6px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices .search-choice .search-choice-close {
  background-position: right top;
  left: 4px;
  right: auto;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  background: url(../images/chosen-sprite.png) -28px -20px no-repeat, #fff;
  direction: rtl;
  padding: 4px 5px 4px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 2dppx) {
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span,
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-rtl .chosen-search input[type="text"] {
    background-image: url(../images/chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}


.gridimage {
    width: max-content;
    height: max-content;
    position: relative;
  }
  
  .grid {
    display: grid;
    padding: 0.25rem;
    width: 100%;
    height: 100%;
    grid-template-columns: 20% 20% 20% 20% 20%;
    top: 0;
    left: 0;
    grid-template-rows: 20% 20% 20% 20% 20%;
    position: absolute;
  }
  
  .grid > div {
    border:1px solid red;
  }

.box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}