/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix {
  clear: both;
}
/* End of Eric Meyer's CSS Reset */
html {
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mr-20 {
  margin-right: 20px;
}
.ml-10 {
  margin-left: 10px;
}
.pr-30 {
  padding-right: 30px;
}
.pl-20 {
  padding-left: 20px;
}
.prl-10 {
  padding-right: 10px;
  padding-left: 10px;
}
.border-radius-4px {
  border-radius: 4px !important;
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: 'Lato';
  src: url('/fonts/lato-regular.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/lato-regular.woff2') format('woff2'), /* Modern Browsers */ url('/fonts/lato-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/lato-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Semibold */
@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Semibold.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('/fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('/fonts/Lato-Semibold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */
@font-face {
  font-family: 'Lato';
  src: url('/fonts/lato-bold.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/lato-bold.woff2') format('woff2'), /* Modern Browsers */ url('/fonts/lato-bold.woff') format('woff'), /* Modern Browsers */ url('/fonts/lato-bold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Bold.ttf');
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Medium.ttf');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Regular.ttf');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Light.ttf');
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/Manrope-Bold.ttf");
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/Manrope-SemiBold.ttf");
  font-style: normal;
  font-weight: 600;
}
.develop_rulers-btn {
  position: absolute;
  left: 300px;
  top: 10px;
}
@media (max-width: 767px) {
  .develop_rulers-btn {
    display: none;
  }
}
.develop_rulers {
  padding: 0;
  margin: 0;
  opacity: 0.2;
  overflow: hidden;
}
@media (max-width: 767px) {
  .develop_rulers {
    display: none;
  }
}
.develop_rulers .red {
  background-color: red;
  position: absolute;
  z-index: 999;
}
.develop_rulers .blue {
  background-color: blue;
  position: absolute;
  z-index: 999;
}
.develop_rulers .red.head {
  left: 90px;
  right: 0;
  top: 80px;
  height: 135px;
}
.develop_rulers .red.left {
  left: 90px;
  width: 25px;
  top: 80px;
  bottom: 0;
}
.develop_rulers .red.right {
  right: 0;
  width: 25px;
  top: 80px;
  bottom: 0;
}
.develop_rulers .red.bottom {
  left: 90px;
  right: 0;
  bottom: 0;
  height: 16px;
}
.develop_rulers .red.footer {
  left: 90px;
  right: 0;
  bottom: 35px;
  height: 16px;
}
.develop_rulers .blue.top {
  left: 115px;
  right: 25px;
  top: 215px;
  height: 25px;
}
.develop_rulers .blue.left {
  left: 115px;
  width: 25px;
  top: 215px;
  bottom: 51px;
}
.develop_rulers .blue.right {
  right: 25px;
  width: 25px;
  top: 215px;
  bottom: 51px;
}
.develop_rulers .blue.bottom {
  left: 115px;
  right: 25px;
  bottom: 51px;
  height: 25px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .develop_rulers .red.head {
    left: 80px;
    right: 0;
    top: 0;
    height: 75px;
  }
  .develop_rulers .red.left {
    left: 80px;
    width: 25px;
    top: 0;
    bottom: 0;
  }
  .develop_rulers .red.right {
    right: 0;
    width: 25px;
    top: 0;
    bottom: 0;
  }
  .develop_rulers .red.bottom {
    left: 90px;
    right: 0;
    bottom: 0;
    height: 16px;
  }
  .develop_rulers .red.footer {
    left: 90px;
    right: 0;
    bottom: 35px;
    height: 16px;
  }
  .develop_rulers .blue.top {
    left: 105px;
    right: 25px;
    top: 75px;
    height: 15px;
  }
  .develop_rulers .blue.left {
    left: 105px;
    width: 15px;
    top: 75px;
    bottom: 51px;
  }
  .develop_rulers .blue.right {
    right: 25px;
    width: 15px;
    top: 75px;
    bottom: 51px;
  }
  .develop_rulers .blue.bottom {
    left: 115px;
    right: 25px;
    bottom: 51px;
    height: 15px;
  }
  .edit-form-container__recipients  {
    height:  calc(100vh - 110px) !important;
  }
}
.svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.svg.calendar {
  background-image: url("/images/calendar.svg");
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .hidden-tablet {
    display: none;
  }
}
@media (min-width: 1440px) {
  .hidden-desktop {
    display: none;
  }
}
.wrapper {
  width: 100%;
  min-width: 1000px;
  min-height: 100%;
  height: 100%;
}
.app-container {
  padding: 0;
  width: 100%;
  overflow: hidden;
  min-height: 100%;
  background-color: #F5F5F5;
}
.content {
  padding: 0 0 0 90px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .content {
    padding-left: 80px;
  }
}
@media (max-width: 767px) {
  .content {
    padding: 50px 0 0 0;
  }
}
.content .admin-page {
  padding: 30px 30px 50px 30px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .content .admin-page {
    margin-top: -105px;
    padding: 30px 30px 36px 30px;
  }
}
@media (max-width: 767px) {
  .content .admin-page {
    padding: 0;
  }
}
.flex-row {
  display: flex;
}
.flex-row-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-between {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .flex-row-between.__not-mobile {
    display: block;
  }
}
.top-bar {
  height: 80px;
  text-align: right;
  padding-top: 24px;
  padding-right: 30px;
  border-bottom: 1px solid #E7E9EA;
  margin-left: 90px;
  background: #fff;
}
.top-bar.report-page {
  border: none;
  background-color: transparent;
}
.content.report-page {
  padding-left: 0
}
@media (max-width: 767px) {
  .top-bar.report-page {
    height: 0;
  }
  .content.report-page {
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .top-bar.report-page {
    height: 0;
  }
}
.top-bar a.top-bar__logout-link .ui.blue.basic.button.logout-btn {
  border: 1px #262073 solid !important;
  color: #262073 !important;
  padding: 5px 20px;
  box-shadow: none !important;
  margin-right: 0 !important;
  position: relative;
  z-index: 999;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .top-bar {
    background-color: transparent;
    border: none;
  }
  .top-bar a.top-bar__logout-link .ui.blue.basic.button.logout-btn {
    margin-top: 0;
  }
  .top-bar a.top-bar__logout-link .ui.blue.basic.button.logout-btn.logout-btn--mini {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .top-bar {
    background-color: #262073;
    height: 50px;
    width: 100%;
    padding: 13px 15px 0 15px;
    margin: inherit;
    border: none;
    font-size: 0;
    position: fixed;
    z-index: 1002;
  }
  .top-bar .top-bar__menu-btn-toggle {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMS41IDguMTczMUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xLjUgMS4yNUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xLjUgMTUuMDk2MUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
  }
  .top-bar .top-bar__logotype {
    font-size: 16px;
    text-decoration: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: 600;
    margin-top: -13px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjU0OTggMTEuMTk4MkMyMy41NDk4IDEyLjE2MTcgMjQuMjI2NSAxMi4zNzkyIDI0LjY1NzMgMTIuMjM2QzI0Ljk2NjcgMTIuMTMzIDI1LjU0NiAxMS41MTQ3IDI1LjkyNzcgMTEuMjkxOUMyNi4yNjQ5IDExLjg0NzEgMjYuNzAzMiAxMi42OTY2IDI3LjM3MTQgMTIuNjk2NkMyNy43MDQ4IDEyLjY5NjYgMjguNzM3NCAxMi4xNDMyIDI3Ljg4MjQgMTAuOTE1N0MyNy43MDgzIDEwLjY2NTYgMjcuNTQxOSAxMC40MTk0IDI3LjM3MTQgMTAuMTY4MkMyNi4yNzA5IDguNTQ2NDMgMjYuMjIwNyA4LjU0NzA0IDI0LjU4MDYgOS45MDAxNUMyNC4xMSAxMC4yODg0IDIzLjU0OTggMTAuNjUxMSAyMy41NDk4IDExLjE5ODJaTTI0LjIyOTIgMTUuNDEyMkMyNC4yMjkyIDE2LjA2MDkgMjUuMTQxMSAxNi42OTUyIDI1LjczNTcgMTYuMDQzOEMyNS45NzUyIDE1Ljc4MTYgMjYuMzUyMiAxNC4zNjQ4IDI2LjM1MjIgMTMuODIwM0MyNi4zNTIyIDEzLjEyMTcgMjUuMDM0IDExLjk3NDYgMjQuNDgzNSAxNC4xOTQ2QzI0LjM5NTMgMTQuNTUwMyAyNC4yMjkyIDE0Ljk5MzMgMjQuMjI5MiAxNS40MTIyWk0xLjA0NDMyIDIwLjM3NTdDMS45OTIzOSAyMC4zNzU3IDEuOTY4NzggMTkuNzQxNiAyLjE5Nzk0IDE4LjY1MDNDMi4zNTc2NSAxNy44ODk4IDIuMzM0NDUgMTcuMDA0MyAxLjM4NDAxIDE3LjAwNDNDMC4zNDUyNTQgMTcuMDA0MyAwLjE3NTc2MiAxOS40MzkyIDAuMzA0ODcyIDE5Ljc3ODZDMC40Mjc4MzUgMjAuMTAyOCAwLjY2NDY3NyAyMC4zNzU3IDEuMDQ0MzIgMjAuMzc1N1pNMjEuMDg2OSAxOS4zNDU0QzIxLjA4NjkgMjEuMTAyMyAyMy4xOTY3IDIwLjI0MSAyMy45MTU5IDE5LjY1NTVMMjQuODA1MSAxOC42Njk0QzI1LjIzNTYgMTguMDExNSAyNC45Mzg0IDE3LjA4OTEgMjQuMTMxNCAxNy4wNTcyQzIzLjIzMTYgMTcuMDIxNiAyMy40NjkyIDE4LjE1MjUgMjIuMDIwMyAxOC40MDgxQzIxLjUxOSAxOC40OTY2IDIxLjA4NjkgMTguNzI2IDIxLjA4NjkgMTkuMzQ1NFpNNC4xODY1NyA0LjY0MzA1QzQuMTg2NTcgNS4wNjYzIDQuNTczMzUgNS41MjAwNSA0LjkyNzcgNS42MTA5NkM1LjQ5MDk1IDUuNzU1NjQgNS4yNzQzNyA1LjI5ODY0IDYuNjQ5NDYgNS4yOTg2NEM3LjEzMzIgNS4yOTg2NCA2LjkzNTA2IDUuNTc5NTMgNy42Njg1MSA1LjU3OTUzQzguMjgyMiA1LjU3OTUzIDguNzAxOTUgNC43MjQ4NiA4LjM2NTM0IDQuMTYwMzJDNy41NDM1OSAyLjc4MjI2IDQuMTg2NTcgMy4yMDM4MiA0LjE4NjU3IDQuNjQzMDVaTTEzLjQ0MzUgMTMuOTE0QzEyLjk5NjEgMTMuOTE0IDEyLjY3MjQgMTQuMzY4NCAxMi41NjAzIDE0LjgxM0MxMi40MzA4IDE1LjMyNzIgMTIuMzc5NiAxNS45MTI1IDEyLjI3NSAxNi4zNzEyQzEyLjE2MjQgMTYuODY0NCAxMS44MTg4IDE3LjI4MTcgMTEuODU5NiAxNy43MjI5QzExLjkzMjkgMTguNTE0IDEzLjM5MjEgMTkuODk3NyAxNC4wODc0IDE2LjQwMzNDMTQuMTQ5NyAxNi4wOTAyIDE0LjM3MDggMTUuMDQ3MiAxNC4zNTc1IDE0Ljg2NzRDMTQuMzE1IDE0LjI5MzUgMTMuODU3MyAxMy45MTQgMTMuNDQzNSAxMy45MTRaTTIuMTQ4MzMgOS43QzIuMTQ4MzMgMTAuNDIxNCAzLjA5NDE2IDExLjEyMjMgMy43NDE1MyAxMC4xNDU2QzMuODk4NTkgOS45MDg2MiA0LjQ0MTMgNy4xNzA2OCA0LjQ0MTMgNi43OTY4OUM0LjQ0MTMgNi4zMjA5NCA0LjA1MjQzIDUuODYwNTYgMy41MDcwNyA1Ljg2MDU2QzIuNzU1ODggNS44NjA1NiAyLjY3MTM0IDYuNjY2ODUgMi41MjEyNyA3LjM5NTMyQzIuMzg1MTcgOC4wNTUyMyAyLjE0ODMzIDguOTk3NTcgMi4xNDgzMyA5LjdaTTEuMDQ0MzIgMTUuMjI1QzEuMDQ0MzIgMTUuNzAxIDEuNDMzMzMgMTYuMTYxNSAxLjk3ODQyIDE2LjE2MTVDMi43MzY3MyAxNi4xNjE1IDIuODMwNjMgMTUuMzYyMyAyLjk2MjQgMTQuNjI0M0MzLjA5MjIxIDEzLjg5NjcgMy4zMzcyOSAxMy4wNTcyIDMuMzM3MjkgMTIuMzIxOUMzLjMzNzI5IDExLjMxNDkgMS45Mjg1NCAxMC45OTM4IDEuNjA0NzggMTIuMTkxQzEuNDg1NDUgMTIuNjMyOSAxLjM5MTgzIDEzLjI1ODEgMS4zMjAyOSAxMy42NTY0QzEuMjQxNjIgMTQuMDk0MSAxLjA0NDMyIDE0Ljg0ODIgMS4wNDQzMiAxNS4yMjVaTTcuNTgzNjkgMTguNDA5QzcuNTgzNjkgMTkuMzU0MyA4Ljg5ODU1IDIwLjM3NTcgOS43OTE3IDIwLjM3NTdDMTAuNzEzNCAyMC4zNzU3IDExLjY2MDIgMjAuNTM2OCAxMS42NjAyIDE5LjI1MThDMTEuNjYwMiAxOC44ODY0IDExLjQzNzYgMTguNTc3NCAxMS4xODEzIDE4LjQ2ODhDMTAuNDA4MSAxOC4xNDA4IDkuOTM0MjMgMTguODQ0NSA5LjI1NTcgMTcuOTY5OUM4LjM1NTU2IDE2LjgxMDIgNy41ODM2OSAxNy45ODkyIDcuNTgzNjkgMTguNDA5Wk0xOS40NzMzIDYuODkwNTdDMTkuNDczMyA3Ljc0MDYxIDIwLjg3MyA4LjEyOTk2IDIxLjIwMjggNy4wMTgzTDIxLjQxMjYgMy43MjY0NEMyMS4yNzc4IDIuODIyOTQgMjAuMjM3MSAyLjU4MDg4IDE5Ljc5NTggMy4zMTMwNkMxOS42NzU2IDMuNTEyNTkgMTkuNTkzOSA0LjExMDI1IDE5LjU2OTUgNC4zNzQ0OUMxOS40OTQxIDUuMTkwMDIgMTkuNDczMyA2LjA1NTAxIDE5LjQ3MzMgNi44OTA1N1pNMTcuMDEwNCAyLjQ4OTIxQzE3Ljg2MSAyLjQ4OTIxIDE3LjI4ODYgMi4xMTQ2NSAxOC43MDkgMi4xMTQ2NUMxOS4wNDY2IDIuMTE0NjUgMTkuNjM5NiAyLjcyODE4IDIwLjIxNjggMi4wOTE2OUMyMC44OTc5IDEuMzQwNzIgMjAuMjIyNCAwLjE0ODAxIDE4Ljc5NCAwLjE0ODAxSDE4Ljc1NzFDMTcuOTc3NSAwLjE0OTg1OSAxNi44MjMzIDAuMjExNDkgMTYuMzc0IDAuOTQ3MDUyQzE1Ljg4MjcgMS43NTExOCAxNi41NTYyIDIuNDg5MjEgMTcuMDEwNCAyLjQ4OTIxWk0xOS4xMzM1IDEyLjYwM0MxOS4xMzM1IDEzLjI2MzIgMjAuMjggMTMuODczOCAyMC43OTUgMTIuODQzQzIwLjkxNDIgMTIuNjA0NyAyMS4wNjI5IDEwLjIxNDIgMjEuMDg3NSA5Ljc4MzJDMjEuMTYxOCA4LjQ3Njk0IDE5LjM3NzIgNy43MjEwNCAxOS4yMjI1IDEwLjA3ODlDMTkuMTY0NCAxMC45NjQ1IDE5LjEzMzUgMTEuNjkxOSAxOS4xMzM1IDEyLjYwM1pNMTMuMTAzOSAxMi4xMzQ3QzEzLjEwMzkgMTMuMjU5OSAxNC41MDM4IDEzLjQ5MDMgMTQuODI5NyAxMi40NDU4QzE0Ljk3NTQgMTEuOTc5IDE1LjM5NjggOS43Mzc3NSAxNS4zOTY4IDkuMjMxNzZDMTUuMzk2OCA4LjYzMjU2IDE0Ljk4MiA4LjM4ODk2IDE0LjQ2MjcgOC4zODg5NkMxMy43MTQ5IDguMzg4OTYgMTMuNjIzNyA5LjIwMTg3IDEzLjQ5MjkgOS45NDE2QzEzLjM4NTggMTAuNTQ3NiAxMy4xMDM5IDExLjU4MjQgMTMuMTAzOSAxMi4xMzQ3Wk0xOS44OTc4IDE5LjA2NDVDMjEuMTg2IDE5LjA2NDUgMjAuNjEyIDE3LjI2NTMgMjAuNTk3MiAxNy4wNzUyQzIwLjUzMzIgMTYuMjUxNSAyMS4yMzkyIDE0LjI4ODYgMTkuODEzIDE0LjI4ODZDMTkuMzA4MiAxNC4yODg2IDE5LjA0NjQgMTQuNjM4MyAxOC45NTgxIDE1LjEyNTJDMTguODg2NiAxNS41MTk2IDE4LjgyOTMgMTYuMzEzIDE4Ljc5NjMgMTYuNzMwNUMxOC43NTkyIDE3LjIwMjIgMTguODg2NyAxNy45MTAzIDE4Ljk5ODkgMTguMjc2NUMxOS4xMzk5IDE4LjczNjYgMTkuMzgyMiAxOS4wNjQ1IDE5Ljg5NzggMTkuMDY0NVpNMTUuMDU3MiA3LjU0NjE2QzE2LjAyMzggNy41NDYxNiAxNi4wMzk2IDYuMTI2ODEgMTYuMjY2NyA0Ljk0NjczQzE2LjMxMzYgNC43MDI1MiAxNi41MDA4IDQuMDU4MTcgMTYuNTAwOCAzLjgwMDI1QzE2LjUwMDggMy4yNjM5MSAxNi4xMDc4IDIuNzcwMjQgMTUuNjUxNiAyLjc3MDI0QzE0LjYzNjEgMi43NzAyNCAxNC41OTQ2IDQuMTQwNDUgMTQuNDEzNCA1LjE1MDczQzE0LjMyMzYgNS42NTEzMyAxMy42NzQ1IDcuNTQ2MTYgMTUuMDU3MiA3LjU0NjE2Wk04LjI2MzA2IDE2LjcyMzRDOC44NzUzNSAxNi43MjM0IDkuMTczNTQgMTYuMDA3MSA5LjE5ODU1IDE1LjMyMDNDOS4yMzI3OCAxNC4zODU5IDkuNDY4OTMgMTIuNjgxOSA5LjA1MzIzIDEyLjE5OTdDOC41MDU5MSAxMS41NjQ4IDcuNjcwODggMTEuOTEzNiA3LjUyNzk0IDEyLjYzNTJMNy40MTMzNiAxNC4yODgzQzcuMzcyOTggMTUuMTMyOCA3LjA4OTYgMTYuNzIzNCA4LjI2MzA2IDE2LjcyMzRaTTcuNDk4NzMgNy44MjcwNEM3LjQ5ODczIDguNTkxNTcgNy4zODcwOSAxMC4xMDg5IDcuNjk4NjkgMTAuNjAzMkM4LjExMzEzIDExLjI2MDMgOS4zNjcwNiAxMS4yMzI5IDkuMzY3MDYgOS42MDYzMkw5LjMxNjkgNy43MjE4MUM5LjMxNjkgNy43MTgyNyA5LjU5MzU3IDYuMTQxNDQgOC40MzI4MyA2LjE0MTQ0QzcuNjk2ODcgNi4xNDE0NCA3LjQ5ODczIDcuMDk1MDMgNy40OTg3MyA3LjgyNzA0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 27px 20px;
    background-position: left;
    padding-left: 35px;
    height: 50px;
    line-height: 50px;
  }
  .top-bar .top-bar__logotype:hover {
    color: #fff;
  }
  .top-bar .top-bar__help-link {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4NCiAgICAgICAgPHBhdGggZD0iTTE5LjgyNjMgMC4yOTczMDJIMy44MjYyN0MyLjU2OTEzIDAuMjk3MzAyIDEuNTQwNTYgMS4zMjU4NyAxLjU0MDU2IDIuNTgzMDJWMTguNTgzQzEuNTQwNTYgMTkuODQwMiAyLjU2OTEzIDIwLjg2ODcgMy44MjYyNyAyMC44Njg3SDguMzk3N0wxMS44MjYzIDI0LjI5NzNMMTUuMjU0OCAyMC44Njg3SDE5LjgyNjNDMjEuMDgzNCAyMC44Njg3IDIyLjExMiAxOS44NDAyIDIyLjExMiAxOC41ODNWMi41ODMwMkMyMi4xMTIgMS4zMjU4NyAyMS4wODM0IDAuMjk3MzAyIDE5LjgyNjMgMC4yOTczMDJaTTEyLjk2OTEgMTguNTgzSDEwLjY4MzRWMTYuMjk3M0gxMi45NjkxVjE4LjU4M1pNMTUuMzY5MSA5Ljc4MzAyTDE0LjM0MDYgMTAuODExNkMxMy40MjYzIDExLjYxMTYgMTIuOTY5MSAxMi4yOTczIDEyLjk2OTEgMTQuMDExNkgxMC42ODM0VjEzLjQ0MDJDMTAuNjgzNCAxMi4xODMgMTEuMTQwNiAxMS4wNDAyIDEyLjA1NDggMTAuMjQwMkwxMy40MjYzIDguNzU0NDVDMTMuODgzNSA4LjQxMTU5IDE0LjExMiA3Ljg0MDE2IDE0LjExMiA3LjE1NDQ1QzE0LjExMiA1Ljg5NzMgMTMuMDgzNSA0Ljg2ODczIDExLjgyNjMgNC44Njg3M0MxMC41NjkyIDQuODY4NzMgOS41NDA2IDUuODk3MyA5LjU0MDYgNy4xNTQ0NUg3LjI1NDg5QzcuMjU0ODkgNC42NDAxNiA5LjMxMjAzIDIuNTgzMDIgMTEuODI2MyAyLjU4MzAyQzE0LjM0MDYgMi41ODMwMiAxNi4zOTc3IDQuNjQwMTYgMTYuMzk3NyA3LjE1NDQ1QzE2LjM5NzcgOC4xODMwMiAxNS45NDA2IDkuMDk3MyAxNS4zNjkxIDkuNzgzMDJaIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICAgIDxkZWZzPg0KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwIj4NCiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4=");
    float: right;
    margin-right: 12px;
  }
  .top-bar .top-bar__logout-link {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUuMTg3NSAxMi44MzMzQzE0LjczODIgMTIuODMzMyAxNC4zNzUxIDEzLjIwNjcgMTQuMzc1MSAxMy42NjY2VjE3QzE0LjM3NTEgMTcuNDU5MSAxNC4wMTEgMTcuODMzMyAxMy41NjI1IDE3LjgzMzNIMTEuMTI1VjUuMzMzMjhDMTEuMTI1IDQuNjIxNjEgMTAuNjgzIDMuOTg1NzggMTAuMDE4NCAzLjc0OTExTDkuNzc3ODMgMy42NjY1NkgxMy41NjI1QzE0LjAxMSAzLjY2NjU2IDE0LjM3NTEgNC4wNDA3MSAxNC4zNzUxIDQuNVY3QzE0LjM3NTEgNy40NTk5IDE0LjczODIgNy44MzMyOCAxNS4xODc1IDcuODMzMjhDMTUuNjM2OCA3LjgzMzI4IDE2IDcuNDU5OSAxNiA3VjQuNUMxNiAzLjEyMTY3IDE0LjkwNjQgMiAxMy41NjI1IDJINC44MjgxM0M0Ljc5NzE5IDIgNC43NzEzIDIuMDE0MTkgNC43NDEyNSAyLjAxODMxQzQuNzAyMTIgMi4wMTQ5NSA0LjY2NDc4IDIgNC42MjUwNiAyQzMuNzI4ODQgMiAzIDIuNzQ3MzggMyAzLjY2NjU2VjE4LjY2NjZDMyAxOS4zNzgyIDMuNDQyMDEgMjAuMDE0MSA0LjEwNjU4IDIwLjI1MDdMOC45OTYzMyAyMS45MjI1QzkuMTYyMDYgMjEuOTc1IDkuMzI2OSAyMiA5LjUwMDA3IDIyQzEwLjM5NjMgMjIgMTEuMTI1IDIxLjI1MjUgMTEuMTI1IDIwLjMzMzNWMTkuNUgxMy41NjI1QzE0LjkwNjQgMTkuNSAxNiAxOC4zNzgzIDE2IDE3VjEzLjY2NjZDMTYgMTMuMjA2NyAxNS42MzY4IDEyLjgzMzMgMTUuMTg3NSAxMi44MzMzWiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNMjIuNzMzNSA5LjQzNDQ0TDE5LjA5NzEgNi4yMzQ2MUMxOC44MzcyIDYuMDA1ODEgMTguNDQ2MiA1LjkzNjk2IDE4LjEwNjMgNi4wNjA4OEMxNy43NjczIDYuMTg0OTUgMTcuNTQ1NCA2LjQ3Njg4IDE3LjU0NTQgNi44MDAxNlY5LjIwMDA4SDEzLjkwOTJDMTMuNDA3MyA5LjIwMDA4IDEzIDkuNTU4MzYgMTMgMTBDMTMgMTAuNDQxNiAxMy40MDczIDEwLjc5OTkgMTMuOTA5MiAxMC43OTk5SDE3LjU0NTRWMTMuMTk5OEMxNy41NDU0IDEzLjUyMzEgMTcuNzY3MyAxMy44MTUgMTguMTA2MyAxMy45MzkxQzE4LjQ0NjIgMTQuMDYzIDE4LjgzNzIgMTMuOTk0MiAxOS4wOTcxIDEzLjc2NTVMMjIuNzMzNSAxMC41NjU2QzIzLjA4ODggMTAuMjUyOCAyMy4wODg4IDkuNzQ3MTcgMjIuNzMzNSA5LjQzNDQ0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
    display: inline-block;
    float: right;
  }
  .top-bar .top-bar__logout-link button {
    display: none !important;
  }
}
.left-sidebar {
  position: fixed;
  width: 90px;
  border-right: 1px solid #E7E9EA;
  min-height: 100vh;
  background: #fff;
  bottom: 0;
  left: 0;
  top: 0;
}
@media (max-width: 1439px) {
  .left-sidebar {
    width: 80px;
  }
}
img.left-sidebar__logo-img {
  display: block;
  margin: 13px auto 50px auto;
  width: 63px;
  height: 55px;
}
.nav img {
  alignment: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.left-sidebar-image {
  display: block;
  /* Рисунок как блочный элемент */
  width: 24px;
  /* Ширина рисунка в пикселах */
  height: 24px;
  /* Высота рисунка */
}
.nav li {
  background-repeat: no-repeat;
  background-position: center 10px;
  padding-top: 10px;
}
.nav li.user {
  background-image: url(/images/menu_user.svg);
}
.nav li.user.active {
  background-image: url(/images/menu_user_active.svg);
}
.nav li.place {
  background-image: url(/images/menu_place.svg);
}
.nav li.place.active {
  background-image: url(/images/menu_place_active.svg);
}
.nav li.visit {
  background-image: url(/images/menu_visits.svg);
}
.nav li.visit.active {
  background-image: url(/images/menu_visits_active.svg);
}
.nav li.reports {
  background-image: url(/images/menu_reports.svg);
}
.nav li.reports.active {
  background-image: url(/images/menu_reports_active.svg);
}
.nav li.analytics {
  background-image: url(/images/menu_analytics.svg);
}
.nav li.analytics.active {
  background-image: url(/images/menu_analytics_active.svg);
}
.nav li.template {
  background-image: url(/images/menu_template.svg);
}
.nav li.template.active {
  background-image: url(/images/menu_template_active.svg);
}
.nav li.tracking {
  background-image: url(/images/menu_tracking.svg);
}
.nav li.tracking.active {
  background-image: url(/images/menu_tracking_active.svg);
}
.nav li.tracking-debug {
  background-image: url(/images/menu_tracking_beta.svg);
}
.nav li.tracking-debug.active {
  background-image: url(/images/menu_tracking_beta_active.svg);
}
.nav li.violation {
  background-image: url(/images/menu_violation.svg);
}
.nav li.violation.active {
  background-image: url(/images/menu_violation_active.svg);
}
.nav li.profile {
  background-image: url(/images/menu_profile.svg);
}
.nav li.profile.active {
  background-image: url(/images/menu_profile_active.svg);
}
.nav li.active a {
  text-decoration: none;
  color: #FF6D4A;
}
li.active a > div.indicator {
  position: absolute;
  width: 9px;
  height: 44px;
  top: -10px;
  left: 0;
  background: #FF6D4A;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.nav > li > a {
  padding: 10px;
}
.nav > li > a:focus {
  background: transparent;
}
.nav a {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: flex-end;
  color: #262073;
  opacity: 0.8;
  text-align: center;
  padding-top: 26px !important;
}
.nav > li > a:hover {
  text-decoration: none;
  color: #FF6D4A;
  background-color: transparent;
}
.nav a:focus {
  text-decoration: none;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .left-sidebar {
    background-color: #fff;
    width: 196px;
    border: none;
    z-index: 1003;
    left: -196px;
    transition: all 0.3s;
    position: fixed;
  }
  .left-sidebar.open {
    left: 0;
    transition: all 0.3s;
  }
  .left-sidebar.open .left-sidebar__mobile-back {
    position: absolute;
    left: 196px;
    top: 0;
    width: 1000%;
    height: 100%;
    background-color: rgba(15, 15, 15, 0.48);
    z-index: 1002;
  }
  .left-sidebar__help-link {
    display: none;
  }
  .left-sidebar__logo-img {
    display: none;
  }
  .left-sidebar__header {
    background-color: #FF6D4A;
    width: 100%;
    height: 88px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .left-sidebar__logotype {
    display: inline-block;
    width: 100px;
    height: 52px;
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    color: #fff;
    font-weight: 600;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA0OSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwLjA4NzQgMTguODIyMkM0MC4wODc0IDIwLjQ1OTEgNDEuMjM3MiAyMC44Mjg4IDQxLjk2OTEgMjAuNTg1M0M0Mi40OTQ3IDIwLjQxMDQgNDMuNDc5IDE5LjM1OTkgNDQuMTI3NiAxOC45ODE0QzQ0LjcwMDUgMTkuOTI0NiA0NS40NDUyIDIxLjM2OCA0Ni41ODA1IDIxLjM2OEM0Ny4xNDY5IDIxLjM2OCA0OC45MDEzIDIwLjQyNzcgNDcuNDQ4NyAxOC4zNDIxQzQ3LjE1MjkgMTcuOTE3MiA0Ni44NzAxIDE3LjQ5ODkgNDYuNTgwNSAxNy4wNzIyQzQ0LjcxMDcgMTQuMzE2NyA0NC42MjU0IDE0LjMxNzggNDEuODM4OCAxNi42MTY3QzQxLjAzOTIgMTcuMjc2NCA0MC4wODc0IDE3Ljg5MjYgNDAuMDg3NCAxOC44MjIyWk00MS4yNDE3IDI1Ljk4MTlDNDEuMjQxNyAyNy4wODQgNDIuNzkxIDI4LjE2MTggNDMuODAxNCAyNy4wNTVDNDQuMjA4MyAyNi42MDk0IDQ0Ljg0ODggMjQuMjAyMyA0NC44NDg4IDIzLjI3NzJDNDQuODQ4OCAyMi4wOTAzIDQyLjYwOTIgMjAuMTQxMyA0MS42NzM4IDIzLjkxMzFDNDEuNTI0IDI0LjUxNzUgNDEuMjQxNyAyNS4yNzAxIDQxLjI0MTcgMjUuOTgxOVpNMS44NTAwOCAzNC40MTQ5QzMuNDYwODcgMzQuNDE0OSAzLjQyMDc1IDMzLjMzNzcgMy44MTAwOSAzMS40ODM1QzQuMDgxNDUgMzAuMTkxMyA0LjA0MjA0IDI4LjY4NjkgMi40MjcyMSAyOC42ODY5QzAuNjYyMzQyIDI4LjY4NjkgMC4zNzQzNjkgMzIuODIzOCAwLjU5MzczMSAzMy40MDA1QzAuODAyNjQ4IDMzLjk1MTMgMS4yMDUwNSAzNC40MTQ5IDEuODUwMDggMzQuNDE0OVpNMzUuOTAyOSAzMi42NjQ0QzM1LjkwMjkgMzUuNjQ5NSAzOS40ODc1IDM0LjE4NjEgNDAuNzA5NCAzMy4xOTEzTDQyLjIyMDMgMzEuNTE1OUM0Mi45NTE3IDMwLjM5ODEgNDIuNDQ2OCAyOC44MzA5IDQxLjA3NTUgMjguNzc2N0MzOS41NDY5IDI4LjcxNjIgMzkuOTUwNSAzMC42Mzc3IDM3LjQ4ODggMzEuMDcyQzM2LjYzNyAzMS4yMjIyIDM1LjkwMjkgMzEuNjEyIDM1LjkwMjkgMzIuNjY0NFpNNy4xODg4NCA3LjY4NDc4QzcuMTg4ODQgOC40MDM5IDcuODQ1OTcgOS4xNzQ4NCA4LjQ0ODAzIDkuMzI5MjlDOS40MDUwMSA5LjU3NTEgOS4wMzcwMyA4Ljc5ODY2IDExLjM3MzMgOC43OTg2NkMxMi4xOTUyIDguNzk4NjYgMTEuODU4NiA5LjI3NTg4IDEzLjEwNDcgOS4yNzU4OEMxNC4xNDc0IDkuMjc1ODggMTQuODYwNiA3LjgyMzc5IDE0LjI4ODcgNi44NjQ2M0MxMi44OTI1IDQuNTIzMjYgNy4xODg4NCA1LjIzOTUgNy4xODg4NCA3LjY4NDc4Wk0yMi45MTY3IDIzLjQzNjRDMjIuMTU2NSAyMy40MzY0IDIxLjYwNjQgMjQuMjA4NCAyMS40MTYgMjQuOTYzOUMyMS4xOTYgMjUuODM3NCAyMS4xMDkxIDI2LjgzMTkgMjAuOTMxMyAyNy42MTEyQzIwLjczOTkgMjguNDQ5MiAyMC4xNTYxIDI5LjE1ODEgMjAuMjI1NCAyOS45MDc4QzIwLjM1MDEgMzEuMjUxOCAyMi44MjkzIDMzLjYwMjkgMjQuMDEwNiAyNy42NjU3QzI0LjExNjUgMjcuMTMzNyAyNC40OTIxIDI1LjM2MTggMjQuNDY5NSAyNS4wNTYzQzI0LjM5NzQgMjQuMDgxMSAyMy42MTk2IDIzLjQzNjQgMjIuOTE2NyAyMy40MzY0Wk0zLjcyNTgxIDE2LjI3NjdDMy43MjU4MSAxNy41MDIzIDUuMzMyODEgMTguNjkzMiA2LjQzMjcgMTcuMDMzN0M2LjY5OTU1IDE2LjYzMTEgNy42MjE2MiAxMS45NzkzIDcuNjIxNjIgMTEuMzQ0MkM3LjYyMTYyIDEwLjUzNTYgNi45NjA5MyA5Ljc1MzM3IDYuMDM0MzQgOS43NTMzN0M0Ljc1ODA1IDkuNzUzMzcgNC42MTQ0MiAxMS4xMjMzIDQuMzU5NDUgMTIuMzYxQzQuMTI4MjEgMTMuNDgyMiAzLjcyNTgxIDE1LjA4MzIgMy43MjU4MSAxNi4yNzY3Wk0xLjg1MDA4IDI1LjY2MzlDMS44NTAwOCAyNi40NzI1IDIuNTExMDEgMjcuMjU1IDMuNDM3MTMgMjcuMjU1QzQuNzI1NTIgMjcuMjU1IDQuODg1MDYgMjUuODk3MSA1LjEwODkzIDI0LjY0MzJDNS4zMjk0OCAyMy40MDcgNS43NDU4OSAyMS45ODA2IDUuNzQ1ODkgMjAuNzMxNEM1Ljc0NTg5IDE5LjAyMDQgMy4zNTIzOCAxOC40NzQ4IDIuODAyMzEgMjAuNTA4OUMyLjU5OTU2IDIxLjI1OTcgMi40NDA1IDIyLjMyMiAyLjMxODk1IDIyLjk5ODdDMi4xODUyOSAyMy43NDI0IDEuODUwMDggMjUuMDIzNSAxLjg1MDA4IDI1LjY2MzlaTTEyLjk2MDYgMzEuMDczNUMxMi45NjA2IDMyLjY3OTYgMTUuMTk0NiAzNC40MTQ5IDE2LjcxMjEgMzQuNDE0OUMxOC4yNzggMzQuNDE0OSAxOS44ODY3IDM0LjY4ODcgMTkuODg2NyAzMi41MDU1QzE5Ljg4NjcgMzEuODg0NSAxOS41MDg1IDMxLjM1OTcgMTkuMDczMSAzMS4xNzUxQzE3Ljc1OTMgMzAuNjE3OCAxNi45NTQyIDMxLjgxMzMgMTUuODAxNCAzMC4zMjc1QzE0LjI3MiAyOC4zNTcgMTIuOTYwNiAzMC4zNjAyIDEyLjk2MDYgMzEuMDczNVpNMzMuMTYxNCAxMS41MDM0QzMzLjE2MTQgMTIuOTQ3NiAzNS41Mzk1IDEzLjYwOTEgMzYuMDk5OCAxMS43MjA0TDM2LjQ1NjMgNi4xMjc0NUMzNi4yMjcyIDQuNTkyMzcgMzQuNDU5IDQuMTgxMTIgMzMuNzA5MyA1LjQyNTFDMzMuNTA1MiA1Ljc2NDEgMzMuMzY2MyA2Ljc3OTU1IDMzLjMyNDcgNy4yMjg1QzMzLjE5NjggOC42MTQxIDMzLjE2MTQgMTAuMDgzNyAzMy4xNjE0IDExLjUwMzRaTTI4Ljk3NjkgNC4wMjUzNkMzMC40MjIgNC4wMjUzNiAyOS40NDk2IDMuMzg4OTcgMzEuODYyOCAzLjM4ODk3QzMyLjQzNjQgMy4zODg5NyAzMy40NDM5IDQuNDMxMzggMzQuNDI0NiAzLjM0OTk3QzM1LjU4MTcgMi4wNzQwNSAzNC40MzQxIDAuMDQ3NjA3NCAzMi4wMDcxIDAuMDQ3NjA3NEgzMS45NDQ1QzMwLjYyIDAuMDUwNzQ4OCAyOC42NTkgMC4xNTU0NiAyNy44OTU1IDEuNDA1MkMyNy4wNjA4IDIuNzcxNDMgMjguMjA1MSA0LjAyNTM2IDI4Ljk3NjkgNC4wMjUzNlpNMzIuNTg0IDIxLjIwODlDMzIuNTg0IDIyLjMzMDYgMzQuNTMxOSAyMy4zNjggMzUuNDA3IDIxLjYxNjdDMzUuNjA5NSAyMS4yMTE4IDM1Ljg2MjEgMTcuMTUwMiAzNS45MDM5IDE2LjQxOEMzNi4wMzAyIDE0LjE5ODcgMzIuOTk4MSAxMi45MTQ0IDMyLjczNTMgMTYuOTIwNEMzMi42MzY1IDE4LjQyNTEgMzIuNTg0IDE5LjY2MSAzMi41ODQgMjEuMjA4OVpNMjIuMzM5NSAyMC40MTMzQzIyLjMzOTUgMjIuMzI1MSAyNC43MTgxIDIyLjcxNjUgMjUuMjcxNyAyMC45NDE5QzI1LjUxOTMgMjAuMTQ4NyAyNi4yMzUzIDE2LjM0MDggMjYuMjM1MyAxNS40ODExQzI2LjIzNTMgMTQuNDYzMSAyNS41MzA1IDE0LjA0OTIgMjQuNjQ4MyAxNC4wNDkyQzIzLjM3NzcgMTQuMDQ5MiAyMy4yMjI3IDE1LjQzMDMgMjMuMDAwNSAxNi42ODcxQzIyLjgxODYgMTcuNzE2NyAyMi4zMzk1IDE5LjQ3NDggMjIuMzM5NSAyMC40MTMzWk0zMy44ODI2IDMyLjE4NzJDMzYuMDcxMyAzMi4xODcyIDM1LjA5NiAyOS4xMzAzIDM1LjA3MDggMjguODA3M0MzNC45NjIxIDI3LjQwNzggMzYuMTYxNyAyNC4wNzI4IDMzLjczODUgMjQuMDcyOEMzMi44ODA4IDI0LjA3MjggMzIuNDM2MSAyNC42NjcgMzIuMjg2MSAyNS40OTQyQzMyLjE2NDUgMjYuMTY0NCAzMi4wNjcyIDI3LjUxMjMgMzIuMDExMiAyOC4yMjE3QzMxLjk0OCAyOS4wMjMgMzIuMTY0OCAzMC4yMjYyIDMyLjM1NTQgMzAuODQ4NEMzMi41OTUgMzEuNjMwMSAzMy4wMDY2IDMyLjE4NzIgMzMuODgyNiAzMi4xODcyWk0yNS42NTgyIDEyLjYxNzJDMjcuMzAwNiAxMi42MTcyIDI3LjMyNzQgMTAuMjA1NyAyNy43MTMyIDguMjAwNzVDMjcuNzkzIDcuNzg1ODMgMjguMTExMSA2LjY5MTA3IDI4LjExMTEgNi4yNTI4NUMyOC4xMTExIDUuMzQxNTkgMjcuNDQzMyA0LjUwMjg0IDI2LjY2ODEgNC41MDI4NEMyNC45NDI5IDQuNTAyODQgMjQuODcyNCA2LjgzMDg2IDI0LjU2NDUgOC41NDczNUMyNC40MTE4IDkuMzk3ODcgMjMuMzA5MSAxMi42MTcyIDI1LjY1ODIgMTIuNjE3MlpNMTQuMTE0OSAyOC4yMDk3QzE1LjE1NTIgMjguMjA5NyAxNS42NjE4IDI2Ljk5MjYgMTUuNzA0MyAyNS44MjU2QzE1Ljc2MjUgMjQuMjM4MiAxNi4xNjM3IDIxLjM0MjkgMTUuNDU3NCAyMC41MjM4QzE0LjUyNzUgMTkuNDQ1IDEzLjEwODggMjAuMDM3NyAxMi44NjU5IDIxLjI2MzZMMTIuNjcxMiAyNC4wNzIyQzEyLjYwMjYgMjUuNTA3IDEyLjEyMTIgMjguMjA5NyAxNC4xMTQ5IDI4LjIwOTdaTTEyLjgxNjMgMTMuMDk0NUMxMi44MTYzIDE0LjM5MzQgMTIuNjI2NiAxNi45NzE0IDEzLjE1NiAxNy44MTEyQzEzLjg2MDEgMTguOTI3NyAxNS45OTA2IDE4Ljg4MTEgMTUuOTkwNiAxNi4xMTc1TDE1LjkwNTQgMTIuOTE1N0MxNS45MDU0IDEyLjkwOTcgMTYuMzc1NSAxMC4yMzA2IDE0LjQwMzMgMTAuMjMwNkMxMy4xNTI5IDEwLjIzMDYgMTIuODE2MyAxMS44NTA4IDEyLjgxNjMgMTMuMDk0NVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=");
    background-repeat: no-repeat;
    padding-top: 45px;
    background-position: top;
    text-align: center;
  }
  .left-sidebar__menu-btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTYgMS42MTE0M0wxNC4zODg2IDBMOCA2LjM4ODU3TDEuNjExNDMgMEwwIDEuNjExNDNMNi4zODg1NyA4TDAgMTQuMzg4NkwxLjYxMTQzIDE2TDggOS42MTE0M0wxNC4zODg2IDE2TDE2IDE0LjM4ODZMOS42MTE0MyA4TDE2IDEuNjExNDNaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
  }
  .left-sidebar ul.nav li {
    background-position: 33px center;
    border-bottom: 1px solid rgba(116, 116, 116, 0.4);
    height: 40px;
    line-height: 40px;
  }
  .left-sidebar ul.nav li.active a > div.indicator {
    display: none;
  }
  .left-sidebar ul.nav li a {
    font-weight: 500;
    font-size: 14px;
    opacity: 1;
    padding: 2px 0 0 68px !important;
    text-align: left;
    line-height: initial;
  }
  .left-sidebar__footer {
    display: block !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
  }
  .left-sidebar__footer a button {
    font-size: 12px !important;
  }
  .left-sidebar__footer a {
    margin-bottom: 10px;
    display: block;
  }
  .ui.button.button-setting {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .ui.button.button-setting .cog-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC45OTk5NCA1LjA2MjUxQzYuODI1MTcgNS4wNjI1MSA1LjA2MjQ0IDYuODI1MjQgNS4wNjI0NCA5QzUuMDYyNDQgMTEuMTc0OCA2LjgyNTE3IDEyLjkzNzUgOC45OTk5NCAxMi45Mzc1QzExLjE3NDcgMTIuOTM3NSAxMi45Mzc0IDExLjE3NDggMTIuOTM3NCA5QzEyLjkzNDkgNi44MjY1MSAxMS4xNzM0IDUuMDY1MDQgOC45OTk5NCA1LjA2MjUxWk04Ljk5OTk0IDExLjgxMjVDNy40NDY3NCAxMS44MTI1IDYuMTg3NDQgMTAuNTUzMiA2LjE4NzQ0IDlDNi4xODc0NCA3LjQ0NjggNy40NDY3NCA2LjE4NzUxIDguOTk5OTQgNi4xODc1MUMxMC41NTMxIDYuMTg3NTEgMTEuODEyNCA3LjQ0NjggMTEuODEyNCA5QzExLjgxMDUgMTAuNTUyNSAxMC41NTI0IDExLjgxMDUgOC45OTk5NCAxMS44MTI1WiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNMTggNy4zMTI1QzE4IDcuMDAxNzIgMTcuNzQ4MyA2Ljc1IDE3LjQzNzUgNi43NUgxNS45NTA4QzE1LjgzMTcgNi4zODA0NCAxNS42ODMyIDYuMDIwODYgMTUuNTA1OSA1LjY3NTYzTDE2LjU1NzIgNC42MjUwMkMxNi43NzY2IDQuNDA1MjIgMTYuNzc2NiA0LjA0OTMgMTYuNTU3MiAzLjgyOTVMMTQuMTcwNSAxLjQ0MjgxQzEzLjk1MDcgMS4yMjM0NCAxMy41OTQ4IDEuMjIzNDQgMTMuMzc1IDEuNDQyODFMMTIuMzI0NCAyLjQ5MzU2QzExLjk3ODYgMi4zMTY5NCAxMS42MTkzIDIuMTY4NDQgMTEuMjUgMi4wNDkxOVYwLjU2MjVDMTEuMjUgMC4yNTE3MTkgMTAuOTk4MyAwIDEwLjY4NzUgMEg3LjMxMjVDNy4wMDE3MiAwIDYuNzUgMC4yNTE3MTkgNi43NSAwLjU2MjVWMi4wNDkxOUM2LjM4MDcyIDIuMTY4NDQgNi4wMjE0MiAyLjMxNjk0IDUuNjc1NjIgMi40OTM1Nkw0LjYyNTAyIDEuNDQyODFDNC40MDUyMiAxLjIyMzQ0IDQuMDQ5MyAxLjIyMzQ0IDMuODI5NSAxLjQ0MjgxTDEuNDQyODEgMy44Mjk1QzEuMjIzNDQgNC4wNDkzIDEuMjIzNDQgNC40MDUyMiAxLjQ0MjgxIDQuNjI1MDJMMi40OTM1NiA1LjY3NTYzQzIuNDQ2NTkgNS43Njc3NCAyLjQwMTMxIDUuODYwMTMgMi4zNTg1NiA1Ljk1MzVDMi4yMzk4NyA2LjIxMjgxIDIuMTM2NjYgNi40Nzg2IDIuMDQ5MTkgNi43NUgwLjU2MjVDMC4yNTE3MTkgNi43NSAwIDcuMDAxNzIgMCA3LjMxMjVWMTAuNjg3NUMwIDEwLjk5ODMgMC4yNTE3MTkgMTEuMjUgMC41NjI1IDExLjI1SDIuMDQ5MTlDMi4xNjgzIDExLjYxOTYgMi4zMTY4IDExLjk3OTEgMi40OTQxMiAxMi4zMjQ0TDEuNDQyODEgMTMuMzc1QzEuMjIzNDQgMTMuNTk0OCAxLjIyMzQ0IDEzLjk1MDcgMS40NDI4MSAxNC4xNzA1TDMuODI5NSAxNi41NTcyQzQuMDQ5MyAxNi43NzY2IDQuNDA1MjIgMTYuNzc2NiA0LjYyNTAyIDE2LjU1NzJMNS42NzU2MiAxNS41MDY0QzYuMDIxNDIgMTUuNjgzMSA2LjM4MDcyIDE1LjgzMTYgNi43NSAxNS45NTA4VjE3LjQzNzVDNi43NSAxNy43NDgzIDcuMDAxNzIgMTggNy4zMTI1IDE4SDEwLjY4NzVDMTAuOTk4MyAxOCAxMS4yNSAxNy43NDgzIDExLjI1IDE3LjQzNzVWMTUuOTUwOEMxMS42MTkzIDE1LjgzMTYgMTEuOTc4NiAxNS42ODMxIDEyLjMyNDQgMTUuNTA2NEwxMy4zNzUgMTYuNTU3MkMxMy41OTQ4IDE2Ljc3NjYgMTMuOTUwNyAxNi43NzY2IDE0LjE3MDUgMTYuNTU3MkwxNi41NTcyIDE0LjE3MDVDMTYuNzc2NiAxMy45NTA3IDE2Ljc3NjYgMTMuNTk0OCAxNi41NTcyIDEzLjM3NUwxNS41MDU5IDEyLjMyNDRDMTUuNjgzMiAxMS45NzkxIDE1LjgzMTcgMTEuNjE5NiAxNS45NTA4IDExLjI1SDE3LjQzNzVDMTcuNzQ4MyAxMS4yNSAxOCAxMC45OTgzIDE4IDEwLjY4NzVWNy4zMTI1Wk0xNi44NzUgMTAuMTI1SDE1LjUyODRDMTUuMjcxOSAxMC4xMjUgMTUuMDQ4IDEwLjI5ODcgMTQuOTgzOSAxMC41NDY5QzE0Ljg0MDIgMTEuMTA1MiAxNC42MTg3IDExLjY0MDkgMTQuMzI1NyAxMi4xMzc2QzE0LjE5NTQgMTIuMzU4NCAxNC4yMzEyIDEyLjYzOTcgMTQuNDEyNCAxMi44MjExTDE1LjM2MzQgMTMuNzcyN0wxMy43NzI3IDE1LjM2NDFMMTIuODIxMSAxNC40MTI0QzEyLjYzOTUgMTQuMjMxIDEyLjM1ODMgMTQuMTk1MyAxMi4xMzczIDE0LjMyNThDMTEuNjQwNyAxNC42MTg3IDExLjEwNTIgMTQuODQwMyAxMC41NDY5IDE0Ljk4MzlDMTAuMjk4NyAxNS4wNDggMTAuMTI1IDE1LjI3MTkgMTAuMTI1IDE1LjUyODRWMTYuODc1SDcuODc1VjE1LjUyODRDNy44NzUgMTUuMjcxOSA3LjcwMTMzIDE1LjA0OCA3LjQ1MzEyIDE0Ljk4MzlDNi44OTQ4NCAxNC44NDAzIDYuMzU5MzQgMTQuNjE4NyA1Ljg2MjY2IDE0LjMyNThDNS42NDE3MyAxNC4xOTUzIDUuMzYwNDggMTQuMjMxIDUuMTc4OTQgMTQuNDEyNEw0LjIyNzMzIDE1LjM2NDFMMi42MzY1OCAxMy43NzI3TDMuNTg3NjIgMTIuODIxMUMzLjc2ODc1IDEyLjYzOTcgMy44MDQ2MSAxMi4zNTg0IDMuNjc0MjUgMTIuMTM3NkMzLjM4MTMzIDExLjY0MDkgMy4xNTk4NCAxMS4xMDUyIDMuMDE2MTIgMTAuNTQ2OUMyLjk1MiAxMC4yOTg3IDIuNzI4MTIgMTAuMTI1IDIuNDcxNjIgMTAuMTI1SDEuMTI1VjcuODc1SDIuNDcxNjJDMi43MjgxMiA3Ljg3NSAyLjk1MiA3LjcwMTMzIDMuMDE2MTIgNy40NTMxM0MzLjEwNjk3IDcuMDk5MDMgMy4yMjk0NSA2Ljc1NDIyIDMuMzgxODkgNi40MjIyQzMuNDY5NzggNi4yMjk2OSAzLjU2NzM3IDYuMDQxOTUgMy42NzQyNSA1Ljg1OTdDMy44MDQxOSA1LjYzODc4IDMuNzY4NjEgNS4zNTc5NSAzLjU4NzYyIDUuMTc2NjlMMi42MzY1OCA0LjIyNTA4TDQuMjI3MzMgMi42MzM2M0w1LjE3ODk0IDMuNTg1NjZDNS4zNjA0OCAzLjc2NzA2IDUuNjQxNzMgMy44MDI1IDUuODYyNjYgMy42NzE4NkM2LjM1OTM0IDMuMzc5MjIgNi44OTQ4NCAzLjE1NzMxIDcuNDUzMTIgMy4wMTM3NEM3LjcwMTMzIDIuOTQ5NzUgNy44NzUgMi43MjU1OSA3Ljg3NSAyLjQ2OTUyVjEuMTI1SDEwLjEyNVYyLjQ3MTYzQzEwLjEyNSAyLjcyODEzIDEwLjI5ODcgMi45NTIgMTAuNTQ2OSAzLjAxNjEzQzExLjEwNTIgMy4xNTk3IDExLjY0MDcgMy4zODEzMyAxMi4xMzczIDMuNjc0MjVDMTIuMzU4MyAzLjgwNDc1IDEyLjYzOTUgMy43NjkwMyAxMi44MjExIDMuNTg3NjNMMTMuNzcyNyAyLjYzNTg4TDE1LjM2MzQgNC4yMjczM0wxNC40MTI0IDUuMTc4OTRDMTQuMjMxMiA1LjM2MDM1IDE0LjE5NTQgNS42NDE2IDE0LjMyNTcgNS44NjIzOEMxNC42MTg3IDYuMzU5MDYgMTQuODQwMiA2Ljg5NDg1IDE0Ljk4MzkgNy40NTMxM0MxNS4wNDggNy43MDEzMyAxNS4yNzE5IDcuODc1IDE1LjUyODQgNy44NzVIMTYuODc1VjEwLjEyNVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==");
  }
}
.admin-title-page {
  background: #F5F5F5;
  padding: 0;
  margin-bottom: 30px;
}
.admin-title-page .breadcrumb {
  padding: 0;
  margin: 0;
}
.admin-title-page h1 {
  line-height: 46px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
}
.admin-title-page h1 .h-status-button {
  cursor: default;
  margin-left: 24px;
  font-size: 38px;
  padding: 2px 17px 4px 14px;
}
.admin-title-page h1 .h-status-button img {
  margin-left: 14px;
  vertical-align: unset;
}
.admin-title-page h1 {
  padding-top: 0;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .admin-title-page {
    margin: -5px 0 15px 0;
  }
  .app-container.app-container__analytics .admin-title-page {
    /*margin: 20px 0 30px 0;*/
    margin: -5px 0 15px 0;
  }
  .admin-title-page h1 {
    font-size: 30px;
    margin-top: 14px;
  }
  .admin-title-page .h-status-button {
    margin-left: 15px !important;
    font-size: 18px !important;
    padding: 1px 5px 0 5px !important;
    height: 24px;
    vertical-align: middle;
  }
  .admin-title-page .h-status-button img {
    margin-left: 5px !important;
    width: 15px;
    vertical-align: middle;
  }
  .admin-title-page .breadcrumb + h1 {
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  .admin-title-page {
    height: initial;
    padding: 0 15px 15px 15px;
  }
  .admin-title-page h1 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    font-style: normal;
  }
  .admin-title-page h1 .h-status-button {
    margin-left: 10px;
    height: 20px;
    line-height: 16px;
    font-size: 13px;
    border-radius: 4px !important;
    padding: 1px 3px !important;
  }
  .admin-title-page h1 .h-status-button img {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .admin-title-page_2lines h1 {
    width: 370px;
    font-size: 22px;
    word-wrap: break-word;
    line-height: 22px;
  }
}
.admin-title-page__wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.admin-title-page__title {
  padding-right: 20px;
}
.admin-title-page__items {
  margin-right: -20px;
  margin-top: -9px;
  margin-bottom: -9px;
}
.admin-title-page__item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px
}
@media (min-width: 768px) and (max-width: 1439px) {
  .admin-title-page__items {
    margin-right: 77px;

    margin-top: 0;
    margin-bottom: 0;
  }
  .app-container__analytics .admin-title-page__items,
  .app-container__report .admin-title-page__items {
    margin-top: 10px;
    margin-bottom: -5px;
  }
}
@media (max-width: 768px) {
  .admin-title-page__title {
    padding-right: 0;
    width: 100%;
  }
  .admin-title-page__items {
    margin-right: 0;
    width: 100%;
  }
}
h1 {
  font-size: 38px;
  font-weight: normal;
  color: #233539;
}
.header {
  height: 150px;
  background: #FFE680;
}
.button-group {
  display: inline-block;
  min-width: 100px;
  max-width: 200px;
  margin-right: 8px;
  margin-bottom: 12px;
}
@media (max-width: 1439px) {
  .button-group {
    margin-right: 7px;
    margin-bottom: 10px;
  }
}
.button-group > .form-group {
  margin-bottom: 0;
}
.button-group > .form-group .help-block:empty {
  margin: 0;
}
.blue-button {
  background: #262073 !important;
  border: 2px solid #262073 !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.ui.labeled.icon.button.blue-button-basic {
  background: transparent;
  border: 1px solid #262073 !important;
  border-radius: 4px !important;
  color: #262073 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  margin-right: 8px;
  margin-bottom: 12px;
  font-weight: normal;
}
.ui.labeled.icon.button.blue-button-basic .input-group-addon {
  background-color: #E0E7EB;
}
.ui.labeled.icon.button.blue-button-basic .icon {
  background-color: transparent;
  left: 0.4em;
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.blue-button-basic {
    padding-top: 6px !important;
  }
  .ui.labeled.icon.button.blue-button-basic .icon {
    top: -0.3em;
  }
  .input-group-addon {
    padding: 5px 12px;
  }
}
@media (max-width: 1439px) and (max-width: 767px) {
  .input-group-addon {
    padding: 4px 11px;
  }
}
@media (max-width: 767px) {
  .head-btns {
    padding: 0 15px 15px 15px;
  }
  .head-btns > div:last-child {
    margin-bottom: -15px;
  }
}
.head-btns .ui.button,
.head-btns.search-user-input {
  margin-right: 8px;
  margin-bottom: 12px;
}
.ui.icon.basic.button[class*="right labeled"] {
  margin: 0;
  padding-top: 7px;
  padding-left: 12px !important;
  padding-right: 37px !important;
  font-weight: bold;
  font-size: 11px;
  border: 1px transparent solid;
  background: url(/images/dropdown_arrow.svg) calc(100% + 1px) no-repeat !important;
  background-color: #F5F8FA !important;
}
.ui.icon.basic.button[class*="right labeled"] > .icon {
  background-color: #E0E7EB;
  top: -1px;
  right: -1px;
  height: calc(100% + 2px);
}
.ui.icon.basic.button[class*="right labeled"].btn-sel-filter {
  color: #ffffff !important;
  background: url(/images/dropdown_arrow_selected.svg) calc(100% + 1px) no-repeat !important;
  background-color: #5E5C70 !important;
}
.ui.icon.basic.button[class*="right labeled"].btn-sel-filter > .icon {
  background-color: #49475A !important;
}
@media (max-width: 1439px) {
  .ui.icon.basic.button[class*="right labeled"] {
    padding-left: 7px !important;
    padding-right: 32px !important;
  }
}
.button.primary-button {
  border: 1px transparent solid;
  background: #FF6D4A;
  color: #FFF;
  padding: 9px 18px;
  font-size: 12px;
}
.button.primary-button:hover {
  background: #ff5831;
  color: #FFF;
}
.button.primary-button:focus,
.button.primary-button:active {
  background: #FF6D4A;
  color: #FFF;
}
@media (max-width: 1439px) {
  .button.primary-button {
    height: 28px;
    padding-top: 7px;
  }
}
.ui.button {
  height: 32px;
  font-size: 12px;
  padding: 9px 18px;
}
@media (max-width: 1439px) {
  .ui.button {
    height: 28px;
    padding-top: 7px;
  }
}
.ui.labeled.icon.button.button-add-item,
.ui.labeled.icon.button.button-tab {
  height: 32px;
  padding-top: 9px;
  padding-left: 57px !important;
  border: 1px transparent solid;
  background: #FF6D4A;
  color: #FFF;
  font-size: 12px;
}
.ui.labeled.icon.button.button-add-item:hover,
.ui.labeled.icon.button.button-tab:hover {
  background: #ff5831;
}
.ui.labeled.icon.button.button-add-item.basic,
.ui.labeled.icon.button.button-tab.basic {
  background: #eee !important;
  border: 1px transparent solid !important;
  box-shadow: none;
}
.ui.labeled.icon.button.button-add-item.basic i.icon,
.ui.labeled.icon.button.button-tab.basic i.icon {
  background-color: #ddd !important;
}
.ui.labeled.icon.button.button-add-item i.icon,
.ui.labeled.icon.button.button-tab i.icon {
  background-color: #FF9277 !important;
  font-size: 16px;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.button-add-item,
  .ui.labeled.icon.button.button-tab {
    height: 28px;
    padding: 0 15px 0 37px !important;
  }
  .ui.labeled.icon.button.button-add-item i.icon,
  .ui.labeled.icon.button.button-tab i.icon {
    width: 28px;
  }
}
.ui.labeled.icon.button.button-import,
.ui.labeled.icon.button.button-export {
  height: 32px;
  padding-top: 9px;
  padding-left: 41px !important;
  border: 1px #262073 solid;
  background: transparent;
  color: #262073;
  font-size: 12px;
  margin: 0;
}
.ui.labeled.icon.button.button-import i.icon,
.ui.labeled.icon.button.button-export i.icon {
  background-color: transparent !important;
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.button-import,
  .ui.labeled.icon.button.button-export {
    height: 28px;
    padding: 0;
  }
}
.ui.labeled.icon.button.button-import i.icon,
.ui.labeled.icon.button.button-export i.icon,
.ui.labeled.icon.button.button-tab i.icon {
  font-size: 16px;
}
.ui.labeled.icon.button.button-import i.icon img,
.ui.labeled.icon.button.button-export i.icon img,
.ui.labeled.icon.button.button-tab i.icon img {
  padding-top: 6px;
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.button-import i.icon img,
  .ui.labeled.icon.button.button-export i.icon img,
  .ui.labeled.icon.button.button-tab i.icon img {
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .ui.labeled.icon.button.button-import i.icon,
  .ui.labeled.icon.button.button-export i.icon,
  .ui.labeled.icon.button.button-tab i.icon {
    top: -1px;
  }
}
.ui.labeled.icon.button.button-delete-items {
  height: 32px;
  padding-top: 9px;
  padding-left: 45px !important;
  border: 1px #FF6D4A solid;
  background: transparent;
  color: #FF6D4A;
  font-size: 12px;
}
.ui.labeled.icon.button.button-delete-items i.icon {
  background-color: transparent !important;
  font-size: 16px;
  top: -3px;
}
.ui.labeled.icon.button.button-delete-items i.icon img {
  padding-top: 8px;
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.button-delete-items {
    height: 28px;
    padding: 0;
  }
  .ui.labeled.icon.button.button-delete-items i.icon {
    top: -1px;
  }
  .ui.labeled.icon.button.button-delete-items i.icon img {
    padding-top: 3px;
  }
}
.ui.labeled.icon.button.button-add-items {
  height: 32px;
  padding-top: 9px;
  padding-left: 45px !important;
  border: 1px #262073 solid;
  background: transparent;
  color: #262073;
  font-size: 12px;
}
.ui.labeled.icon.button.button-add-items i.icon {
  background-color: transparent !important;
  font-size: 16px;
  top: -3px;
}
.ui.labeled.icon.button.button-add-items i.icon img {
  padding-top: 8px;
}
@media (max-width: 1439px) {
  .ui.labeled.icon.button.button-add-items {
    height: 28px;
    padding: 0;
  }
  .ui.labeled.icon.button.button-add-items i.icon {
    top: -1px;
  }
  .ui.labeled.icon.button.button-add-items i.icon img {
    padding-top: 3px;
  }
}
.filter-reset-link {
  display: inline-block;
  font-size: 0;
  height: 32px;
  width: 16px;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #FF6D4A !important;
  background-image: url(/images/circle-delete.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1439px) {
  .filter-reset-link {
    height: 28px;
  }
}
.button-basic {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  color: #000000;
}
.button-basic-colors,
.button-basic-colors:hover,
.button-basic-colors:active,
.button-basic-colors:focus,
.button-basic-colors:target {
  background: #E0E1E2;
  border: 1px solid #E0E1E2;
  border-radius: 4px;
  color: #000000;
}
.dropdown-menu {
  z-index: 1002;
  margin: 1px 0 0 0;
  padding: 5px 0;
}
.dropdown-menu > li > span {
  display: block;
  padding: 2px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu > li > span > label {
  margin: 0;
  padding: 0 3px 3px;
}
.dropdown-menu > li > span:hover {
  background: #eee;
}
.dropdown-menu > li .filter-input-js {
  position: relative;
  top: 1px;
}
.ui.form .field.field-signupform-new_role select,
.field-visit-user_id select,
.field-visit-template_id select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  margin: 0;
  height: 32px;
  padding-left: 12px !important;
  padding-right: 37px !important;
  font-weight: bold;
  font-size: 11px;
  border: 1px transparent solid;
  background: url(/images/dropdown_arrow.svg) calc(100% + 1px) no-repeat;
  background-color: #F5F8FA;
}
@media (max-width: 1439px) {
  .ui.form .field.field-signupform-new_role select,
  .field-visit-user_id select,
  .field-visit-template_id select {
    height: 28px;
    padding-top: 5px;
  }
}
#searchForm {
  width: 100%;
}
.search-user-input,
.search-visit-input,
.search-route-input {
  height: 32px;
  margin-bottom: 12px;
  border: none;
  width: 100%;
}
@media (max-width: 1439px) {
  .search-user-input,
  .search-visit-input,
  .search-route-input {
    height: 28px;
  }
}
.search-user-input .ui.icon.input i,
.search-visit-input .ui.icon.input i,
.search-route-input .ui.icon.input i {
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media (max-width: 767px) {
  .search-user-input input[type="text"],
  .search-visit-input input[type="text"],
  .search-route-input input[type="text"] {
    border: none;
    width: 100%;
  }
}
.search-user-input input[type="text"],
.search-visit-input input[type="text"],
.search-route-input input[type="text"] {
  width: 292px;
}
@media (max-width: 767px) {
  .search-route-input {
    margin-bottom: 0;
  }
}
.field-dateRangeFilter .input-group-addon {
  border: 0;
  background-color: #E0E7EB;
}
input.form-control.date-range-input {
  width: 148px;
  height: 32px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 0 4px 4px 0 !important;
}
@media (max-width: 1439px) {
  input.form-control.date-range-input {
    width: 138px;
    height: 28px;
    padding: 6px 7px;
  }
}
@media (min-width: 768px) {
  input.form-control.date-range-input {

  }
  input.form-control.date-range-input {
    background-color: #F5F8FA;
    border: 0;
  }
}
.field-visit-date .input-group.date {
  width: 100%;
}
.field-visit-date input.krajee-datepicker {
  border: none;
  font-weight: bold;
  font-size: 11px;
  height: 32px;
  background-color: #F5F8FA;
}
@media (max-width: 1439px) {
  .field-visit-date input.krajee-datepicker {
    height: 28px;
  }
}
.field-visit-date span.input-group-addon.kv-date-remove {
  position: absolute;
  right: 0;
  z-index: 2;
  width: 26px;
  height: 100%;
  border: none;
  background-color: #E0E7EB;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 8px 0;
}
@media (max-width: 1439px) {
  .field-visit-date span.input-group-addon.kv-date-remove {
    padding: 6px 0;
  }
}
.field-visit-date span.input-group-addon.kv-date-remove .glyphicon {
  font-size: 10px;
}
.field-visit-date span.input-group-addon.kv-date-picker {
  display: none;
}
.edit-form-container {
  padding: 35px 89px 25px 35px;
  background: #fff;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
  max-width: 600px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .edit-form-container {
    padding: 15px 69px 15px 15px;
  }
}
@media (max-width: 767px) {
  .edit-form-container {
    padding: 15px;
  }
}
.edit-form-container input[type="text"] {
  height: 24px;
}
.edit-form-container .input-group-addon {
  padding: 0 10px !important;
}
.edit-form-container .action-buttons {
  margin-top: 10px;
}
.has-success select.form-control,
.has-success select.form-control:focus {
  border-color: transparent;
}
/* Circular progressbar
-----------------------------------------------------------------------------*/
.circular-progress-container {
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  padding: 0 24px;
}
@media (max-width: 768px) {
  .circular-progress-container {
    padding: 0 20px;
    margin: 0 -15px;
  }
}
.circular-progress-container--arrow-active {
  padding: 0 24px;
}
.circular-progress-container .left-arrow, .circular-progress-container .right-arrow {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 33px;
  color: #ccc;
  display: none;
}
.circular-progress-container .left-arrow {
  left: 3px;
}
.circular-progress-container .right-arrow {
  right: 3px;
}
.circular-progress-container--arrow-active .left-arrow, .circular-progress-container--arrow-active .right-arrow {
  display: block;
}
.circular-progress-list {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: left;
  flex: 1;
}
.circular-progress {
  display: inline-block;
  margin-right: 15px;
  white-space: normal;
}
.circular-progress .name {
  width: 150px;
  text-align: center;
  line-height: 14px;
  overflow-wrap: break-word;
  hyphens: auto;
  white-space: normal;
}
.circular-progress-list a:last-child .circular-progress {
  margin-right: 0 !important;
}
@media (max-width: 950px) {
  .circular-progress {
    margin-right: 10px;
  }
  .circular-progress .name {
    width: 100px;
  }
}
.diagram {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
}
.diagram .piece {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
}
.diagram .piece::before {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
}
.diagram .text {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diagram.progress {
  margin-bottom: 10px;
}
.diagram.diagram-danger {
  background: #d9534f;
}
.diagram.diagram-warning {
  background: #f0ad4e;
}
.diagram.diagram-success {
  background: #5cb85c;
}
.diagram::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
  opacity: 1;
}
.diagram .text b {
  font-size: 24px;
}
.diagram .text span {
  font-size: 16px;
  display: block;
}
.diagram .piece.left {
  transform: rotate(0deg);
  z-index: 2;
  border-radius: 50%;
  /* only FireFox < 75.0v (fix bug)*/
}
.diagram.over_50 .piece.left {
  transform: rotate(180deg);
}
.diagram .piece.right {
  transform: rotate(180deg);
  z-index: 1;
  border-radius: 50%;
  /* only FireFox < 75.0v (fix bug)*/
}
.diagram.over_50 .piece.right {
  transform: rotate(360deg);
}
.diagram .left::before {
  background: #f5f5f5;
}
.diagram.over_50 .left::before {
  background: #ffe680;
}
.diagram.over_50.diagram-danger .left::before {
  background: #d9534f;
}
.diagram.over_50.diagram-warning .left::before {
  background: #f0ad4e;
}
.diagram.over_50.diagram-success .left::before {
  background: #5cb85c;
}
.diagram.over_50.diagram-danger {
  background: #d9534f;
}
.diagram.over_50.diagram-warning {
  background: #f0ad4e;
}
.diagram.over_50.diagram-success {
  background: #5cb85c;
}
.diagram .right::before {
  background: #f5f5f5;
}
@media (max-width: 950px) {
  .diagram {
    width: 100px;
    height: 100px;
  }
  .diagram::before {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }
  .diagram .text b {
    font-size: 18px;
  }
}
#template-form {
  margin-bottom: 78px;
}
@media (max-width: 767px) {
  #template-form .admin-content {
    padding: 0 30px 60px 30px;
  }
  #template-form {
    margin-bottom: 0;
  }
}
#template-form .panel-body {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
}
#template-form .block-action .block-delete {
  margin-left: 4px;
}
#template-form .ui.form .required.field > label:after {
  position: absolute;
  top: 35px;
  right: 5px;
  font-weight: 600;
  font-size: 24px;
}
#template-name {
  height: 39px;
  border-radius: 4px;
}
#template-form .template-photo-item {
  margin-bottom: 5px;
  margin-left: 9px;
  display: inline-block;
  width: 64px;
  height: 64px;
  background-color: #262073;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 25px 0;
  border: 1px solid #262073;
  border-radius: 4px;
}
#template-form .block-action .copy-block {
  font-size: 12px;
  color: #FF6D4A;
  line-height: 24px;
  text-decoration: underline;
}
#template-form .header-name {
  width: 246px;
  float: left;
  padding-left: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #template-form .header-name {
    margin-top: 15px;
  }
}
#template-form .header-center {
  float: left;
  padding-left: 37px;
  margin-bottom: 15px;
}
#template-form .header-center img {
  margin: -5px 5px 0 3px;
}
#template-form .header-center .ui.button:active,
#template-form .header-center .ui.button:focus {
  background-color: #FF6D4A;
}
#template-form .header-center .type-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 1439px) {
  #template-form .header-center .type-btn-wrapper button img {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #template-form .header-center .type-btn-wrapper {
    margin-left: -10px;
    gap: 0;
  }
  #template-form .header-center .type-btn-wrapper button.button.ui.labeled.icon {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 12px;
    height: 32px;
  }
  #template-form .header-center .type-btn-wrapper button i {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  #template-form .header-center {
    padding-left: 15px;
  }
}
#template-form .header-count-photo {
  float: right;
  padding-top: 25px;
  margin-bottom: 15px;
}
#template-form .header-count-photo div.ui.button {
  width: 120px;
  cursor: default;
  white-space: nowrap;
  font-size: 24px;
  margin-right: 15px;
  padding: 6px 6px 4px;
  background: #FF6D4A !important;
  color: #FFFFFF !important;
}
@media screen and (max-width: 1280px) {
  #template-form .block-item .block-name .block-name-edit {
    margin-left: 0;
  }
}
#template-form .block-item .block-name {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
#template-form .block-item .block-name .block-name-edit {
  flex: 1;
}
#template-form .block-item .block-title {
  margin-left: 1rem;
  cursor: pointer;
  text-decoration: underline;
}
#template-form .block-item .block-name .block-name-edit input {
  display: inline-block;
  margin: -8px 0 -2px 1rem;
  width: 50%;
}
@media (max-width: 1439px) {
  #template-form .block-item .block-name .block-name-edit input {
    margin: -5px 0 -5px 1rem;
  }
}
#template-form .block-item .block-name .block-name-edit textarea {
  width: calc(100% - 30px);
  padding: 5px;
  height: 60px;
  display: inline-block;
}
.block-field-list {
  padding: 0 15px;
}
.block-field-item,
.block-field-item__no-border {
  position: relative;
  margin-bottom: 15px;
}
.block-field-item {
  padding: 15px 30px 15px 15px;
  border: 1px solid #ddd;
  background-color: #eee;
  border-radius: 4px;
}
.block-field-item__delete {
  position: absolute;
  top: 9px;
  right: 8px;
  z-index: 1;
}
#template-form input:not(:last-child),
#template-form textarea:not(:last-child) {
  margin-bottom: 8px;
}
#template-form .header-center .ui.icon.button:active i,
#template-form .header-center .ui.icon.button:focus i {
  background-color: #ef9580 !important;
  color: #fff !important;
}
@media (max-width: 1439px) {
  #template-form .header-count-photo div.ui.button {
    font-size: 18px;
    padding: 3px 0 0 0;
  }
  #template-form .header-count-photo div.ui.button img {
    vertical-align: bottom !important;
    width: 30px !important;
  }
}
#template-form .block-action {
  position: absolute;
  top: 0;
  right: -10px;
}
#template-form .block-action.checkbox-none {
  top: 0;
}
#template-form .block-action .copy-block {
  font-size: 0 !important;
}
#template-form .template-photo-item {
  margin-top: 8px;
}
@media (max-width: 1280px) {
  #template-form .header-center {
    padding-left: 15px;
  }
}
#template-form .content-plashka {
  position: fixed;
  background: #fff;
  padding: 1rem;
  height: auto;
  left: 90px;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 768px) and (max-width: 1439px) {
  #template-form .content-plashka {
    left: 80px;
  }
  #template-form #template-name.template-name-input {
    line-height: 26px;
    height: 26px;
  }
}
.checklist-score-factor {
  position: relative;
}
.checklist-score-factor > input {
  margin-bottom: 20px !important;
}
.field-checklist-error {
  border-color: #FF6D4A !important;
}
.checklist-error {
  color: #FF6D4A;
}
@media (max-width: 767px) {
  .panel.block-item {
    margin-left: -10px;
    margin-right: -10px;
  }
  .panel.block-item .block-name-edit img {
    width: 18px;
    height: 18px;
  }
  .panel.block-item .block-title {
    font-weight: 500;
    margin-left: 5px !important;
  }
  .block-check-required-field {
    margin-top: 10px !important;
  }
  .block-photo-type {
    padding: 0 15px;
  }
  .block-check-required-field {
    margin-bottom: 10px;
  }
  .panel.block-item .block-action {
    position: absolute;
    right: -11px;
    top: -50px;
  }
  .panel.block-item .block-action.checkbox-none {
    top: -25px;
  }
  .panel.block-item .copy-block img {
    margin-left: initial !important;
  }
  .block-item-mobile {
    margin: 10px 15px;
  }
  .block-item-mobile__title {
    font-weight: 500;
    color: #323C47;
    display: inline-block;
    vertical-align: middle;
  }
  .block-item-mobile__btn {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    background-color: #262073;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin: 0 5px;
    vertical-align: middle;
  }
  .block-item-mobile__btn.size-18 {
    width: 18px;
    height: 18px;
  }
  .block-item-mobile__indicator {
    color: #323C47;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
  }
  .item_title-mobile.item_title-mobile-addon {
    padding-left: 30px !important;
    position: relative;
  }
  .item_title-mobile-addon-label::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 24px;
    height: 18px;
    background-color: #DEDEDF;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .item_title-mobile-addon-label::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 1px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjMiIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSI4Ij4NCiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY4ODkzIDExLjYxMzZDNy4xMjM1MSAxMi4xMjg4IDYuMjA4MTQgMTIuMTI4OCA1LjY0NDE2IDExLjYxMzZMMy40MjI5OCA5LjU5MTA0QzIuODU5MDEgOS4wNzU4NSAyLjg1OTAxIDguMjQxNzkgMy40MjI5OCA3LjcyNjU5QzMuOTg4NCA3LjIxMjcyIDQuOTAzNzcgNy4yMTI3MiA1LjQ2Nzc0IDcuNzI2NTlMNi42NjY1NSA4LjgxODkxTDExLjUzMTIgNC4zODY0QzEyLjA5NTEgMy44NzEyIDEzLjAxMDUgMy44NzEyIDEzLjU3NTkgNC4zODY0QzE0LjE0MTQgNC45MDAyNyAxNC4xNDE0IDUuNzM0MzMgMTMuNTc1OSA2LjI0OTUzTDcuNjg4OTMgMTEuNjEzNloiIGZpbGw9IndoaXRlIi8+DQogICAgPC9tYXNrPg0KICAgIDxnIG1hc2s9InVybCgjbWFzazApIj4NCiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjN0Q3RDdEIi8+DQogICAgPC9nPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
  }
  .item_text_group-mobile {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -3px !important;
  }
  .info-block {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 5px;
    margin-top: 3px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC40OTQ5IDExLjU5MTFDOC4wNzA2OSAxMS41OTExIDcuNzI3MjMgMTEuOTQyMyA3LjcyNzIzIDEyLjM2MzhDNy43MjcyMyAxMi43NzUyIDguMDYwNTcgMTMuMTM2NSA4LjQ5NDkgMTMuMTM2NUM4LjkyOTI0IDEzLjEzNjUgOS4yNzI2OSAxMi43NzUzIDkuMjcyNjkgMTIuMzYzOEM5LjI3MjY5IDExLjk0MjMgOC45MTkxOCAxMS41OTExIDguNDk0OSAxMS41OTExWiIgZmlsbD0iIzk3OTc5NyIvPg0KICAgIDxwYXRoIGQ9Ik04LjQwOTUzIDQuNjM2NDdDNi44ODI5MiA0LjYzNjQ3IDYuMTgxODIgNS41OTg2IDYuMTgxODIgNi4yNDgwNUM2LjE4MTgyIDYuNzE3MTMgNi41NTQ5NyA2LjkzMzYgNi44NjAzMSA2LjkzMzZDNy40NzA5MiA2LjkzMzYgNy4yMjIxNiA2LjAwNzUzIDguMzc1NTkgNi4wMDc1M0M4Ljk0MTAyIDYuMDA3NTMgOS4zOTMzNSA2LjI3MjE0IDkuMzkzMzUgNi44MjUzNkM5LjM5MzM1IDcuNDc0ODUgOC43NjAwOSA3Ljg0NzY2IDguMzg2OTEgOC4xODQ0MUM4LjA1ODk5IDguNDg1MDggNy42MjkyNyA4Ljk3ODIgNy42MjkyNyAxMC4wMTI1QzcuNjI5MjcgMTAuNjM3OSA3Ljc4NzU1IDEwLjgxODMgOC4yNTEyMSAxMC44MTgzQzguODA1MzEgMTAuODE4MyA4LjkxODM3IDEwLjU1MzcgOC45MTgzNyAxMC4zMjUyQzguOTE4MzcgOS42OTk4IDguOTI5NzMgOS4zMzkgOS41NTE2NyA4LjgyMTg2QzkuODU2OTcgOC41NjkzIDEwLjgxODIgNy43NTE0NyAxMC44MTgyIDYuNjIwOTNDMTAuODE4MiA1LjQ5MDQgOS44NTY5NyA0LjYzNjQ3IDguNDA5NTMgNC42MzY0N1oiIGZpbGw9IiM5Nzk3OTciLz4NCiAgICA8cGF0aCBkPSJNOC41IDBDMy44MDIyOSAwIDAgMy44MDE2NiAwIDguNVYxNi4zMzU5QzAgMTYuNzAyNyAwLjI5NzMwMSAxNyAwLjY2NDA2MiAxN0g4LjVDMTMuMTk3NyAxNyAxNyAxMy4xOTgzIDE3IDguNUMxNyAzLjgwMjI5IDEzLjE5ODMgMCA4LjUgMFpNOC41IDE1LjY3MTlIMS4zMjgxMlY4LjVDMS4zMjgxMiA0LjUzNjMxIDQuNTM1NzggMS4zMjgxMiA4LjUgMS4zMjgxMkMxMi40NjM3IDEuMzI4MTIgMTUuNjcxOSA0LjUzNTc4IDE1LjY3MTkgOC41QzE1LjY3MTkgMTIuNDYzNyAxMi40NjQyIDE1LjY3MTkgOC41IDE1LjY3MTlaIiBmaWxsPSIjOTc5Nzk3Ii8+DQo8L3N2Zz4NCg==");
  }
  .constructor-mobile-save-btn {
    float: left;
  }
  .constructor-mobile-cancel-btn {
    margin-left: 20px !important;
    background-color: transparent !important;
    border: none !important;
    color: #FF6D4A !important;
    text-decoration: underline !important;
  }
}
.add-element,
.drop-element {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 28px;
  border-radius: 36px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-element {
}
.drop-element {
}
.add-element .glyphicon-plus, .drop-element .glyphicon-minus {
  width: 26px;
  height: 29px;
  position: unset;
}
.drop-element .glyphicon-minus {
  color: #262073;
  margin-right: 4px;
}
.data-grid {
  display: flex;
  flex-direction: column;
}
.data-grid#places-list,
.data-grid#visits-list,
.data-grid#reports-list,
.data-grid#templates-list {
  height: calc(100vh - 312px);
}
.data-grid#contacts-list {
  height: calc(100vh - 326px);
}
.data-grid#users-list {
  height: calc(100vh - 268px);
}
.data-grid#route-places-list {
  height: calc(100vh - 326px);
}
@media (min-width: 768px) and (max-width: 1439px) {
  .data-grid#places-list,
  .data-grid#visits-list,
  .data-grid#reports-list,
  .data-grid#templates-list {
    height: calc(100vh - 183px);
  }
  .data-grid#contacts-list {
    height: calc(100vh - 198px);
  }
  .data-grid#users-list {
    height: calc(100vh - 143px);
  }
  .data-grid#route-places-list {
    height: calc(100vh - 198px);
  }
}
@media (max-width: 767px) {
  .data-grid,
  .data-grid#places-list {
    height: initial !important;
    max-height: initial !important;
    margin-bottom: 36px !important;
  }
}
.wrapper-grid,
.list-view .tasks-content {
  overflow-x: auto;
  overflow-y: auto;
  background-color: #fff;
}
.wrapper-grid.analytics-right-table {
  max-height: 400px;
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
  .wrapper-grid.long-paginate {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .wrapper-grid.long-paginate-addon {
    margin-bottom: 87px !important;
  }
}
.analytics-widget .grid-view td,
.analytics-right-table .grid-view td,
.analytics-widget .grid-view th,
.analytics-right-table .grid-view th {
  white-space: normal;
}
table.report-numbers,
table.report-comments,
table.report-checkers {
  max-width: 80%;
  border: 0;
}
table.report-numbers td,
table.report-comments td,
table.report-checkers td {
  vertical-align: top;
  text-align: left;
  padding: 10px 5px 10px 5px;
}
table.report-numbers td.value,
table.report-comments td.value,
table.report-checkers td.value {
  padding-left: 15px;
}
table.report-numbers tr:not(:last-of-type) td:not(:first-of-type),
table.report-comments tr:not(:last-of-type) td:not(:first-of-type),
table.report-checkers tr:not(:last-of-type) td:not(:first-of-type) {
  border-bottom: 1px solid silver;
}
.report-score-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .report-score-header {
    display: block;
  }
}
html,
body,
td,
textarea,
select,
input {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
}
table th {
  font-weight: normal;
  font-size: 11px;
}
/* Left Sidebar
-----------------------------------------------------------------------------*/
.yandex-map-hint {
  display: inline-block;
  padding: 5px;
  /*height: 35px;*/
  position: relative;
  left: -15px;
  /*width: 195px;*/
  font-size: 11px;
  /*line-height: 17px;*/
  /*color: #333333;*/
  /*text-align: center;*/
  /*vertical-align: middle;*/
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid silver;
  border-radius: 2px;
  white-space: nowrap;
}
.route-username {
  padding-bottom: 10px;
}
.route-username span {
  display: inline-block;
  background: #E4E8EA;
  border-radius: 5px;
  padding: 6px 15px;
  font-size: 1.1em;
  cursor: pointer;
}
.route-distance {
  line-height: 24px;
}
.route-distance span {
  display: inline-block;
  border: 1px solid #FF6D4A;
  border-radius: 5px;
  padding: 2px 10px;
  margin-right: 10px;
}
table.route-table {
  margin-top: 15px;
  border: 0;
  width: 100%;
}
table.route-table td {
  text-align: left;
  vertical-align: top;
}
td.route-point-index {
  width: 35px;
}
td.route-point-index span,
td.route-user-index span {
  display: inline-block;
  background: #FFB74D;
  color: white;
  font-size: 10px;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  border-radius: 300px;
  cursor: pointer;
}
td.route-user-index {
  width: 70px;
  padding-bottom: 15px;
}
td.route-user-index span {
  width: 50px;
  font-size: 12px;
}
td.route-point-index span.done {
  background-color: #66BB6A;
}
td.route-point-index span.todo {
  background-color: #EF5350;
}
td.route-point-time {
  width: 90px;
  background: url(/images/route_start_time.svg) no-repeat;
  padding-left: 22px;
  height: 16px;
  vertical-align: middle;
}
td.route-point-length {
  padding-left: 5px;
  font-size: 0.9em;
  line-height: 1.3em;
  color: gray;
}
td.route-point-name,
td.route-user-name {
  font-weight: bold;
}
td.route-user-name {
  padding: 3px 0;
}
td.route-point-address {
  color: gray;
  padding-bottom: 10px;
  font-size: 0.9em;
  line-height: 1.3em;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
  margin: -100px auto 0;
  min-width: 1000px;
  height: 82px;
  background: #F5F5F5;
  display: block;
  z-index: 90;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 90px;
}
/*.plashka {
    display: block;
    z-index: 100;
    position: fixed;
    bottom: 10px;
    right: 40px;
}

.plashka-left {
    display: block;
    z-index: 100;
    position: fixed;
    bottom: 10px;
    left: 100px;
}*/
/*
-----------------------------------------------------------------------------*/
.app-container .admin-content {
  padding: 16px;
  background: #fff;
  position: relative;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
  border-radius: 8px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .app-container__analytics .admin-content.page-widget-wrapper {
    padding: 10px !important;
  }
  .app-container__analytics .content-plashka {
    bottom: -45px;
  }
}

.app-container__report
@media (min-width: 768px) and (max-width: 1439px) {
  .admin-content {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .admin-content {
    background-color: transparent;
  }
  .app-container:not(.app-container__analytics) .admin-content{
    box-shadow: none;
    padding: 0;
    background: transparent;
    border-radius: unset;
  }
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.not-set {
  color: #c55;
  font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\e151";
}
a.desc:after {
  content: "\e152";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.grid-view th,
.page-view th {
  white-space: nowrap;
  font-size: 11px;
  font-weight: normal;
}
.grid-view .table > thead > tr > th {
  padding-top: 10px;
  padding-bottom: 10px;
}
.grid-view td,
.page-view td {
  font-size: 12px;
}
.page-view td {
  text-align: center;
}
.report-blocks .panel {
  margin-left: 45px;
  margin-right: 25px;
}
.report-blocks .panel-heading {
  font-size: 26px;
  font-weight: 600;
  color: #323C47;
  background-color: #F5F8FA;
  min-height: 50px;
}
.report-blocks .panel-body {
  font-size: 14px;
  color: #323C47;
  background-color: #F5F8FA;
}
.panel-body-task {
  padding: 10px;
  font-size: 11px;
  background-color: #F8F8F9;
  border: 1px solid #C9CACA;
  border-radius: 4px;
}
.panel-body-task table.panel-body-info {
  margin-bottom: 10px;
}
.panel-body-task table.panel-body-info th,
.panel-body-task table.panel-body-info td {
  font-size: 11px;
  padding-bottom: 9px;
}
.panel-body-task table.panel-body-info.__big th,
.panel-body-task table.panel-body-info.__big td {
  font-size: 12px;
}
.panel-body-task table.panel-body-info th {
  min-width: 70px;
  padding-right: 18px;
  font-weight: 600;
}
.panel-body-task .__flexline {
  width: 220px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.panel-body-task .__dates {
  color: #9A9A9A;
  font-weight: 400;
}
.panel-body-task .__dates .svg {
  margin-bottom: -2px;
  margin-right: 5px;
}
.panel-body-task .__color_expired,
.panel-body-task .__color_rejected {
  color: #EA212D;
}
.panel-body-task .__color_expired .__status,
.panel-body-task .__color_rejected .__status {
  background-image: url("/images/status-expired.svg");
}
.panel-body-task .__color_reported {
  color: #666666;
}
.panel-body-task .__color_reported .__status {
  background-image: url("/images/status-reported.svg");
}
.panel-body-task .__color_done {
  color: #28B73D;
}
.panel-body-task .__color_done .__status {
  background-image: url("/images/status-done.svg");
}
.panel-body-task .__color_in-progress {
  color: #FD6E50;
}
.panel-body-task .__color_in-progress .__status {
  background-image: url("/images/status-in-progress.svg");
}
.panel-body-task .__status {
  height: 30px;
  line-height: 31px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left center;
}
.panel-body-task .__deadline {
  padding: 8px;
  border-radius: 4px;
  background-color: #E9EFF4;
}
.report-blocks .panel-body .fa {
  color: #FF6D4A;
}
.report-blocks .panel-body pre {
  padding: 0;
  margin: 0;
  color: #323C47;
  background-color: #F5F8FA;
  font-size: 14px;
  border: none;
}
/*
.grid-view table {
    margin-left: 5px;
}
.grid-view tbody tr td:first-child {
    position: relative;
}
.grid-view tbody tr td:first-child::before {
    position: relative;
    display: inline-block;
    content: '';
    width: 4px;
    height: 43px;
    left: -15px;
    background: transparent;
 }
.grid-view tbody tr:hover td:first-child::before {
    background: #FF6D4A;
}*/
.grid-view thead tr th:first-child,
.grid-view tbody tr td:first-child {
  border-left: #ffffff solid 4px;
}
@media (max-width: 767px) {
  .grid-view tbody tr td:first-child {
    border-left: #ffffff solid 8px;
  }
}
.grid-view tbody tr:hover td:first-child {
  border-left: #FF6D4A solid 4px;
}
.grid-view tbody tr.selected {
  background: #F5F8FA;
}
.grid-view tbody tr.selected td:first-child {
  border-left: #FF6D4A solid 4px;
}
.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.input-group .help-block {
  display: hidden !important;
  margin: 0;
}
.sizes {
  margin-bottom: 4px;
}
span.color-block {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: sub;
  border: 1px #ccc solid;
}
.bg-success {
  background-color: #dff0d8 !important;
}
.btn {
  padding: 6px 26px;
}
.text-info,
.text-warning,
.text-danger,
.text-default,
.text-primary {
  padding: 0;
  margin: 0;
}
.bg-grey,
.bg-red,
.bg-info,
.bg-warning,
.bg-danger,
.bg-default,
.bg-success,
.bg-primary {
  padding: 10px;
}
.bg-grey {
  background-color: #efefef;
}
.author-comment {
  font-size: 12px;
  font-style: italic;
  color: #777;
}
.radiobox label > * {
  display: inline-block;
}
.radiobox label > input {
  margin-right: 10px;
}
table.table-bordered thead > tr > th {
  color: #337ab7;
}
.top-msg {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  left: 25%;
  position: absolute;
  z-index: 10;
  top: 8%;
}
.claim-form .panel {
  min-height: 450px;
}
.form-control {
  box-shadow: none !important;
}
.form-control.button.basic {
  border: 1px solid #CCC;
  color: #555 !important;
}
label[for="btn"] {
  color: transparent;
}
.row-claim {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px dashed #bbb;
}
.row-claim span {
  float: right;
}
.scan-passport {
  width: 100%;
  padding-top: 80%;
  background-size: cover;
}
.comment-attach {
  width: 100%;
  padding-top: 77%;
  background-size: cover;
}
.comment-attach-link {
  width: 32%;
  display: inline-block;
}
.doc-passport {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
}
.btn-del {
  position: absolute;
  top: 0;
  right: 15px;
  padding: 5px;
}
.tabel-cleaners {
  font-size: 11px;
}
.tabel-cleaners > thead > tr > th,
.tabel-cleaners > tbody > tr > th,
.tabel-cleaners > tfoot > tr > th,
.tabel-cleaners > thead > tr > td,
.tabel-cleaners > tbody > tr > td,
.tabel-cleaners > tfoot > tr > td {
  margin: 0;
  padding: 6px 2px;
  text-align: center;
}
.tabel-cleaners > thead > tr > th {
  background-color: #734002;
  color: white;
}
.tabel-cleaners > thead > tr > th.pm1400 {
  background-color: #502c00;
}
td.pm1400 {
  background-color: #e8e8e8;
}
td.pm1400.bg-primary {
  background-color: #2d6a9e;
}
.bg-red {
  background-color: #d40000;
  color: white;
}
td.pm1400.bg-red {
  background-color: #b10000;
}
.text-left-imp {
  text-align: left !important;
  border-right: 1px solid #e8e8e8;
}
.cell-td {
  width: 10px;
  height: 10px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.upd-file {
  padding-top: 100%;
  width: 100%;
  background-size: cover;
}
.btn-remove {
  position: absolute;
  top: 0;
  right: 15px;
  padding: 1px 5px;
  background-color: white;
  border: 1px solid #cecece;
}
.count-pics {
  padding: 5px 60px;
  border: 1px solid #ccc;
  font-size: 16px;
  display: inline-block;
}
.del-link {
  position: relative;
  float: right;
  top: 25px;
  right: 0;
}
.edit-link {
  position: relative;
  float: right;
  top: 25px;
  right: 30px;
}
.no-img {
  width: 10%;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
.img-25 {
  width: 25%;
  /*border: 1px solid #ccc;*/
  /*margin-bottom: 5px;*/
}
.item-place:not(:last-child) {
  margin-bottom: 10px;
}
.item-place p {
  margin: 0;
}
.item-place .item-counter {
  background: #FF6D4A;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-weight: bold;
  font-size: 9px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 15px;
}
.item-place b {
  line-height: 19px;
  display: inline-block;
  padding: 0 6px 0 2px;
}
.item-place .remove-item {
  cursor: pointer;
  color: #A2A2A2;
  font-size: 10px;
}
.item-place .remove-item i {
  cursor: pointer;
  color: #A2A2A2;
}
.item-place .address {
  margin-bottom: 6px;
}
.item-place-order {
  display: inline-block;
  color: white;
  background-color: #FF6D4A;
  font-size: 9px;
  font-weight: bold;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  line-height: 18px;
  text-align: center;
}
#sortable .ui-sortable-placeholder.panel.panel-info.block-item.ui-sortable-handle,
#sortable .block-item-highlight {
  height: 120px;
  background-color: lightyellow;
  border: 2px dashed khaki;
}
#sortable .panel-info.block-item {
  cursor: move;
  background-color: #F8F8F9;
  border-color: #C9CACA;
}
.ui.form {
  font-size: 1em;
}
.checkbox {
  margin: 0;
}
.ui.table td {
  padding: 8px;
}
.action-button {
  display: none;
}
#per-page {
  font-size: 11px;
}
.content-plashka {
  /* z-index: 100; */
  position: absolute;
  bottom: -54px;
  left: 0;
  right: 0;
  height: 36px;
  /*margin: 0 20px 0 20px;*/
  margin: 0;
  border-top: 1px solid #E7E9EA;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .content-plashka-index {
    bottom: -45px;
  }
}
.content-plashka .pagination {
  margin: 0 0 0 15px;
}
.content-plashka .pagination li.prev span,
.content-plashka .pagination li.next span,
.content-plashka .pagination li.prev a,
.content-plashka .pagination li.next a {
  background-repeat: no-repeat;
  background-position: center;
}
.content-plashka .pagination li.prev span,
.content-plashka .pagination li.prev a {
  background-image: url(/images/caret-left-filled.svg);
}
.content-plashka .pagination li.prev.disabled span,
.content-plashka .pagination li.prev.disabled a {
  background-image: url(/images/caret-left-filled-disabled.svg);
}
.content-plashka .pagination li.next span,
.content-plashka .pagination li.next a {
  background-image: url(/images/caret-right-filled.svg);
}
.content-plashka .pagination li.next.disabled span,
.content-plashka .pagination li.next.disabled a {
  background-image: url(/images/caret-right-filled-disabled.svg);
}
.content-plashka .pagination li a,
.content-plashka .pagination li span {
  line-height: 17px;
  height: 19px;
  padding: 0 12px;
  text-align: center;
}
.content-plashka select.ui.dropdown,
.grid-footer select.ui.dropdown {
  height: 19px;
  padding: 0 0.3rem;
}
.content-plashka .ui.labeled.icon.button {
  padding-left: 40px !important;
}
.content-plashka .plashka {
  float: right;
}
.content-plashka .plashka-left + .plashka {
  margin-top: 10px;
}
.content-plashka .count-plashka {
  float: left;
}
.item-per-page select {
  border-radius: 4px 4px 4px 4px;
}
.required-block {
  padding-top: 20px;
  display: block;
}
.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
th a {
  /*
  display: flex;
  align-items: flex-end;
  */
  text-align: center;
  text-transform: uppercase;
  color: #979CA1;
}
table.table-bordered thead > tr > th,
table.table thead > tr > th {
  text-transform: uppercase;
  color: #979CA1;
  text-align: center;
}
.table-responsive {
  overflow-x: visible !important;
}
table.table-fixed {
  border-collapse: collapse;
}
table.table-fixed th:first-child {
  padding: 10px 0 11px 12px !important;
}
table.table-fixed td:first-child, table.table-fixed th:first-child {
  width: 20px;
  padding-left: 12px !important;
  padding-right: 0 !important;
}
.field-auditor-geo {
  /*margin-top: 21px !important;*/
}
@media (max-width: 1200px) {
  .field-auditor-geo {
    margin-top: 0 !important;
  }
}
.schedule-time-tracking-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.field-schedule-time-tracking {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.time-small {
  width: 4rem !important;
}
#templates-list table.table thead > tr > th {
  text-align: left;
}
.ui.form .field > label {
  position: relative;
}
.form-group.field-signupform-phone.has-success > label, .form-group.field-user-phone.has-success > label {
  color: rgba(0, 0, 0, 0.87);
}
.js-auditor-field-tracking, .js-auditor-field-create {
  margin-bottom: 0 !important;
}
.tracking-time-error {
  color: #ffa500;
  margin: 5px 0 10px 0;
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 25px;
  right: -15px;
  font-weight: 600;
  font-size: 24px;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: orange;
}
.pagination {
  font-size: 11px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #FF6D4A;
  border-color: #FF6D4A;
}
.breadcrumb a {
  color: #A3A3A3;
  font-size: 14px;
  font-weight: bold;
}
.breadcrumb::before {
  content: '< ';
  color: #A3A3A3;
  font-size: 14px;
  font-weight: bold;
}
#items-place-selected:empty {
  margin: 0 0 22px;
}
#items-place-selected:not(:empty) {
  border: 1px solid #E9EFF4;
  border-radius: 4px;
  padding: 12px;
  margin: 6px 0 42px;
}
.filter-form {
  /*margin: 0 0 0 7px;*/
}
.panel-default.white {
  background-color: #fff;
  border: none;
  margin: 0;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.03);
}
.panel-default.white > .panel-heading {
  color: #333333;
  background-color: #fff;
  border: none;
  padding: 0 0 5px 0;
}
.panel-title {
  font-size: 14px;
  font-weight: normal;
}
.panel-default.white .panel-body .form-group select {
  border-radius: 4px;
}
.panel-default.white .panel-body .form-group input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.visit-create-index .panel {
  height: calc(100vh - 250px);
  overflow-y: auto;
  padding: 25px;
  box-shadow: 0px 8px 24px rgb(0 0 0 / 10%);
  border-radius: 8px;
}
.tracking-index .panel {
  /*height: calc(100vh - 190px);*/
  overflow-y: auto;
}
#make-visit {
  position: relative;
}
.visit-create-index .panel [type="submit"] {
  width: 100%;
}
.visit-create-index .panel .pnl-footer {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  padding: 10px 10px 20px 10px;
  background: #fff;
}
#preview_table_body td {
  overflow: auto;
}
.block-question {
  position: absolute;
  right: 15px;
  bottom: 30px;
}
.action-button .glyphicon {
  font-size: 16px;
  color: grey;
  padding-top: 5px;
  /*margin-right: 5px;*/
  text-align: left;
}
.action-button .glyphicon:hover {
  color: #FF6D4A;
}
.hovered-edit {
  display: inline-block;
  width: 0;
  height: 0;
  padding: 11px;
  background-repeat: no-repeat;
  background-image: url("/images/edit.svg") !important;
}
.hovered-edit:hover {
  width: 0;
  height: 0;
  padding-left: 11px;
  padding-top: 9px;
  background-image: url("/images/edit-hover.svg") !important;
}
.hovered-delete {
  display: inline-block;
  width: 0;
  height: 0;
  padding: 10px;
  background-repeat: no-repeat;
  background-image: url("/images/delete.svg") !important;
}
.hovered-delete:hover {
  width: 0;
  height: 0;
  padding-left: 10px;
  padding-top: 10px;
  background-image: url("/images/delete-hover.svg") !important;
}
.grid-view td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.grid-view tr.expand td {
  text-overflow: unset;
  white-space: pre-wrap;
  overflow: visible;
  word-wrap: break-word;
}
.grid-view tbody tr:hover td .action-button {
  display: inline-block;
}
.grid-view tbody tr {
  min-height: 48px;
  height: 48px;
}
.grid-view .small tbody tr {
  min-height: 24px;
  height: 24px;
}
.grid-view tbody tr td {
  vertical-align: middle;
}
body ::-webkit-scrollbar-track {
  border-radius: 5px;
}
.user-form input,
.place-form input,
.contact-form input {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
}
input[type=checkbox] {
  display: none;
}
#filterForm input[type=checkbox] {
  display: inline-block;
}
.checkbox.icheck input[type=checkbox] {
  display: inline-block;
  margin-top: 0;
}
input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  border: 1px solid #979797;
  margin: 0 5px 0 0;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  height: 15px;
}
input[type=checkbox] + label {
  margin-bottom: 0;
  font-weight: normal;
}
input[type=checkbox]:checked + label:before {
  background-image: url("/images/checkbox-check.svg");
  background-color: #f8f5f5;
  background-position-x: -1px;
  background-position-y: 15px;
}
.datepicker table tr td.disabled {
  text-decoration: line-through;
}
.input-group-addon__button {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
/*block-dropdown********************************/
.block-dropdown .block-dropdown__title-container {
  display: none;
}
.is-tablet {
  display: none;
}
.mobile-filters-modal {
  display: none;
  z-index: 2000;
}
.mobile-filter-items-modal {
  display: none;
  z-index: 2000;
}
.contacts-place-btn-mobile {
  display: none !important;
}
/***************************************************MOBILE MEDIA*******************************************************/
@media (max-width: 767px) {
  .grid-view tbody tr:hover td:first-child {
    border-left: #FF6D4A solid 8px;
  }
  /*CONTENT**********************************************************************************************************/
  .admin-content {
    padding: 0;
  }
  .edit-licenses-btn {
    display: none;
  }
  .action-button {
    display: block;
  }
  .content-plashka {
    background-color: #FAFBFC;
    box-shadow: 0 0 10px #00000057;
    bottom: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
  }
  .content-plashka .plashka, .content-plashka .count-plashka {
    float: none !important;
  }
  .table-responsive {
    margin-bottom: 0 !important;
  }
  /*breadcrumb***************************************************/
  .breadcrumb {
    margin: -19px 0 5px 0 !important;
  }
  .breadcrumb li a {
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
  }
  /*add user page************************************************************************************/
  .user-form .field {
    width: calc(100% - 20px);
  }
  .user-form .form-control {
    height: 22px;
  }
  .user-form .input-group-addon__button {
    padding: 2px 10px !important;
  }
  .user-form .field.required label::after {
    top: 0 !important;
  }
  .user-form .input-group .location-inp-mobile {
    height: 30px !important;
  }
  /*place index*******************************************************************************************/
  .contacts-place-btn {
    display: none !important;
  }
  .add-place-btn,
  .contacts-place-btn-mobile {
    width: 140px !important;
    display: inline-block !important;
  }
  .search-place-input {
    height: 32px;
    border: none;
    width: 100%;
    margin-top: 10px;
  }
  .search-place-input input[type="text"] {
    border: none;
  }
  .search-place-input i.search {
    box-shadow: none;
    -webkit-box-shadow: none;
    top: 0.2em !important;
  }
  /*add place page************************************************************************************/
  .place-form .field {
    width: calc(100% - 40px);
  }
  .place-form .form-control {
    height: 22px;
  }
  .place-form .input-group-addon__button {
    padding: 2px 10px !important;
  }
  .place-form .field.required label::after {
    top: 0 !important;
  }
  .button-basic {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
  }
  .location-inp-mobile {
    height: 30px !important;
  }
  /*visit page*****************************************************************************************************/
  .visit-filter-hidden {
    display: none;
  }
  .ui.labeled.icon.button.add-new-visit-btn {
    width: 174px !important;
    display: inline-block !important;
    padding: 8px 0 !important;
    font-size: 12px;
    vertical-align: top;
  }
  .filter-date-input-mobile {
    display: inline-block !important;
    width: calc(100% - 181px);
  }
  .filter-date-input-mobile #date_range_mobile {
    height: 32px;
  }
  .dialog-filters-btn {
    display: inline-block !important;
    width: 130px;
    vertical-align: top;
  }
  .dialog-filters-btn.blue-button {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }
  .dialog-filters-btn i {
    font-style: normal;
  }
  /*mobile-filters-modal*********************************************************************************************/
  .mobile-filters-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: #F4F4F4;
  }
  .modal-filter__header {
    background-color: #262073;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
  }
  .mobile-filters-modal.open {
    display: block !important;
  }
  .modal-filter__logotype {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjU0OTggMTEuMTk4MkMyMy41NDk4IDEyLjE2MTcgMjQuMjI2NSAxMi4zNzkyIDI0LjY1NzMgMTIuMjM2QzI0Ljk2NjcgMTIuMTMzIDI1LjU0NiAxMS41MTQ3IDI1LjkyNzcgMTEuMjkxOUMyNi4yNjQ5IDExLjg0NzEgMjYuNzAzMiAxMi42OTY2IDI3LjM3MTQgMTIuNjk2NkMyNy43MDQ4IDEyLjY5NjYgMjguNzM3NCAxMi4xNDMyIDI3Ljg4MjQgMTAuOTE1N0MyNy43MDgzIDEwLjY2NTYgMjcuNTQxOSAxMC40MTk0IDI3LjM3MTQgMTAuMTY4MkMyNi4yNzA5IDguNTQ2NDMgMjYuMjIwNyA4LjU0NzA0IDI0LjU4MDYgOS45MDAxNUMyNC4xMSAxMC4yODg0IDIzLjU0OTggMTAuNjUxMSAyMy41NDk4IDExLjE5ODJaTTI0LjIyOTIgMTUuNDEyMkMyNC4yMjkyIDE2LjA2MDkgMjUuMTQxMSAxNi42OTUyIDI1LjczNTcgMTYuMDQzOEMyNS45NzUyIDE1Ljc4MTYgMjYuMzUyMiAxNC4zNjQ4IDI2LjM1MjIgMTMuODIwM0MyNi4zNTIyIDEzLjEyMTcgMjUuMDM0IDExLjk3NDYgMjQuNDgzNSAxNC4xOTQ2QzI0LjM5NTMgMTQuNTUwMyAyNC4yMjkyIDE0Ljk5MzMgMjQuMjI5MiAxNS40MTIyWk0xLjA0NDMyIDIwLjM3NTdDMS45OTIzOSAyMC4zNzU3IDEuOTY4NzggMTkuNzQxNiAyLjE5Nzk0IDE4LjY1MDNDMi4zNTc2NSAxNy44ODk4IDIuMzM0NDUgMTcuMDA0MyAxLjM4NDAxIDE3LjAwNDNDMC4zNDUyNTQgMTcuMDA0MyAwLjE3NTc2MiAxOS40MzkyIDAuMzA0ODcyIDE5Ljc3ODZDMC40Mjc4MzUgMjAuMTAyOCAwLjY2NDY3NyAyMC4zNzU3IDEuMDQ0MzIgMjAuMzc1N1pNMjEuMDg2OSAxOS4zNDU0QzIxLjA4NjkgMjEuMTAyMyAyMy4xOTY3IDIwLjI0MSAyMy45MTU5IDE5LjY1NTVMMjQuODA1MSAxOC42Njk0QzI1LjIzNTYgMTguMDExNSAyNC45Mzg0IDE3LjA4OTEgMjQuMTMxNCAxNy4wNTcyQzIzLjIzMTYgMTcuMDIxNiAyMy40NjkyIDE4LjE1MjUgMjIuMDIwMyAxOC40MDgxQzIxLjUxOSAxOC40OTY2IDIxLjA4NjkgMTguNzI2IDIxLjA4NjkgMTkuMzQ1NFpNNC4xODY1NyA0LjY0MzA1QzQuMTg2NTcgNS4wNjYzIDQuNTczMzUgNS41MjAwNSA0LjkyNzcgNS42MTA5NkM1LjQ5MDk1IDUuNzU1NjQgNS4yNzQzNyA1LjI5ODY0IDYuNjQ5NDYgNS4yOTg2NEM3LjEzMzIgNS4yOTg2NCA2LjkzNTA2IDUuNTc5NTMgNy42Njg1MSA1LjU3OTUzQzguMjgyMiA1LjU3OTUzIDguNzAxOTUgNC43MjQ4NiA4LjM2NTM0IDQuMTYwMzJDNy41NDM1OSAyLjc4MjI2IDQuMTg2NTcgMy4yMDM4MiA0LjE4NjU3IDQuNjQzMDVaTTEzLjQ0MzUgMTMuOTE0QzEyLjk5NjEgMTMuOTE0IDEyLjY3MjQgMTQuMzY4NCAxMi41NjAzIDE0LjgxM0MxMi40MzA4IDE1LjMyNzIgMTIuMzc5NiAxNS45MTI1IDEyLjI3NSAxNi4zNzEyQzEyLjE2MjQgMTYuODY0NCAxMS44MTg4IDE3LjI4MTcgMTEuODU5NiAxNy43MjI5QzExLjkzMjkgMTguNTE0IDEzLjM5MjEgMTkuODk3NyAxNC4wODc0IDE2LjQwMzNDMTQuMTQ5NyAxNi4wOTAyIDE0LjM3MDggMTUuMDQ3MiAxNC4zNTc1IDE0Ljg2NzRDMTQuMzE1IDE0LjI5MzUgMTMuODU3MyAxMy45MTQgMTMuNDQzNSAxMy45MTRaTTIuMTQ4MzMgOS43QzIuMTQ4MzMgMTAuNDIxNCAzLjA5NDE2IDExLjEyMjMgMy43NDE1MyAxMC4xNDU2QzMuODk4NTkgOS45MDg2MiA0LjQ0MTMgNy4xNzA2OCA0LjQ0MTMgNi43OTY4OUM0LjQ0MTMgNi4zMjA5NCA0LjA1MjQzIDUuODYwNTYgMy41MDcwNyA1Ljg2MDU2QzIuNzU1ODggNS44NjA1NiAyLjY3MTM0IDYuNjY2ODUgMi41MjEyNyA3LjM5NTMyQzIuMzg1MTcgOC4wNTUyMyAyLjE0ODMzIDguOTk3NTcgMi4xNDgzMyA5LjdaTTEuMDQ0MzIgMTUuMjI1QzEuMDQ0MzIgMTUuNzAxIDEuNDMzMzMgMTYuMTYxNSAxLjk3ODQyIDE2LjE2MTVDMi43MzY3MyAxNi4xNjE1IDIuODMwNjMgMTUuMzYyMyAyLjk2MjQgMTQuNjI0M0MzLjA5MjIxIDEzLjg5NjcgMy4zMzcyOSAxMy4wNTcyIDMuMzM3MjkgMTIuMzIxOUMzLjMzNzI5IDExLjMxNDkgMS45Mjg1NCAxMC45OTM4IDEuNjA0NzggMTIuMTkxQzEuNDg1NDUgMTIuNjMyOSAxLjM5MTgzIDEzLjI1ODEgMS4zMjAyOSAxMy42NTY0QzEuMjQxNjIgMTQuMDk0MSAxLjA0NDMyIDE0Ljg0ODIgMS4wNDQzMiAxNS4yMjVaTTcuNTgzNjkgMTguNDA5QzcuNTgzNjkgMTkuMzU0MyA4Ljg5ODU1IDIwLjM3NTcgOS43OTE3IDIwLjM3NTdDMTAuNzEzNCAyMC4zNzU3IDExLjY2MDIgMjAuNTM2OCAxMS42NjAyIDE5LjI1MThDMTEuNjYwMiAxOC44ODY0IDExLjQzNzYgMTguNTc3NCAxMS4xODEzIDE4LjQ2ODhDMTAuNDA4MSAxOC4xNDA4IDkuOTM0MjMgMTguODQ0NSA5LjI1NTcgMTcuOTY5OUM4LjM1NTU2IDE2LjgxMDIgNy41ODM2OSAxNy45ODkyIDcuNTgzNjkgMTguNDA5Wk0xOS40NzMzIDYuODkwNTdDMTkuNDczMyA3Ljc0MDYxIDIwLjg3MyA4LjEyOTk2IDIxLjIwMjggNy4wMTgzTDIxLjQxMjYgMy43MjY0NEMyMS4yNzc4IDIuODIyOTQgMjAuMjM3MSAyLjU4MDg4IDE5Ljc5NTggMy4zMTMwNkMxOS42NzU2IDMuNTEyNTkgMTkuNTkzOSA0LjExMDI1IDE5LjU2OTUgNC4zNzQ0OUMxOS40OTQxIDUuMTkwMDIgMTkuNDczMyA2LjA1NTAxIDE5LjQ3MzMgNi44OTA1N1pNMTcuMDEwNCAyLjQ4OTIxQzE3Ljg2MSAyLjQ4OTIxIDE3LjI4ODYgMi4xMTQ2NSAxOC43MDkgMi4xMTQ2NUMxOS4wNDY2IDIuMTE0NjUgMTkuNjM5NiAyLjcyODE4IDIwLjIxNjggMi4wOTE2OUMyMC44OTc5IDEuMzQwNzIgMjAuMjIyNCAwLjE0ODAxIDE4Ljc5NCAwLjE0ODAxSDE4Ljc1NzFDMTcuOTc3NSAwLjE0OTg1OSAxNi44MjMzIDAuMjExNDkgMTYuMzc0IDAuOTQ3MDUyQzE1Ljg4MjcgMS43NTExOCAxNi41NTYyIDIuNDg5MjEgMTcuMDEwNCAyLjQ4OTIxWk0xOS4xMzM1IDEyLjYwM0MxOS4xMzM1IDEzLjI2MzIgMjAuMjggMTMuODczOCAyMC43OTUgMTIuODQzQzIwLjkxNDIgMTIuNjA0NyAyMS4wNjI5IDEwLjIxNDIgMjEuMDg3NSA5Ljc4MzJDMjEuMTYxOCA4LjQ3Njk0IDE5LjM3NzIgNy43MjEwNCAxOS4yMjI1IDEwLjA3ODlDMTkuMTY0NCAxMC45NjQ1IDE5LjEzMzUgMTEuNjkxOSAxOS4xMzM1IDEyLjYwM1pNMTMuMTAzOSAxMi4xMzQ3QzEzLjEwMzkgMTMuMjU5OSAxNC41MDM4IDEzLjQ5MDMgMTQuODI5NyAxMi40NDU4QzE0Ljk3NTQgMTEuOTc5IDE1LjM5NjggOS43Mzc3NSAxNS4zOTY4IDkuMjMxNzZDMTUuMzk2OCA4LjYzMjU2IDE0Ljk4MiA4LjM4ODk2IDE0LjQ2MjcgOC4zODg5NkMxMy43MTQ5IDguMzg4OTYgMTMuNjIzNyA5LjIwMTg3IDEzLjQ5MjkgOS45NDE2QzEzLjM4NTggMTAuNTQ3NiAxMy4xMDM5IDExLjU4MjQgMTMuMTAzOSAxMi4xMzQ3Wk0xOS44OTc4IDE5LjA2NDVDMjEuMTg2IDE5LjA2NDUgMjAuNjEyIDE3LjI2NTMgMjAuNTk3MiAxNy4wNzUyQzIwLjUzMzIgMTYuMjUxNSAyMS4yMzkyIDE0LjI4ODYgMTkuODEzIDE0LjI4ODZDMTkuMzA4MiAxNC4yODg2IDE5LjA0NjQgMTQuNjM4MyAxOC45NTgxIDE1LjEyNTJDMTguODg2NiAxNS41MTk2IDE4LjgyOTMgMTYuMzEzIDE4Ljc5NjMgMTYuNzMwNUMxOC43NTkyIDE3LjIwMjIgMTguODg2NyAxNy45MTAzIDE4Ljk5ODkgMTguMjc2NUMxOS4xMzk5IDE4LjczNjYgMTkuMzgyMiAxOS4wNjQ1IDE5Ljg5NzggMTkuMDY0NVpNMTUuMDU3MiA3LjU0NjE2QzE2LjAyMzggNy41NDYxNiAxNi4wMzk2IDYuMTI2ODEgMTYuMjY2NyA0Ljk0NjczQzE2LjMxMzYgNC43MDI1MiAxNi41MDA4IDQuMDU4MTcgMTYuNTAwOCAzLjgwMDI1QzE2LjUwMDggMy4yNjM5MSAxNi4xMDc4IDIuNzcwMjQgMTUuNjUxNiAyLjc3MDI0QzE0LjYzNjEgMi43NzAyNCAxNC41OTQ2IDQuMTQwNDUgMTQuNDEzNCA1LjE1MDczQzE0LjMyMzYgNS42NTEzMyAxMy42NzQ1IDcuNTQ2MTYgMTUuMDU3MiA3LjU0NjE2Wk04LjI2MzA2IDE2LjcyMzRDOC44NzUzNSAxNi43MjM0IDkuMTczNTQgMTYuMDA3MSA5LjE5ODU1IDE1LjMyMDNDOS4yMzI3OCAxNC4zODU5IDkuNDY4OTMgMTIuNjgxOSA5LjA1MzIzIDEyLjE5OTdDOC41MDU5MSAxMS41NjQ4IDcuNjcwODggMTEuOTEzNiA3LjUyNzk0IDEyLjYzNTJMNy40MTMzNiAxNC4yODgzQzcuMzcyOTggMTUuMTMyOCA3LjA4OTYgMTYuNzIzNCA4LjI2MzA2IDE2LjcyMzRaTTcuNDk4NzMgNy44MjcwNEM3LjQ5ODczIDguNTkxNTcgNy4zODcwOSAxMC4xMDg5IDcuNjk4NjkgMTAuNjAzMkM4LjExMzEzIDExLjI2MDMgOS4zNjcwNiAxMS4yMzI5IDkuMzY3MDYgOS42MDYzMkw5LjMxNjkgNy43MjE4MUM5LjMxNjkgNy43MTgyNyA5LjU5MzU3IDYuMTQxNDQgOC40MzI4MyA2LjE0MTQ0QzcuNjk2ODcgNi4xNDE0NCA3LjQ5ODczIDcuMDk1MDMgNy40OTg3MyA3LjgyNzA0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==");
    background-position: center;
    background-repeat: no-repeat;
  }
  .modal-filter__title {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
  }
  .modal-filter__close-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTYgMS42MTE0M0wxNC4zODg2IDBMOCA2LjM4ODU3TDEuNjExNDMgMEwwIDEuNjExNDNMNi4zODg1NyA4TDAgMTQuMzg4NkwxLjYxMTQzIDE2TDggOS42MTE0M0wxNC4zODg2IDE2TDE2IDE0LjM4ODZMOS42MTE0MyA4TDE2IDEuNjExNDNaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+");
    background-position: center;
    background-repeat: no-repeat;
  }
  .modal-filter__type-title {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-weight: bold;
    font-size: 12px;
    color: rgba(50, 60, 71, 0.6);
    text-transform: uppercase;
    display: block;
  }
  .modal-filter__reset-container {
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-bottom: 1px solid #EAEAEA;
  }
  .modal-filter__reset-filters {
    font-weight: bold;
    font-size: 12px;
    color: rgba(50, 60, 71, 0.6);
    text-transform: uppercase;
    color: #FF6D4A;
    opacity: 0.8;
  }
  /*LIST*/
  .modal-filter__list {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  .modal-filter__list_item {
    background-color: #fff;
    border-bottom: 1px solid #EAEAEA;
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .modal-filter__item-name {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #323C47;
    opacity: 0.8;
    text-transform: uppercase;
    margin-left: 15px;
  }
  .modal-filter__item-filter-btn {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43NDY0NiAtMC42NjU0MyAwLjc0NjQ2IC0wLjY2NTQzIDEuODMzMzEgMTYuMzQzMSkiIGZpbGw9IiM1QjYzNkMiLz4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0NjQ2IC0wLjY2NTQzIDAuNzQ2NDYgMC42NjU0MyA2LjEwMzUyZS0wNSAxLjYzNDI4KSIgZmlsbD0iIzVCNjM2QyIvPg0KPC9zdmc+DQo=");
    background-position: center;
    background-repeat: no-repeat;
  }
  .modal-filter__item-selected {
    font-weight: bold;
    font-size: 12px;
    color: #999999;
    opacity: 0.8;
    text-transform: uppercase;
  }
  .modal-filter__item-selected i {
    font-style: normal;
  }
  .modal-filter__confirm-btn {
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    background-color: #FF6D4A;
    border-radius: 2px;
    display: table;
    position: absolute;
    left: calc(50% - 80px);
    bottom: 20px;
  }
  /*mobile-filter-items-modal****************************************************************************************/
  .mobile-filter-items-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: #F4F4F4;
  }
  .mobile-filter-items-modal.open {
    display: block !important;
  }
  .modal-filter-item__header {
    background-color: #262073;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
  }
  .modal-filter-item__body {
    height: calc(100vh - 100px);
    overflow-y: auto;
  }
  .modal-filter-item__close-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0NjQ2IDAuNjY1NDMgLTAuNzQ2NDYgMC42NjU0MyA5LjE2Njc1IDApIiBmaWxsPSJ3aGl0ZSIvPg0KICAgIDxyZWN0IHdpZHRoPSIyLjQ1NjA0IiBoZWlnaHQ9IjEyLjI4MDIiIHJ4PSIwLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0NjQ2IDAuNjY1NDMgLTAuNzQ2NDYgLTAuNjY1NDMgMTEuMDAwMSAxNC43MDg4KSIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
    background-position: center;
    background-repeat: no-repeat;
  }
  .modal-filter-item__reset-container {
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-bottom: 2px solid #EAEAEA;
    border-top: 2px solid #EAEAEA;
    margin-top: 10px;
  }
  .modal-filter-item__reset-filters {
    font-weight: bold;
    font-size: 12px;
    color: rgba(50, 60, 71, 0.6);
    text-transform: uppercase;
    color: #FF6D4A;
    opacity: 0.8;
  }
  .modal-filter-item__plashka {
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal-filter-item__confirm-btn {
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    background-color: #FF6D4A;
    border-radius: 2px;
    display: table;
  }
  .modal-filter-item__list {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  .modal-filter-item__list_item {
    background-color: #fff;
    border-bottom: 1px solid #EAEAEA;
    height: 40px;
    line-height: 40px;
  }
  .modal-filter-item__list_item label {
    margin-left: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #323C47;
    opacity: 0.8;
  }
  .modal-filter-item__list_item label::before {
    margin: 0 15px 0 0 !important;
  }
  /*visit create*****************************************************************************************************/
  .filter-wrapper-desctop {
    display: none;
  }
  .visit-create-wrapper-mobile {
    display: inline-block !important;
    vertical-align: top;
    width: calc(100% - 140px) !important;
  }
  .visit-create-wrapper-mobile input {
    width: 100%;
    height: 32px;
    border: none !important;
  }
  .visit-search-wrapper-mobile {
    margin-bottom: 0 !important;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #fff;
    display: none;
  }
  .visit-search-wrapper-mobile.active {
    display: block;
  }
  .visit-search-wrapper-mobile i.search {
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .admin-content.margin-left-0 {
    margin-left: -15px;
  }
  .visit-tab-wrapper {
    display: block !important;
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: 0;
    margin-top: 10px;
  }
  .visit-tab-wrapper span {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: rgba(50, 60, 71, 0.4);
    border-bottom: 2px transparent solid;
    z-index: 1;
    position: relative;
  }
  .visit-tab-wrapper span.active {
    color: #323C47;
    border-color: #262073;
  }
  .visit-tab-route-container {
    display: none !important;
  }
  .visit-tab-route-container.active {
    display: block !important;
  }
  .route-wrapper {
    display: none;
  }
  .dots-grid {
    background-color: transparent !important;
  }
  .visit-create-grid .content-plashka {
    height: 92px;
  }
  .visit-create-grid.margin-74 {
    margin-bottom: 74px !important;
  }
  .visit-create-grid .content-plashka .plashka-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .visit-create-grid .content-plashka .plashka-left .item-per-page {
    width: 100%;
    padding-right: 15px;
    padding-top: 14px;
    display: flex;
    padding-left: 10px;
  }
  .visit-create-grid .content-plashka .plashka {
    border-top: 1px #EAEAEA solid;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 54px;
    height: 37px;
  }
  .visit-create-grid .content-plashka .plashka-left #apply-selected {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 119px);
    padding: 5px !important;
  }
  .visit-create-grid .content-plashka .plashka-left #apply-selected .icon {
    display: none;
  }
  .visit-create-grid .content-plashka .plashka-left .geo-check {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    width: 100px;
    float: left;
    margin-top: 5px;
  }
  .route-wrapper .panel {
    background-color: whitesmoke !important;
    box-shadow: none;
    margin: 0 -15px;
    padding: 0 15px;
    overflow: initial;
  }
  .route-wrapper .panel .panel-heading {
    background-color: whitesmoke !important;
    padding-top: 0 !important;
    margin-top: -5px;
  }
  .route-wrapper .panel .panel-heading .panel-title {
    display: none;
  }
  .route-wrapper .panel .panel-body {
    padding: 0 15px 0 25px;
  }
  .route-wrapper .panel .panel-body .form-group {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 6px);
    margin-left: 8px;
  }
  .route-wrapper .panel .panel-body .form-group select,
  .route-wrapper .panel .panel-body .form-group input {
    box-shadow: none;
  }
  .route-wrapper .panel .panel-body .form-group:nth-child(odd) {
    margin-left: 0;
  }
  .route-wrapper .panel .panel-body .pnl-footer {
    position: fixed;
    background-color: #FAFBFC;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 47px;
    font-size: 0;
    box-shadow: 0 0 10px #00000057;
  }
  .create-route-btn-submit {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 12px;
  }
  .remove-all-places-mobile {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #FF6D4A;
    font-size: 12px;
    padding-left: 9px;
  }
  .remove-all-places-mobile:active,
  .remove-all-places-mobile:hover {
    color: #FF6D4A;
  }
  .dots-list-wrapper {
    background-color: #fff;
    margin: -15px -15px;
  }
  .dots-list-wrapper #items-place-selected {
    border: none;
    border-radius: 0;
    height: calc(100vh - 316px);
    overflow-y: auto;
    padding-bottom: 20px;
  }
  /*report page******************************************************************************************************/
  .filter-date-input-mobile.report-page {
    vertical-align: top;
    width: calc(100% - 152px) !important;
  }
  .filter-date-input-mobile.report-page input {
    box-shadow: none;
  }
  .export_report_xls.report-page button {
    background-color: #f5f5f5 !important;
    height: 32px;
    border: 1px #262073 solid !important;
    padding-right: 0.78571429em !important;
  }
  .export_report_xls.report-page .icon {
    background-color: #f5f5f5 !important;
  }
  .export_report_xls.report-page .icon img {
    padding-top: 5px !important;
  }
  /*report-view-mobile***********************************************************************************************/
  .page-view-mobile {
    margin-top: 15px;
    border-top: 1px solid #EAEAEA;
    width: 100%;
    overflow: auto;
  }
  .page-view-mobile table {
    margin-bottom: 0;
  }
  .page-view-mobile table td {
    white-space: nowrap;
  }
  /*block-dropdown********************************/
  .block-dropdown {
    margin: 25px 0 0 0;
    background-color: #F5F8FA;
    border: 1px solid #EEF2F6;
    padding: 10px;
    position: relative;
  }
  .block-dropdown::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 25px;
    left: 0;
    top: -25px;
  }
  .block-dropdown__title-container {
    display: block !important;
    line-height: 30px;
    padding: 0;
  }
  .block-dropdown__title {
    font-weight: bold;
    color: #323C47;
    vertical-align: middle;
    max-width: calc(100% - 35px);
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .block-dropdown__toggle-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: sub;
  }
  .block-dropdown__toggle-btn i {
    transform: rotate(180deg);
    transition: all 0.3s;
    font-size: 22px;
    color: #5B636C;
    line-height: 30px;
  }
  .block-dropdown.open .block-dropdown__toggle-btn i {
    transform: rotate(0deg);
    transition: all 0.3s;
  }
  .block-dropdown__wrapper {
    display: none;
  }
  .block-dropdown.open .block-dropdown__wrapper {
    display: block;
  }
  .block-dropdown__wrapper {
    padding: 10px 0 0 0;
  }
  .block-dropdown__wrapper .panel-heading {
    display: none;
  }
  .block-dropdown__wrapper .panel {
    border: none;
    margin: 0;
    padding: 0 !important;
  }
  .block-dropdown__wrapper .panel .panel-body {
    padding: 0 !important;
  }
  .report-blocks {
    padding-top: 0 !important;
  }
  .block-dropdown__wrapper.photos-type a {
    display: inline-block;
    width: 104px;
    margin: 4px;
  }
  .block-dropdown__wrapper.photos-type a img {
    width: 100%;
    height: 100%;
  }
  .block-dropdown__wrapper.photos-type .panel {
    margin-left: -3px;
    margin-right: -3px;
  }
  /*analytics page*/
  .analytics-search-wrapper {
    margin-top: -51px;
    width: calc(100% - 170px);
    margin-right: 15px;
    border: none;
  }
  .analytics-search-wrapper input {
    border: none !important;
  }
  .analytics-search-wrapper i.search {
    box-shadow: none;
    -webkit-box-shadow: none;
    top: 0.2em !important;
  }
  .template-name-label {
    font-size: 0 !important;
  }
  .template-name-label::after {
    top: -10px !important;
    right: 13px !important;
    color: #5D5D5D !important;
  }
  .template-name-label::before {
    content: '';
    position: absolute;
    width: 36px;
    height: 23px;
    right: 11px;
    top: -18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMEgzMkMzNC4yMDkxIDAgMzYgMS43OTA4NiAzNiA0VjIxLjU3ODhDMzYgMjIuNTg5MyAzNS4wMTY2IDIzLjMwNzUgMzQuMDU0MSAyM0wwIDBaIiBmaWxsPSIjREVERURGIi8+DQo8L3N2Zz4NCg==");
    background-repeat: no-repeat;
  }
  .template-name-input {
    height: 32px !important;
    margin-top: -30px !important;
    margin-left: -10px !important;
  }
  .content-plashka-constructor-mobile {
    left: 0 !important;
    width: 100%;
  }
  .content-plashka.long-paginate {
    height: 65px;
  }
  .content-plashka.long-paginate .plashka, .content-plashka.long-paginate .count-plashka {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .content-plashka.long-paginate .plashka .pagination,
  .content-plashka.long-paginate-addon .plashka .pagination {
    margin-top: 6px;
  }
  .content-plashka.long-paginate-addon {
    height: 105px;
  }
  .content-plashka.long-paginate-addon .plashka {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .mobile-filter-search-box {
    display: flex;
  }
  .ui.button.flex-btn-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .visit-create-index .panel {
    height: calc(100vh - 126px) !important;
    padding: 15px;
  }
  .kv-thead-float {
    z-index: 998 !important;
  }
}
.is-tablet-inline {
  display: none;
}
/***************************************************TABLET MEDIA*******************************************************/
@media (min-width: 768px) and (max-width: 1439px) {
  .is-tablet {
    display: block !important;
  }
  .kv-thead-float {
    z-index: 998 !important;
  }
  .panel.block-item .block-name-edit {
    display: flex !important;
    align-items: center;
  }
  .panel.block-item .block-name-edit span {
    padding-right: 40px;
    word-break: break-all;
  }
  .grid-view tbody tr {
    min-height: 40px;
    height: 40px;
  }
  .is-tablet-inline {
    display: inline-block !important;
  }
  .hidden-tablet {
    display: none;
  }
  .left-sidebar__tablet {
    background-color: whitesmoke;
  }
  .left-sidebar__tablet li.active .indicator {
    width: 5px;
    top: -6px;
    left: 0;
  }
  /********************************************users index page******************************************************/
  .row-320__tablet {
    width: 380px;
  }
  .row-100__tablet {
    width: calc(100% - 380px);
  }
  .admin-content .blue-button.license-user-btn__tablet {
    height: 28px !important;
    padding: 5px 10px !important;
    margin-left: 8px;
    background-color: #ff8e73 !important;
    border-color: #ff8e73 !important;
  }
  .floatThead-container {
    background-color: #fff;
  }
  .action-button {
    display: initial !important;
  }
  /********************************************users add page********************************************************/
  .breadcrumb {
    padding-top: 5px !important;
  }
  .breadcrumb a {
    font-size: 10px;
  }
  /********************************************places index page*****************************************************/
  .admin-content .red-button.add-place-btn {
    padding: 3px 16px 3px 52px !important;
    height: 28px;
  }
  .admin-content .red-button.contacts-place-btn {
    padding: 6px 16px 3px 16px !important;
    height: 28px;
  }
  .admin-content .red-button.add-place-btn i .admin-content .search-place-input.search-place-input__tablet input {
    padding: 4px 10px !important;
    height: 28px;
  }
  .admin-content .search-place-input i {
    box-shadow: none !important;
    margin-top: -5px !important;
  }
  .admin-content .col-places-margin__tablet {
    margin-bottom: 10px;
  }
  .admin-content .col-places-margin__tablet > a:first-child {
    margin-left: 0;
  }
  .list-view .tasks-content {
    height: calc(100vh - 280px);
    max-height: calc(100vh - 280px);
  }
  /******************************************* visit index page******************************************************/
  .filter-date-input-mobile {
    display: inline-block !important;
    width: 192px;
    vertical-align: top;
    margin-left: 8px;
  }
  .field-date_range_mobile .input-group-addon {
    padding: 3px 8px 3px 16px !important;
    background-color: #fff;
    font-size: 18px;
  }
  .field-filteranalytics-date_range .input-group-addon {
    padding: 3px 8px 3px 16px !important;
    background-color: #fff;
    font-size: 18px;
  }
  .field-filteranalytics-date_range .form-control {
    height: 28px !important;
    border-left: 0;
    box-shadow: none !important;
  }
  .filter-date-input-mobile .form-control {
    height: 28px !important;
    border-left: 0;
    box-shadow: none !important;
  }
  .admin-content .ui.labeled.icon.button.red-button.add-new-visit-btn {
    padding: 3px 16px 3px 52px !important;
    vertical-align: top;
    height: 28px;
  }
  .admin-content .add-new-visit-btn i {
    width: 36px !important;
    background-color: #FF9277 !important;
    left: -2px !important;
    height: 28px !important;
    top: -2px !important;
    font-size: 16px;
  }
  .filter-first-element {
    margin-left: -17px;
  }
  /******************************************* visit create page*****************************************************/
  #filterFormDate .input-group-addon i {
    padding-top: 1px;
    width: 10px;
  }
  .route-wrapper .panel-body {
    padding: 0 15px 70px 15px !important;
  }
  .route-wrapper .remove-all-places {
    word-wrap: break-word;
    width: 90px;
    text-align: right;
    text-decoration: none;
    outline: none;
  }
  .route-wrapper .remove-all-places:focus {
    color: #4183C4;
  }
  .route-wrapper #items-place-selected {
    margin-top: 15px;
  }
  .visit-create-index .panel .pnl-footer {
    padding: 10px 0 15px 0;
  }
  .visit-create-grid .content-plashka .plashka-left #apply-selected {
    display: inline-block;
    padding: 5px 8px 5px 32px !important;
  }
  .visit-create-grid .content-plashka .plashka-left #apply-selected i {
    width: 27px !important;
    left: -2px !important;
    height: 28px !important;
    top: -2px !important;
  }
  /************************************************** report index***************************************************/
  .admin-content .blue-button-basic i {
    width: 25px !important;
  }
  .admin-content .blue-button-basic i img {
    padding-top: 4px !important;
    width: 16px;
    margin-left: 15px;
  }
  .admin-content .filter-date-input-mobile {
    margin-left: 0;
  }
  .admin-content .filter-first-element {
    margin-left: -8px;
  }
  .row-335__tablet {
    width: 370px;
  }
  /***************************************************** report view page********************************************/
  .page-view.admin-content {
    /*margin: 0;*/
    padding: 15px 20px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    overflow: auto;
  }
  .page-view-mobile {
    margin-top: 15px;
    width: 100%;
    overflow: auto;
  }
  .page-view table td {
    white-space: nowrap;
  }
  /*block-dropdown********************************/
  .block-dropdown {
    margin: 25px 20px 0 20px;
    background-color: #F5F8FA;
    border: 1px solid #EEF2F6;
    padding: 10px;
    position: relative;
    border-radius: 5px;
  }
  .block-dropdown::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 25px;
    left: 0;
    top: -25px;
  }
  .block-dropdown__title-container {
    display: block !important;
    height: 30px;
    line-height: 30px;
    padding: 0;
  }
  .block-dropdown__title {
    font-weight: bold;
    color: #323C47;
    vertical-align: middle;
    max-width: calc(100% - 35px);
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .block-dropdown__toggle-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: sub;
  }
  .block-dropdown__toggle-btn i {
    transform: rotate(180deg);
    transition: all 0.3s;
    font-size: 22px;
    color: #5B636C;
    line-height: 30px;
  }
  .block-dropdown.open .block-dropdown__toggle-btn i {
    transform: rotate(0deg);
    transition: all 0.3s;
  }
  .block-dropdown__wrapper {
    display: none;
  }
  .block-dropdown.open .block-dropdown__wrapper {
    display: block;
  }
  .block-dropdown__wrapper {
    padding: 10px 0 0 0;
  }
  .block-dropdown__wrapper .panel-heading {
    display: none;
  }
  .block-dropdown__wrapper .panel {
    border: none;
    margin: 0;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .block-dropdown__wrapper .panel .panel-body {
    padding: 0 !important;
  }
  .report-blocks {
    padding-top: 1px !important;
  }
  .block-dropdown__wrapper.photos-type a {
    display: inline-block;
    width: 104px;
    height: auto;
    margin: 4px;
  }
  .block-dropdown__wrapper.photos-type a img {
    width: 100%;
    height: 100%;
  }
  .block-dropdown__wrapper.photos-type .panel {
    margin-left: -3px;
    margin-right: -3px;
    box-shadow: none !important;
  }
  .report-blocks__tablet {
    padding-bottom: 20px;
  }
  .admin-content .field-filteranalytics-date_range .input-group-addon i {
    padding-top: 1px;
    width: 10px;
  }
  .reset-filter-link-box__tablet {
    width: 200px;
    height: initial;
    margin-top: 31px;
    position: relative;
  }
  .reset-filter-link__tablet {
    position: absolute;
    left: -8px;
    bottom: 0;
  }
  .admin-content .analytics-search-wrapper__tablet {
    padding: 6px 10px !important;
    width: calc(100% - 365px);
    max-width: calc(300px);
    margin-top: -7px;
  }
  .admin-content .analytics-search-wrapper__tablet input {
    padding: 5px 10px !important;
    height: 28px;
  }
  .admin-content .analytics-search-wrapper__tablet i {
    box-shadow: none !important;
    margin-top: 2px !important;
    margin-right: 8px !important;
  }
  /***************************************************** templates **************************************************/
  .admin-content .ui.button.red-button {
    height: 28px !important;
    padding: 3px 16px 3px 52px !important;
  }
  .admin-content .ui.button.red-button i {
    width: 36px !important;
    background-color: #FF9277 !important;
    left: -2px !important;
    height: 28px !important;
    top: -2px !important;
    font-size: 16px;
  }
  .content-plashka-constructor-mobile {
    right: 0 !important;
    padding: 25px 15px !important;
  }
  .content-plashka-constructor-mobile button {
    padding: 0 45px !important;
    height: 28px !important;
    line-height: 8px !important;
    margin-left: 9px !important;
  }
  .content-plashka-constructor-mobile a {
    padding: 8px 45px !important;
    height: 28px !important;
    line-height: 8px !important;
  }
}
.legend-item-label {
  cursor: pointer;
  font-weight: normal;
}
.legend-item-label input {
  display: none;
}
.horizontal-bar {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.horizontal-bar .legend-item-label {
  margin-bottom: 0;
}
.legend-item-square {
  display: inline-block;
  border: 2px solid white;
  border-radius: 50rem;
  line-height: 0;
  opacity: 0.7;
}
.legend-item-label:hover .legend-item-square {
  border-color: silver;
  opacity: 1;
}
.legend-item-square.checked {
  border-color: #FF6D4A;
  opacity: 1;
}
.legend-item-square i {
  width: 20px;
  height: 11px;
  border: 2px solid white;
  border-radius: 50rem;
  display: inline-block;
}
.table-header {
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #979CA1;
  border-bottom: 2px solid #ddd;
  white-space: nowrap;
  font-size: 11px;
  font-weight: normal;
}
.table-header a {
  color: #979CA1;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.analytics-widget .grid-view {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 271px;
}
.analytics-widget.line-graph {
  margin-top: 27px;
}
h2.analytics-header {
  margin-top: 20px;
  margin-bottom: 10px;
}
h2.analytics-header a {
  color: #262073;
  font-weight: normal;
}
h2.analytics-header a:hover {
  color: #4638b1;
}
.progress {
  position: relative;
}
.progress-bar-text {
  color: #000;
  position: absolute;
  left: 0;
  width: 100%;
}
.select2-search__field {
  width: 200px !important;
  border: none !important;
}
.select2-container--bootstrap .select2-selection--multiple {
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0;
}
.btn-add-contact {
  border-radius: 4px !important;
  padding: 7px 26px;
}
@media (min-width: 1325px) and (max-width: 1439px) {
  .admin-content .col-places-margin__tablet {
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .report-blocks .panel-body .block_option_title {
    font-size: 20px;
    font-weight: 600;
  }
  .block-dropdown__wrapper .panel-body {
    display: none;
  }
  .block-dropdown.open .block-dropdown__wrapper .panel-body {
    display: block;
  }
  .block-dropdown__toggle-btn i {
    transform: rotate(180deg);
    transition: all 0.3s;
    font-size: 22px;
    color: #5B636C;
    line-height: 30px;
    cursor: pointer;
  }
  .block-dropdown.open .block-dropdown__toggle-btn i {
    transform: rotate(0deg);
    transition: all 0.3s;
  }
  .report-view-page .search-report {
    position: absolute;
    top: -45px;
    left: -15px;
  }
  .report-view-page .statistics-wrapper {
    position: absolute;
    right: 0;
    top: -98px;
    padding-right: 0;
  }
}
table.table-condensed th {
  font-size: 14px;
}
table.table-condensed th.prev,
table.table-condensed th.next {
  font-size: 17px;
}
.integer-widget {
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.integer-widget__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 2px 50px 3px 0;
  overflow-x: auto;
  position: relative;
}
.integer-widget__body {
  padding: 20px 10px 10px 10px;
}
.integer-widget__body-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 30px 0;
}
.integer-widget__progressbar-main-wrap {
  margin-bottom: 20px;
}
.integer-widget__progressbar-main-label {

}
.integer-widget__progressbar-main-wrap .progress {
  height: 30px;
}
.integer-widget__progressbar-main-wrap .progress-bar {
  line-height: 30px;
}
.integer-widget__progressbar-common-wrap {
  /*max-height: 180px;*/
  overflow-y: auto;
}
.integer-widget__progressbar-common-item {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0;
}
.integer-widget__progressbar-common-item-wrap {
  width: 66.6667%;
}
.integer-widget__progressbar-common-item-text {
  width: 33.3333%;
  text-align: center;
  line-height: 20px;
}
.integer-widget__progressbar-common-item-label {

}

.integer-widget__title {
  position: absolute;
  top: 5px;
  left: 5px;
}
.integer-widget__item {
  color: #000000;
}
.integer-widget__item--green {
  color: #7ED952;
}
.integer-widget__item--red {
  color: #FF5B5A;
}
.integer-widget__item--orange {
  color: #F3C21B;
}
.integer-widget__item_percent {
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  padding: 4px 10px;
  display: inline;
  position: absolute;
  top: 0;
  right: -45px;
  letter-spacing: -0.05em;
  z-index: 1;
}
.integer-widget__item_percent--green {
  background: #e8f7df;
  color: #7ED952;
}
.integer-widget__item_percent--red {
  background: #f9dfde;
  color: #FF5B5A;
}
.integer-widget__item_percent--orange {
  background: #fcf3d5;
  color: #F3C21B;
}
.integer-widget__item_value {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.05em;
  display: inline;
  position: relative;
}
.integer-widget__item_label {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  opacity: 0.5;
}
.integer-widget__item--50 {
  margin-right: 50px;
}
@media (max-width: 1440px) {
  .integer-widget__item--50 {
    margin-right: 20px;
  }
}
.circular-progress-sort {
  transform: scale(-1, -1);
  transform-origin: center;
  cursor: pointer;
  display: flex;
  align-self: start;
  margin-right: -20px;
  z-index: 10;
}
.circular-progress-sort svg {
  display: none;
}
.circular-progress-sort--asc svg:nth-child(1) {
  display: block;
}
.circular-progress-sort--desc svg:nth-child(2) {
  display: block;
}
.circular-progress-sort svg use {
  fill: #333333;
}
.task-view-comment {
  margin-right: 130px;
}
.task-view-reject-form,
.task-view-done-form {
  display: none;
}
.ui.icon.button.task-view-delete-reject {
  padding: 0 15px 0 9px;
  height: 35px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.ui.icon.button.task-view-delete-reject > .icon {
  height: auto;
}
.analytics-filters-js .dropdown-menu {
  max-height: 55vh;
  overflow-y: auto;
}
.analytics-filters-js .dropdown-menu::-webkit-scrollbar {
  display: block;
  width: 5px;
}
.cell-link {
  display: block;
  padding: 10px 8px;
  color: rgba(0, 0, 0, 0.87);
}
.table-hover tr:hover .cell-link {
  color: #FF6D4A;
}
.wrapper-grid.analytics-right-table {
  max-height: 400px;
}
.place-score-chart-wrap {
  height: 400px;
}
@media (max-width: 1650px) {
  .wrapper-grid.analytics-right-table {
    max-height: 350px;
  }
  .place-score-chart-wrap {
    height: 350px;
  }
}
@media (max-width: 1440px) {
  .wrapper-grid.analytics-right-table {
    max-height: 300px;
  }
  .place-score-chart-wrap {
    height: 300px;
  }
}
@media (max-width: 1034px) {
  .wrapper-grid.analytics-right-table {
    max-height: 260px;
  }
  .place-score-chart-wrap {
    height: 260px;
  }
}
.list-view .tasks-content {
  height: calc(100vh - 378px);
  max-height: calc(100vh - 378px);
  min-height: 300px;
  padding-right: 6px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .list-view .tasks-content {
    height: calc(100vh - 244px);
    max-height: calc(100vh - 244px);
  }
}
@media (max-width: 1320px) {
  .list-view .tasks-content {
    height: calc(100vh - 285px);
    max-height: calc(100vh - 285px);
  }
}
.panel-body-task .__dates .__date-ico {
  color: #261C75;
  font-size: 14px;
}
.panel-body-task .__dates .__date-text {
  margin-left: 4px;
}
.panel-body-task .__status {
  font-size: 12px;
}
.panel-body-task .__readmore {
  flex: 1;
  margin-right: 6px;
  font-size: 14px;
  height: auto;
  padding: 9px 18px;
}
.panel-body-task .__number {
  color: #4F4791;
  font-size: 14px;
  font-weight: 600;
}

.__title {
  display: flex;
  align-items: center;
}
.__title .__title_row-1 {
  font-weight: 600;
  font-size: 18px;
  margin-right: 15px;
}
.__title .__title_row-2 {
  font-weight: 400;
  font-size: 18px;
}
.report-view-page .__color_expired, .report-view-page .__color_rejected {
  color: #EA212D;
}
.report-view-page .__color_expired .__status, .report-view-page .__color_rejected .__status {
  background-image: url("/images/status-expired.svg");
}
.report-view-page .__color_reported {
  color: #666666;
}
.report-view-page .__color_reported .__status {
  background-image: url("/images/status-reported.svg");
}
.report-view-page .__color_done {
  color: #28B73D;
}
.report-view-page .__color_done .__status {
  background-image: url("/images/status-done.svg");
}
.report-view-page .__color_in-progress {
  color: #FD6E50;
}
.report-view-page .__color_in-progress .__status {
  background-image: url("/images/status-in-progress.svg");
}
.report-view-page .__status-wrap {
  position: absolute;
  top: -86px;
  right: 0;
}
@media (max-width: 1439px) {
  .report-view-page .__status-wrap {
    top: unset;
    right: 40px;
  }
}
.report-view-page .__status {
  height: 30px;
  line-height: 31px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left center;
}
.report-view-page .__status.__status-right {
  padding-left: 0;
  padding-right: 22px;
  background-position: right center;
}
.report-view-page .admin-content {
  padding: 15px 40px;
}
.report-view-page .__table {
  margin-top: 30px;
}
.report-view-page .__table .__tr_values {
  background: rgba(233, 239, 244, 0.48);
  border-top: 1px solid rgba(233, 239, 244, 0.78);
  border-bottom: 1px solid rgba(233, 239, 244, 0.78);
}
.report-view-page .__table .__tr_header {

}
.report-view-page .__table thead > tr > th {
  border-bottom: none;
}
.report-view-page .__table tbody > tr > td {
  border-top: none;
  padding: 15px 11px;
}
.report-view-page .__fields {
  display: flex;
  flex-direction: column;
}
.report-view-page .__fields .__field_row {
  display: flex;
  margin: 6px 0;
}
.report-view-page .__fields .__field_col-1 {
  min-width: 110px;
  font-weight: 600;
  font-size: 14px;
}

.report-view-page .__photos {
  background: #F5F8FA;
  border: 1px solid #EEF2F6;
  border-radius: 4px;
  padding: 20px;
}
.report-view-page .__photos .__photos_title {
  font-weight: 500;
  font-size: 18px;
  color: #323C47;
  margin-bottom: 15px;
}
.report-view-page .__photos .__photos_wrap {
  display: flex;
  flex-wrap: wrap;
}
.report-view-page .__photos .__photos_wrap a {
  display: flex;
  width: 96px;
  height: 96px;
  overflow: hidden;
  margin: 2px;
  background: #fff;
  align-items: center;
}
.report-view-page .__photos .__photos_wrap a img {
  width: 100%;
  margin: 0;
}
.report-view-page .task-view-open-reject-form,
.report-view-page .task-view-open-done-form {
  position: absolute;
  right: 11px;
  bottom: 11px;
  font-size: 14px;
  padding: 10px 45px;
  height: auto;
}
.report-view-page .ui.form .__textarea {
  width: 100%;
  height: 5em;
  min-height: 5em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.report-view-page .__reject_buttons {
  position: absolute;
  right: 11px;
  bottom: 11px;
}
.report-view-page .__reject_buttons .__reject_buttons-close {
  font-size: 14px;
  padding: 10px 45px;
  height: auto;
}
.report-view-page .__reject_buttons .__reject_buttons-submit {
  font-size: 14px;
  padding: 10px 45px;
  height: auto;
}
.report-view-page .__delete-reject_wrap {
  position: absolute;
  right: 11px;
  bottom: 11px;
  background: #E0E6EB;
  border: 1px solid #E0E6EB;
  border-radius: 2px;
  padding: 7px;
}
@media (max-width: 1439px) {
  .task_header_wrap {
    margin-bottom: 32px;
  }
}
.sort__wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  min-width: 160px;
}
.sort__label {
  margin-right: 10px;
}
.circular-progress.circular-progress--small {
  margin-right: 15px;
}
.circular-progress.circular-progress--small .name {
  width: 100px;
}
.circular-progress.circular-progress--small .diagram::before {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}
.circular-progress.circular-progress--small .diagram {
  width: 100px;
  height: 100px;
}
.circular-progress.circular-progress--small .diagram .text b {
  font-size: 18px;
}
.circular-progress.circular-progress--small .diagram .text span {
  font-size: 16px;
}
.integer-widget--page .integer-widget__item_value {
  font-size: 26px;
  line-height: 28px;
}
.integer-widget--page .integer-widget__item_label {
  font-size: 12px;
  line-height: 12px;
}
@media (max-width: 1439px) {
  .integer-widget--page .integer-widget__item_value {
    font-size: 20px;
    line-height: 20px;
  }
  .integer-widget--page .integer-widget__item_label {
    font-size: 10px;
    line-height: 10px;
  }
  .integer-widget__header {
    padding: 2px 36px 3px 0;
  }
}

.dashboard-widget-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px -10px -10px -10px;
}
.widget__card {
  background: #FFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px;
  position: relative;
  width: calc(50% - 20px);
  margin: 10px;
}
@media (max-width: 1439px) {
  .dashboard-widget-wrapper {
    margin: 5px -5px -5px -5px;
  }
  .widget__card {
    width: calc(50% - 10px);
    margin: 5px;
  }
}
.widget__card.widget__card--full {
  width: 100%;
  margin: 0;
}
.widget__card.widget__card--offset{
  margin: 20px 0;
}
@media (max-width: 1439px) {
  .widget__card.widget__card--offset{
    margin: 10px 0;
  }
}
.widget__info {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
}
svg.widget__info use {
  fill: #b3b3b4;
}
svg.widget__info:hover use {
  fill: #8d8d8d;
}
.widget__title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #000;
}
.widget__progressbar {
  margin: 15px 0;
}
.widget__chart {
  margin: 20px 0;
}
.widget__chart.widget__chart--breaches {
  margin: 14px 0;
}
.widget__circulars {

}
@media (max-width: 1200px) {
  .widget__card {
    width: calc(100% - 10px);
  }
}
.widget__circulars .circular-progress-list {
  white-space: normal;
}
.widget__card__check-times-table-wrapper {
  max-height: 300px;
  overflow-y: auto;
  margin-top: 10px;
  padding-right: 8px;
  margin-right: -11px;
}
.widget__card__block-score-table-wrapper {
  margin-top: 20px;
}
.circular-progress:last-child {
  margin-right: 0;
}
.chart-not-data {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  border-top: 1px solid #ECECEC;
  background: #fff;
  background-image: linear-gradient(#ECECEC 0.1em, transparent 0.1em), linear-gradient(90deg, #ECECEC 0.1em, transparent 0.1em);
  background-size: 1.421em 1.95em;
  background-position-y: bottom;
}
.chart-container.chart-container--widget-breaches .chart-not-data {
  margin-top: 20px;
}
.chart-container {
  position: relative;
}
.chart-container canvas {
  /*border-bottom: 1px solid rgb(236, 236, 236);
  border-left: 1px solid rgb(236, 236, 236);*/
}
.chart-container--widget-score {
  height: 290px;
}
.chart-container--widget-visits, .chart-container--widget-tasks {
  height: 200px;
}
.chart-container--widget-breaches {
  height: 206px;
}
.chart-container--widget-breaches .chart-not-data {
  height: 199px;
}
@media (max-width: 1650px) {
  .chart-container--widget-score {
    height: 250px;
  }
  .chart-container--widget-visits, .chart-container--widget-tasks {
    height: 160px;
  }
  .chart-container--widget-breaches {
    height: 166px;
  }
  .chart-container--widget-breaches .chart-not-data {
    height: 159px;
  }
}
@media (max-width: 1440px) {
  .chart-container--widget-score {
    height: 226px;
  }
  .chart-container--widget-visits, .chart-container--widget-tasks {
    height: 136px;
  }
  .chart-container--widget-breaches {
    height: 142px;
  }
  .chart-container--widget-breaches .chart-not-data {
    height: 135px;
  }
}
@media (max-width: 1200px) {
  .chart-container--widget-visits, .chart-container--widget-breaches, .chart-container--widget-tasks {
    height: 226px;
  }
  .chart-container--widget-breaches .chart-not-data {
    height: 219px;
  }
}
@media (max-width: 1034px) {
  .chart-container--widget-score, .chart-container--widget-visits, .chart-container--widget-breaches, .chart-container--widget-tasks {
    /*height: 260px;*/
  }
}
#filterForm {
  margin-bottom: -12px;
}
@media (max-width: 1439px) {
  #filterForm {
    margin-bottom: -10px;
  }
}
.place_details_table_header__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.place_details_table_header__items {
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.place_details_table_header__item {
  border: 1px solid #DEDEDF;
  border-radius: 4px;
  color: #9A9A9A;
  font-family: 'Inter';
  font-weight: 100;
  font-size: 11px;
  line-height: 17px;
  padding: 5px 10px;
  margin: 5px;
}
.place_details_table_header__item strong {
  font-weight: 700;
}
.circular-progress-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  margin-bottom: 15px;
}
.content-tabs {
  position: absolute;
  top: -51px;
  left: 0;
  display: flex;
}
.content-tabs__item {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #626263;
  padding: 16px 20px;
  background: #F5F8FA;;
  /*box-shadow: 0 8px 24px rgb(0 0 0 / 10%);*/
  border-radius: 8px 8px 0 0;
  margin-right: 8px;
  border-bottom: 10px solid #fff;
}
.content-tabs__item:last-of-type {
  margin-right: 0;
}
.content-tabs__item:hover, .content-tabs__item:focus {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.content-tabs__item-active {
  background: #fff;
  color: #000;
  font-weight: 600;
}
.content-tabs__item-active:hover, .content-tabs__item-active:focus {
  color: inherit;
  cursor: default;
  text-decoration: none;
}
.page-widget-wrapper {
  min-width: 348px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-widget-wrapper.page-widget-wrapper--numbers {
  min-width: 402px;
}
@media (max-width: 1439px) {
  .page-widget-wrapper.page-widget-wrapper--numbers {
    min-width: 350px;
  }
  .page-widget-wrapper {
    padding: 10px;
    margin-right: 10px;
    min-width: 270px;
  }
}
@media (max-width: 768px) {
  .page-widget-wrapper {
    min-width: unset;
    margin-right: 0;
    width: 100%;
  }
}
.content-buttons {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.button-sort,
.button-border {
  border: 1px solid #261C75;
  border-radius: 4px;
  background: unset;
  line-height: 0;
  padding: 6px 11px;
}
.button-sort svg,
.button-border svg {
  width: 19px;
  height: 14px;
}
.button-sort svg use,
.button-border svg use {
  fill: #261C75;
  stroke: #261C75;
}
.button-border i {
  margin: 0;
}
.button-sort:hover {
  /*border: 1px solid #FF6D4A;*/
}
.button-sort:hover svg use {
  /*fill: #FF6D4A;
  stroke: #FF6D4A;*/
}

.chart_header_buttons {
  margin: -5px 59px 10px -5px;
  /*height: 41px;*/
}
.chart_header_buttons__btn {
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #808080;
  border: 0;
  padding: 8px;
  margin: 5px;
  background: none;
}
.chart_header_buttons__btn.visits_table {
  border-radius: 0;
}
.chart_header_buttons__btn-active, .chart_header_buttons__btn:hover {
  color: #2B71F6;
  background: #ebf1fd;
}
.visits_container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px -19px 0;
}
.visits_container_white {
  background: inherit;
}
.visits_container__col-1 {
  display: flex;
  flex-direction: column;
  margin: 0 8px 19px 0;
  min-width: 450px;
  flex: 6.5;
}
.visits_container__col-2 {
  margin: 0 8px 19px 0;
  min-width: 350px;
  flex: 3.5;
}
.visits_chart_wrapper {
  min-height: 300px;
}
.visits_chart_wrapper canvas {
  border-left: none;
}
.visits_chart_legends {
  display: flex;
  margin-top: 19px;
}
.visits_chart_legends__item {
  display: flex;
  align-items: center;
  margin-right: 25px;
}
.visits_chart_legends__item_mark {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background: #eee;
  border: 2px solid #000;
  border-radius: 4px;
}
.visits_chart_legends__item_mark-blue {
  background: #2B71F6;
  border: 2px solid #2153B4;
}
.visits_chart_legends__item_mark-red {
  background: #FF5B5A;
  border: 2px solid #B14242;
}
.visits_chart_legends__item_mark-yellow {
  background: #F3C21B;
  border: 2px solid #C7A638;
}
.visits_chart_legends__item_text {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #808080;
  padding: 2px 5px 1px 5px;
}

.visits_table_wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  position: relative;
}
.visits_table_wrapper__line-top {

}
.visits_table_wrapper__line-bottom {

}
.visits_table_wrapper-border {
  position: relative;
}
.visits_table_wrapper-border:before, .visits_table_wrapper-border:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 13px;
  height: 1px;
  background: #ECECEC;
  z-index: 1;
}
.visits_table_wrapper-border:before {
  top: 0;
}
.visits_table_wrapper-border:after {
  bottom: 0;
}
.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: linear-gradient(90deg, transparent 0, transparent 2px, #ECECEC 2px, #ECECEC 3px, transparent 3px);
}
.custom-scroll.custom-scroll--horizontal::-webkit-scrollbar-track {
  background: linear-gradient(0deg, transparent 0, transparent 2px, #ECECEC 2px, #ECECEC 3px, transparent 3px);
}
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #ECF2FE;
  border-radius: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #3f70ed;
}
.table-visits {
  width: 100%;
  margin-bottom: 0;
}
.table-visits tr {

}
.grid-view table.table.table-visits thead tr th:first-child,
.grid-view table.table.table-visits tbody tr td:first-child {
  border-left: 1px solid #ECECEC;
}
.grid-view table.table.table-visits tbody tr {
  min-height: unset;
  height: unset;
}
.table-visits th, .table-visits td,
table.table.table-visits thead > tr > th, table.table.table-visits thead > tr > td{
  padding: 8px 10px !important;
  border: 1px solid #ECECEC;
  font-family: 'Inter';
  font-style: normal;
}
.table-visits th {
  border-top: none;
}
.table-visits tr:last-child td {
  border-bottom: none;
}
.table-visits th,
table.table.table-visits thead > tr > th {
  font-size: 12px;
  line-height: 12px !important;
  font-weight: 500;
  color: #000000;
  background: #fbfcff;
  text-align: left;
  vertical-align: middle;
}
.table-visits td,
table.table.table-visits thead > tr > td {
  font-size: 13px;
  line-height: 16px !important;
  font-weight: 400;
  color: #808080;
  background: #fff
}
@media (max-width: 1440px) {
  .table-visits td,
  table.table.table-visits thead > tr > td,
  .table-visits th,
  table.table.table-visits thead > tr > th {
    font-size: 10px;
  }
  table.table.table-visits .progressbar__text {
    font-size: 12px;
  }
}
.grid-view table.table.table-visits tr.expand td {
  white-space: inherit;
}
.table-visits th a {
  text-align: inherit;
  color: inherit;
  display: flex;
}
.table-visits tr:hover td, .table-visits tr td.active {
  color: #3f70ed;
  background-color: #f5f8ff !important;
  cursor: pointer;
}
.table-visits.table-visits--no-hover tr:hover td, .table-visits.table-visits--no-hover tr td.active {
  cursor: default;
}
.table-visits tr:hover td .progressbar__text, .table-visits tr td.active .progressbar__text {
  color: #3f70ed;
}
.table-visits .empty {
  text-align: center;
}
.table-visits .empty:hover {
  cursor: default;
}

.chart_period_buttons {
  width: 120px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chart_period_buttons__btn {
  color: #808080;
  background: #F5F5F5;
  border: none;
  padding: 4px 8px;
}
.chart_period_buttons__btn-active, .chart_period_buttons__btn:hover {
  color: #2B71F6;
  background: #EAF1FE;
}
.chart_period_buttons__btn:nth-child(1) {
  border-radius: 8px 0 0 8px;
}
.chart_period_buttons__btn:nth-child(2) {
  border-radius: 0 8px 8px 0;
}

@media (max-width: 480px) {
  .visits_container__col-1, .visits_container__col-2 {
    min-width: 320px;
  }
}

.visits_container__col-1--deviations {
  flex: 6;
  flex-direction: unset;
}
.visits_container__col-1--deviations--dashboard {
  margin: 0 -3px 19px 0;
}
.visits_container__col-2--deviations {
  flex: 4;
}
.visits_container--top {
  margin: 0 -8px 0 0;
}
.visits_container__col-2--top {
  margin: 20px -3px 0 0;
}
.visits_chart_wrapper--deviations {
  flex: 4;
  max-height: 300px;
}
.visits_chart_legends_wrapper {
  flex: 6;
  margin: 6px 0 6px 20px;
  padding-right: 7px;
  overflow-y: auto;
}
.visits_chart_wrapper--dashboard {
  flex: 4;
  max-height: 279px;
  min-height: 279px;
  max-width: 279px;
  min-width: 279px;
}
.visits_chart_legends_wrapper--dashboard {
  flex: 6;
  margin: 0 0 0 10px;
  max-height: 300px;
  overflow-x: hidden;
}
.visits_chart_legends__item_label {
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #808080;
  border: 0;
  padding: 8px;
  background: none;
}
.visits_chart_legends__item_label-active, .visits_chart_legends__item_label:hover {
  color: #2B71F6;
  background: #ebf1fd;
}
@media (max-width: 1200px) {
  .visits_chart_wrapper--deviations {
    min-width: 220px;
    min-height: 220px;
  }
}

.widget__tabs {
  display: flex;
  position: absolute;
  top: 16px;
  right: 55px;
}
.widget__tab {
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #000000;
  padding: 8px 11px 8px 11px;
  margin-left: -11px;
}
.widget__tab:nth-child(1) {
  padding-right: 20px;
}
.widget__tab:nth-child(2) {
  padding-left: 20px;
}
.widget__tab:not(.widget__tab--active):hover {
  background: #ebf1fd;
  border: 2px solid rgba(0, 0, 0, 0.08);
  color: #2B71F6;
}
.widget__tab:focus {
  color: inherit;
  text-decoration: none;
}
.widget__tab--active {
  background: #2B71F6;
  border: 2px solid #2153B4;
  color: #FFFFFF !important;
  padding: 8px 11px;
  z-index: 1;
}

.table-responsive-custom {

}

.admin-content.admin-content--analytics-offset {
  margin-bottom: 20px;
  margin-top: 20px;
}
.admin-content.admin-content--analytics-offset--tabs {
  margin-top: 70px;
}
@media (max-width: 1439px) {
  .admin-content.admin-content--analytics-offset {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .admin-content.admin-content--analytics-offset--tabs {
    margin-top: 60px;
  }
}

.analytic-index > div > .admin-content:last-of-type {
  margin-bottom: 0;
}

.login_page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 20px;
}

.login_page__bg {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;

  background: url("/images/login_page__bg_left-1.png") bottom left,
              url("/images/login_page__bg_left-2.png") bottom left,
              url("/images/login_page__bg_right-1.png") bottom right,
              url("/images/login_page__bg_right-2.png") bottom right,
              radial-gradient(rgba(255, 255, 253, 1), rgba(255, 255, 253, 1), rgba(239, 238, 237, 1));
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .login_page__bg {
    background: url("/images/login_page__bg_left-1.png") bottom -38px left -64px,
                url("/images/login_page__bg_left-2.png") bottom -38px left -64px,
                url("/images/login_page__bg_right-1.png") bottom -64px right -20px,
                url("/images/login_page__bg_right-2.png") bottom -64px right -20px,
                radial-gradient(rgba(255, 255, 253, 1), rgba(255, 255, 253, 1), rgba(239, 238, 237, 1));
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .login_page__bg {
    background: url("/images/login_page__bg_left-1.png") bottom -38px left -110px,
                url("/images/login_page__bg_left-2.png") bottom -80px left -121px,
                url("/images/login_page__bg_right-1.png") bottom -64px right -162px,
                url("/images/login_page__bg_right-2.png") bottom -70px right -100px,
                radial-gradient(rgba(255, 255, 253, 1), rgba(255, 255, 253, 1), rgba(239, 238, 237, 1));
    background-repeat: no-repeat;
  }
}
@media (max-width: 480px) {
  .login_page__bg {
    background: url("/images/login_page__bg_left-1.png") bottom -60px left -140px,
                url("/images/login_page__bg_left-2.png") bottom -152px left -134px,
                url("/images/login_page__bg_right-1.png") bottom -334px right -102px,
                url("/images/login_page__bg_right-2.png") bottom -330px right -60px,
                radial-gradient(rgba(255, 255, 253, 1), rgba(255, 255, 253, 1), rgba(239, 238, 237, 1));
    background-repeat: no-repeat;
  }
}

.login_page__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 308px;
}
.login_page__logo {
  background: url("/images/login_page__logo.png");
  width: 184px;
  height: 75px;
}
.login_page__header_title {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-family: Inter;
  line-height: 20px;
  margin-top: 15px;
}
.login_page__header_big_title {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.login_page__form {
  margin: 45px 0 15px 0;
  width: 100%;
}
.login_page__form .form-group {
  margin: 20px 0;
  position: relative;
}
.login_page__form .form-group:first-of-type {
  margin-top: 0;
}
.login_page__form .form-group.field-loginform-rememberme {
  margin: 0;
}
.form-group__ico:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 18px;
}
.form-group__ico.form-group__ico--auth_key:after {
  background: url("/images/briefcase-02.svg");
}
.form-group__ico.form-group__ico--username:after {
  background: url("/images/image-user.svg");
}
.form-group__ico.form-group__ico--password:after {
  background: url("/images/lock-04.svg");
}
.form-group__ico.form-group__ico--user:after {
  background: url("/images/user.svg");
}
.form-group__ico.form-group__ico--email:after {
  background: url("/images/email.svg");
}
.login_page__form__input {
  padding: 10px 18px;
  border-radius: 6px;
  border: 2px solid #f0f0ee;
  background: #fafaf8;
  width: 100%;
}
.login_page__form__input:focus-visible,
.login_page__form__input:focus {
  border: 2px solid #2153B4;
  outline: none;
  caret-color: #2B71F6
}
.login_page__form_row {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.login_page__form_row.login_page__form_row--registration {
  margin-top: 25px;
  justify-content: center;
}
.login_page__form__rememberMe {

}
.login_page__form__submit {
  border-radius: 8px;
  border: 2px solid #2153B4;
  background: #2B71F6;
  color: #FFF;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 34px;
  text-align: center;
}
.login_page__form__submit:hover {
  background: #2153B4;
}
.login_page__footer_title {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-family: Inter;
  font-weight: 700;
}
.login_page__contacts {
  max-width: 308px;
  margin: 30px auto;
}
.login_page__text {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-family: Inter;
  line-height: 150%;
  margin: 20px 0;
}
.login_page__text strong {
  font-weight: 600;
}
.login_page__soc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_page__soc_tg {
  background: url("/images/login_page__soc_tg.png");
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 10px;
}
.login_page__soc_wh {
  background: url("/images/login_page__soc_wh.png");
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 10px;
}
label.login_page__form_checkbox {
  padding: 0;
  display: flex;
  align-items: center;
  color: #80807f;
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  cursor: pointer;
}
.form-group.field-registrationform-isaccepted {
  width: calc(100% + 100px);
  margin-left: -50px;
}
.form-group.field-registrationform-isaccepted label.login_page__form_checkbox {
  justify-content: center;
}
.login_page__form_checkbox-custom {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #80807f;
  background: #fcfcfa;
  float: left;
  margin-right: 8px;
}
.login_page__form__rememberMe:checked + .login_page__form_checkbox-custom,
.login_page__form_checkbox-custom--active {
  border: 2px solid #2B71F6;
  background: #fcfcfa url("/images/checked.svg") no-repeat 2px 4px;
}
.login_page__alert-danger {
  margin-top: 40px;
  margin-bottom: -5px;
  color: #a94442;
  font-size: 16px;
  font-family: Inter;
  font-weight: 600;
  line-height: 20px;
}
.login_page__alert-danger.login_page__alert-danger--registration {
  width: calc(100% + 100px);
  margin-left: -50px;
  text-align: center;
  margin-top: 20px;
}
.login_page__form_checkbox:has(.login_page__form__rememberMe:checked) {
  color: #000;
}

.login_page__form_1 {
  width: 636px;
  margin-left: -164px;
}
.login_page__form_2 {

}
.login_page__form_1_container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.login_page__form_1_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 10px 0;
}
.login_page__form_1_row .form-group {
  width: 308px;
  margin: 0;
}

.task-search-container {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.panel-body-task__flex {
  display: flex;
  justify-content: space-between;
}
.list-view .tasks-content {
  background-color: transparent;
}
.admin-content {
  position: relative;
}
@media (max-width: 767px) {
  .chart_header_buttons {
    margin: -5px 12px 10px 13px;

    display: flex;
    justify-content: space-around;
    align-items: stretch;
  }
  .chart_header_buttons a {
    flex: 1;
    margin: 0 2px;
  }
  .chart_header_buttons__btn {
    margin: 0;
    height: 100%;
    line-height: 13px;
  }
  #make-visit {
    padding-right: 15px;
    padding-left: 30px;
  }
  .route-wrapper #make-visit .panel,
  .route-wrapper #make-visit .panel .panel-heading {
    background-color: #fff !important;
  }
  .route-wrapper #make-visit .panel {
    padding-top: 20px;
    margin-top: -14px;
    border-radius: 0;
    height: calc(100vh - 182px);
  }
  .remove-all-places-mobile {
    text-transform: lowercase;
    font-size: 10px;
    padding-left: 2px;
  }
  .visit-create-index .panel .pnl-footer {
    position: fixed;
    background: transparent;
    padding: 0;
    bottom: 1px;
  }
  #make-visit .dots-list-wrapper {
    margin-right: -10px;
  }

  .visit-create-index #filterForm .head-btns {
    position: absolute;
    top: 10px;
  }
  .visit-create-index .visit-search-wrapper-mobile {
    padding-left: 170px;
  }

  #visits-list #filterForm .head-btns,
  #reports-list #filterForm .head-btns,
  #task-index #filterForm .head-btns {
    display: flex;
  }
  #visits-list #filterForm .head-btns .mobile-filter-search-box,
  #reports-list #filterForm .head-btns .mobile-filter-search-box,
  #task-index #filterForm .head-btns .mobile-filter-search-box {
    margin-left: 10px;
  }
  div[data-filter-container="reports-list"] .head-btns .export_report_xls.report-page {
    position: absolute;
    top: 40px;
    left: 338px;
  }

  .user-form .edit-form-container {
    margin: 0 15px;
    margin-bottom: 15px;
  }

  .app-container__template #searchForm {
    position: absolute;
    top: 0;
    left: 124px;
    right: 15px;
    width: auto;
  }

  .app-container__task .sort__wrap .sort__label {
    display: none;
  }

  .app-container__task .task-search-container {
    margin: 0 15px;
  }
  .app-container__task .task-search-container .flex-row-between.head-btns {
    padding-left: 0;
    padding-right: 0;
    flex: 1;
    margin-left: 10px;
  }
  .app-container__task .task-search-container .flex-row-between.head-btns .search-visit-input input[type="text"] {
    width: 100%;
  }
  .panel-body-task__flex {
    flex-direction: column;
  }
  .app-container__task .tasks-content {
    margin: 0 5px 0 15px;
    padding-right: 5px;
  }

  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop {
    display: flex;
    padding: 0 0 10px 0;
  }
  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box {
    margin-left: 15px;
  }
  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box .dialog-filters-btn {
    margin-bottom: 0;
    margin-right: 0;
  }
  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .drp-container {
    margin-bottom: 0;
  }
  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .drp-container .help-block {
    margin-top: 0;
    margin-bottom: 0;
  }

  .widget__card .widget__tabs {
    top: 60px;
    right: unset;
    left: 31px;
  }
  .widget__card .visits_container {
    margin-top: 44px;
  }

  .admin-title-page__items {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .app-container:not(.app-container__analytics):not(.app-container__report) .content .admin-title-page + .admin-content .head-btns {
    margin-top: 10px;
  }

  .app-container__analytics .admin-content {
    margin-left: 10px;
    margin-right: 10px;
  }
  .admin-title-page .admin-content {
    margin-left: 0;
    margin-right: 0;
  }
  .admin-title-page {
    padding: 29px 10px 0 10px;
    margin-bottom: 0;
  }

  .user-form {
    margin-top: 10px;
  }

  #analytics-index {
    padding: 0 10px;
    padding-bottom: 10px;
  }
  #analytics-index .admin-content {
    margin-left: 0;
    margin-right: 0;
  }
  #analytics-avgscores,
  #visits-list,
  #analytics-violations,
  #analytics-tasks,
  #analytics-deviations,
  #checks-time {
    margin-bottom: 60px;
  }
  .chart_header_buttons {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -5px 0 10px 0;
    align-items: flex-start;
  }
  .chart_header_buttons .chart_header_buttons__btn {
    margin: 2px;
  }
  #users-list .chart_header_buttons .chart_header_buttons__btn {
    width: 100%;
    margin: 0;
  }

  .admin-title-page__item .page-widget-wrapper:first-of-type {
    margin-bottom: 10px;
  }

  .content-plashka.long-paginate .count-plashka {
    font-size: 10px;
    height: auto;
  }
  #per-page {
    font-size: 10px;
    height: 16px;
  }
  .content-plashka.long-paginate .plashka .pagination {
    margin: 2px 0 0 0;
  }
  .content-plashka .pagination li a, .content-plashka .pagination li span {
    font-size: 10px;
    line-height: 12px;
    height: 15px;
    padding: 0 7px;
  }
  .content-plashka.long-paginate .plashka {
    height: 35px;
  }
  .content-plashka.long-paginate {
    height: 50px;
  }

  #analytics-avgscores .admin-title-page__item {
    margin-bottom: -10px;
  }

  .app-container__analytics #checks-time #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box {
    margin-bottom: 0;
    margin-left: 0;
  }
  .ui.labeled.icon.button.button-add-items {
    margin-bottom: 10px;
  }

  .content-tabs__item {
    font-size: 12px;
    line-height: 14px;
    padding: 11px 11px;
    display: flex;
    align-items: center;
    height: 61px;
  }

  .integer-widget__item_value {
    font-size: 24px;
    line-height: 40px;
  }
  .integer-widget__item_percent {
    font-size: 10px;
    padding: 4px 8px;
  }
  .chart_header_buttons {
    flex-direction: row;
  }
  #users-list .chart_header_buttons {
    padding: 0 11px;
  }
  .app-container__report .admin-title-page {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .chart_header_buttons__btn {
    font-size: 10px;
    line-height: 12px;
  }
  .app-container__task #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box {
    width: 100%;
  }
  .app-container__task #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box .dialog-filters-btn {
    width: 100%;
    margin-right: 0;
  }

  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box,
  .app-container__analytics #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box .dialog-filters-btn {
    width: 100%;
  }
  .place_details_table_header__wrapper {
    flex-direction: column-reverse;
  }
  .place_details_table_header__calls {
    margin-bottom: 10px;
  }

  .integer-widget--page .integer-widget__item_value {
    font-size: 16px;
  }
  .integer-widget__item_percent {
    right: -38px;
    padding: 2px 6px;
  }
  .page-widget-wrapper.page-widget-wrapper--numbers {
    min-width: 300px;
  }

  .visits_chart_legends__item {
    margin-right: 15px;
  }

  .admin-title-page__item {
    background: #fff;
    box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 0;
  }
  #analytics-avgscores .admin-title-page__item {
    margin-bottom: 0;
  }
  .admin-title-page .admin-title-page__item .admin-content {
    margin-bottom: 0;
    box-shadow: none;
    padding: 0;
  }
  .admin-title-page .admin-title-page__item .admin-content:last-of-type {
    margin-top: 10px;
  }
  .admin-title-page .admin-title-page__item .admin-content:first-of-type {
    margin-top: 0;
  }

  .integer-widget__item_value {
    font-size: 16px;
    line-height: 22px;
  }
  .integer-widget__item_percent {
    font-size: 9px;
    padding: 1px 5px;
    right: -28px;
  }
  .integer-widget__header {
    padding: 2px 6px 3px 0;
  }
  .integer-widget__item_label {
    font-size: 9px;
    line-height: 11px;
  }
  .integer-widget__item {
    flex: 1;
    min-width: 70px;
  }
}

/* страница отчета */
.page-widget-wrapper.page-widget-wrapper--numbers--report {
  padding: 15px 15px;
  min-width: 310px;
}
@media (max-width: 1439px) {
  .page-widget-wrapper.page-widget-wrapper--numbers--report {
    min-width: 280px;
  }
}
.integer-widget__header.integer-widget__header--report {
  padding-right: 0;
}
.admin-title-page__buttons {
  display: flex;
}
.button_blue {
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 8px;
  margin: 0 5px;
  color: #2B71F6;
  border: 1px solid transparent;
}
.button_blue.button_blue--fill,
.button_blue.button_blue--border:hover {
  background: #ebf1fd;
  border: 1px solid transparent;
}
.button_blue.button_blue--border,
.button_blue.button_blue--fill:hover {
  background: transparent;
  border: 1px solid #2B71F6;
}

.admin-content.admin-content--report_head {
  padding: 20px;
}
.report_head__rows {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.report_head__row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 4px;
  border: 1px solid #ECECEC;
  padding: 0 5px;
  margin: 5px 0;
}
.report_head__col {
  display: flex;
  flex-direction: column;
  width: 14.28%;
  padding: 10px 5px;
}
.report_head__col_title {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.report_head__col_text {
  color: #808080;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.report_head__map {
  width: 100%;
  height: 210px;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .report_head__col {
    width: 25%;
  }
}
@media (max-width: 650px) {
  .report_head__col {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .report_head__col {
    width: 100%;
  }
}

.report_block {
  background: #fff;
  position: relative;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
  border-radius: 8px;
  margin: 15px 0;
}
.report_block__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
  border-radius: 8px 8px 0 0;
}
.report_block__header__title {
  padding: 8px 0;
  color: #000;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.report_block__header__statistic {

}
.report-score-header-statistic {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.report-score-header-statistic__col {
  display: flex;
  flex-direction: row;
}
.report-score-header-statistic__col:first-of-type {
  margin-bottom: 8px;
}
.report-score-header-statistic__item {
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  margin-left: 8px;
}
.report-score-header-statistic__item.report-score-header-statistic__item--simple {
  background: #f2f2f2;
  color: #000;
}
.report-score-header-statistic__item.report-score-header-statistic__item--simple span {
  font-weight: 700;
}
.report-score-header-statistic__item.report-score-header-statistic__item--red {
  background: #fbe7e6;
  color: #ec6660;
}
.report-score-header-statistic__item.report-score-header-statistic__item--yellow {
  background: #fcf7df;
  color: #ebc447;
}
.report-score-header-statistic__item.report-score-header-statistic__item--blue {
  background: #dfe4f1;
  color: #3f70ed;
}
.report-score-header-statistic__item-double {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.report-score-header-statistic__item-double .report-score-header-statistic__item:first-of-type {
  padding-right: 19px;
}
.report-score-header-statistic__item-double .report-score-header-statistic__item:last-of-type {
  margin-left: -10px;
  padding: 7px 18px;
}
.app-container__report .report_block__header__statistic .admin-title-page__items {
  margin: 0;
}
.app-container__report .report_block__header__statistic .page-widget-wrapper {
  margin: 0;
  padding: 0;
  min-width: 280px;
}
@media (max-width: 1439px) {
  .app-container__report .report_block__header__statistic .page-widget-wrapper {
    min-width: 250px;
  }
}
.app-container__report .report_block__header__statistic .admin-title-page__item {
  margin-bottom: 0;
}
.report_block__body__item {
  border-bottom: 1px solid #e5e5e5;
}
.report_block__body__item:last-of-type {
  border-bottom: none;
}
.report_block__body .block-dropdown {
  margin: 0;
  background-color: #fff;
  border: none;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
.report_block__body .block-dropdown:before {
  display: none;
}
.report_block__body .block-dropdown__title {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: auto;
  max-width: none;
}
.report_block__body .block-dropdown__title-container {
  height: unset;
  display: block;
}
.report-score-header-score-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.report-score-header-score-title {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.report-score-header-score-body {
  display: flex;
  margin-left: 7px;
}
.report-score-header-score-body-item {

}
.report-score-header-score-body.report-score-header-score-body--numbers .report-score-header-score-body-item {
  margin-left: 10px;
  border-radius: 24px;
  border: 2px solid rgba(20, 22, 26, 0.08);
  width: 42px;
  height: 34px;
  text-align: center;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.report-score-header-score-body.report-score-header-score-body--numbers .report-score-header-score-body-item.report-score-header-score-body-item--active {
  border: 2px solid #2153B4;
  background: #2B71F6;
  color: #FFF;
}
.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item {
  border-radius: 8px;
  padding: 8px 10px;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;

  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #FFF;
  color: #000;
}
.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item:first-of-type {
  padding-right: 20px;
  margin-right: -10px;
}
.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item:last-of-type:not(.report-score-header-score-body-item--active) {
  padding-left: 20px;
  margin-left: -10px;
}
.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item.report-score-header-score-body-item--active {
  z-index: 1;
  border: 2px solid #2153B4;
  background: #2B71F6;
  color: #FFF;

  padding-right: 10px;
  margin-right: 0;
}

.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item.empty-score:first-of-type {
  border-radius: 8px 0 0 8px;
  padding: 8px 10px;
  margin-right: 0;
}

.report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item.empty-score:last-of-type {
  border-radius: 0 8px 8px 0;
  padding: 8px 10px;
  margin-left: -2px;
}

.report-score-body-comment-wrap {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.report-score-body-comment-title {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 8px;
  padding-top: 2px;
}
.report-score-body-comment-body {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.report-score-body-empty {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.report-score-body-photos {
  display: flex;
  overflow-x: auto;
  padding-bottom: 12px;
  margin-top: 20px;
}
.report-score-body-photos a {
  width: 180px;
  min-width: 180px;
  height: 120px;
  overflow: hidden;
  display: block;
  border-radius: 8px;
  margin-right: 10px;
}
.report-score-body-photos a img {
  width: 100%;
  height: 100%;
  scale: 1.1;
}
.report-score-header-title__wrap {

}
.report-score-header-title.block-dropdown__toggle-btn {
  width: auto;
  height: auto;
  cursor: pointer;
}
.report-score-header-title.block-dropdown__toggle-btn span {
  margin-bottom: 7px;
  margin-right: 10px;
}
.report_block__body .block-dropdown.open .block-dropdown__wrapper {
  padding: 0;
}

.report_block .block-dropdown.open .block-dropdown__wrapper {
  display: block;
}
.report_block .block-dropdown__wrapper {
  display: none;
}

.report-description-body {
  padding: 20px;
  border: 1px solid #EEF2F6;
}
.report-description-body:last-of-type {
  border: none;
}
.report-description-body-title {
  margin-bottom: 20px;
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.report-description-body-text,
.report-score-body-text {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 480px) {
  .report-score-body-text {
    margin-bottom: 5px;
    margin-top: -5px;
  }
}

.report_block__body_photos,
.report_block__body_checker,
.report_block__body_number {
  padding: 20px;
}
.report_block__body .report_block__body_photos .report-score-body-photos {
  margin-top: 0;
}

.report_block__body_checker_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.report_block__body_checker_wrap:last-of-type {
  margin-bottom: 0;
}
.report_block__body_checker_item {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.report_block__body_checker_item.report_block__body_checker_item--active {
  color: #000;
}

.report_block__body_number_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.report_block__body_number_wrap:last-of-type {
  margin-bottom: 0;
}
.report_block__body_number_title {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.report_block__body_number_value {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 10px;
}

.report-score-body-tasks {
  margin-top: 20px;
}
.report-score-body-task {
  margin-bottom: 20px;
}
.report-score-body-task:last-child {
  margin-bottom: 0;
}
.report-score-body-task__header {
  background: #f2f2f2;
  display: flex;
  flex-direction: row;
  border-radius: 8px 8px 0 0;
  position: relative;
  padding: 20px;
}
.report-score-body-task__header__item {
  margin-right: 60px;
  color: rgba(0, 0, 0, 0.50);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.report-score-body-task__header__item span {
  color: #000;
}
.report-score-body-task__delete {
  position: absolute;
  top: 19px;
  right: 20px;
  cursor: pointer;
}
.report-score-body-task__reject_delete {
  margin-left: 5px;
}
.report-score-body-task__delete svg use,
.report-score-body-task__reject_delete svg use {
  stroke: #303030;
}
.report-score-body-task__delete:hover svg use,
.report-score-body-task__reject_delete:hover svg use {
  stroke: #FF6D4A;
}
.report-score-body-task__body {
  background: #f7f7f7;
  border-radius: 0 0 8px 8px;
  padding: 20px;
  position: relative;
}

.report-score-body-task__status {
  padding-left: 21px;
  margin-bottom: 11px;
  position: relative;
  color: rgba(0, 0, 0, 0.50);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.report-score-body-task__status:last-of-type {
  margin-bottom: 0;
}
.report-score-body-task__status:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #808080;
  position: absolute;
  left: 0;
}
.report-score-body-task__status span {
  font-weight: 600;
}
.report-score-body-task__status.report-score-body-task__status--inprogress:before {
  background: #F3C21B;
}
.report-score-body-task__status.report-score-body-task__status--inprogress span {
  color: #F3C21B;
}
.report-score-body-task__status.report-score-body-task__status--reject:before {
  background: #EE534E;
}
.report-score-body-task__status.report-score-body-task__status--reject span {
  color: #EE534E;
}
.report-score-body-task__status.report-score-body-task__status--done:before {
  background: #7ED952;
}
.report-score-body-task__status.report-score-body-task__status--done span {
  color: #7ED952;
}

.report-score-body-task__btn-reject {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 8px 20px;
}
.report-score-body-task .report-score-body-comment-wrap.report-score-body-comment-wrap--offset {
  padding-right: 125px;
}

.report-score-body-task__form-reject {
  border-radius: 8px;
  background: #f7f7f7;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
.report-score-body-task__form-reject:last-child {
  margin-bottom: 0;
}
.report-score-body-task__form-reject__title {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.report-score-body-task__form-reject__textarea {
  margin: 10px 0 15px 0;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 38px;
  border-radius: 4px;
  border: 2px solid rgba(20, 22, 26, 0.08);
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  background: #f7f7f7;
  padding: 10px 16px;
}
.report-score-body-task__form-reject__buttons {
  display: flex;
  margin: 0 -5px;
}
.report-score-body-task__form-reject__buttons button[type="submit"] {
  padding: 8px 16px;
}
.report-score-body-task__form-reject__buttons button:last-of-type {
  padding: 8px 30px;
}
/* страница отчета */

@media (max-width: 767px) {
  .admin-title-page__title .admin-title-page__buttons,
  .tracking-index,
  #task-index,
  .page-view-mobile,
  .app-container__template .admin-title-page + .admin-content {
    margin-top: 10px;
  }
  #template-form .header-name {
    margin-top: 19px;
  }
}

.content-plashka .plashka {
  display: flex;
  justify-content: flex-end;
  float: unset;
}
.content-plashka .count-plashka {
  flex: 1;
  float: unset;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .content-plashka .count-plashka {
    flex: unset;
    margin-right: 4px;
  }
  .content-plashka.long-paginate .plashka {
    flex-direction: unset;
    flex-wrap: wrap;
  }
  .content-plashka.long-paginate .plashka .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .visit-create-grid .content-plashka .plashka {
    margin-top: 34px;
    padding-top: 7px;
  }
  .visit-create-grid .content-plashka .plashka-left .item-per-page {
    padding-top: 10px;
  }
  .visit-create-grid .content-plashka.long-paginate {
    height: 98px;
  }
}

.visit-create-index .panel .pnl-footer {
  display: flex;
  flex-direction: row;
  margin-right: -3px;
  justify-content: center;
}
.visit-create-index .panel .pnl-footer .ui.labeled.icon.button.button-delete-items {
  width: 100%;
  padding: 9px 7px !important;
  text-align: center;
}
.visit-create-index .panel .pnl-footer button {
  padding: 9px 4px !important;
  line-height: 0;
}
.visit-create-index .panel .pnl-footer button {
  max-width: 200px;
}

@media (max-width: 767px) {
  .search-user-input input[type="text"], .search-visit-input input[type="text"], .search-route-input input[type="text"] {
    width: auto;
  }

  .app-container__user .header__buttons,
  .app-container__place .header__buttons {
    display: flex;
  }
  .app-container__user .header__buttons a:nth-child(1),
  .app-container__place .header__buttons a:nth-child(1) {
    order: 1;
  }
  .app-container__user .header__buttons a:nth-child(3),
  .app-container__place .header__buttons a:nth-child(3) {
    order: 3;
  }
  .app-container__user .header__buttons .ui.labeled.icon.button.button-export,
  .app-container__place .header__buttons .ui.labeled.icon.button.button-export,
  .app-container__report .head-btns .ui.labeled.icon.button.button-export {
    font-size: 0;
  }
  .app-container__user .header__buttons span:nth-child(4),
  .app-container__place .header__buttons span:nth-child(4) {
    order: 2;
  }

  .app-container__report .dialog-filters-btn {
    padding: 9px 0;
    width: 72px;
    font-size: 10px;
  }
  div[data-filter-container="reports-list"] .head-btns .export_report_xls.report-page {
    position: absolute;
    top: 40px;
    left: unset;
    right: 16px;
  }
  #reports-list #filterForm .head-btns .mobile-filter-search-box {
    margin-left: 7px;
  }
}
@media (max-width: 480px) {
  .app-container__template .header-center .type-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -3px;
  }
  .app-container__template .header-center .type-btn-wrapper button {
    width: calc(33.3333% - 4px);
    margin-bottom: 3px;
  }
  .app-container__template .header-center {
    width: 100%;
  }
  .app-container__template #template-form .header-name {
    width: 100%;
  }
}

.analytic-index[data-filter-container="analytics-index"] {
  margin-top: 10px;
}

@media (max-width: 767px) {
  #filterForm .hidden-mobile .analytics-filters-js .button-group,
  #filterForm .hidden-mobile .analytics-filters-js .filter-reset-link {
    display: none !important;
  }
  #filterForm .hidden-mobile .analytics-filters-js .button-group#date {
    display: block !important;
  }
  #filterForm .hidden-mobile {
    float: left;
    margin-right: -10px;
  }
  .app-container__task #filterForm .hidden-mobile {
    margin-right: -20px;
    padding-left: 15px;
  }
  .app-container__report #filterForm .hidden-mobile {
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .app-container__visit #filterForm .hidden-mobile {
    margin-right: -22px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .app-container__visit #filterForm {
    padding: 0 15px;
    margin-top: -10px;
  }
}

/* daterangepicker */
@media (max-width: 563px) {
  .daterangepicker {
    max-height: 315px;
    overflow: hidden;
  }
  .daterangepicker .drp-buttons,
  .daterangepicker.show-calendar .drp-buttons {
    display: flex;
    flex-wrap: wrap;
  }
  .daterangepicker .drp-buttons .drp-selected {
    width: 100%;
    display: block;
    padding: 0 0 6px 0;
    float: unset;
    text-align: center;
  }
  .daterangepicker .drp-buttons .cancelBtn,
  .daterangepicker .drp-buttons .applyBtn {
    flex: 1;
  }
  .daterangepicker .drp-buttons .cancelBtn {
    margin-left: 0;
  }

  .daterangepicker_wrapper {
    max-height: 250px;
    overflow-y: auto;
    position: relative;
  }
}
/* daterangepicker */

@media (max-width: 767px) {
  .app-container__analytics #checks-time #filterForm .head-btns.hidden-tablet.hidden-desktop .mobile-filter-search-box {
    margin-left: 15px;
  }

  #task-index .list-view {
    padding: 0 15px;
    padding-bottom: 65px;
  }
}

.content-resize {
  display: block;
  text-overflow: ellipsis;
  overflow-x: clip;
}

#task-index .list-view > div:nth-last-child(2) .panel  {
  margin-bottom: 0;
}

.create-visit__bottom-buttons {
  display: flex;
}
.create-visit__bottom-buttons button.button {
  min-width: 160px;

}
.create-visit__bottom-buttons button.button.create-route-btn-submit {
  margin-right: 10px;
}
.create-visit__bottom-buttons .ui.labeled.icon.button.button-delete-items {
  text-align: center;
  padding-left: unset !important;
  padding-right: unset !important;
  margin-right: 0;
}

.grid-view tr.expand td {
  white-space: nowrap;
}
.grid-view table.table.table-visits tr.expand td {
  white-space: nowrap;
}

.kv-table-header, .kv-table-footer {
  background: #fff !important;
}

.ui.input > input[name="search"] {
  border: 1px solid #ddd;
}

@media (max-width: 767px) {
  .visit-create-index .head-btns {
    padding: 0;
  }
  .visit-create-index .head-btns .dialog-filters-btn {
    width: 140px;
  }
}

.visit-create-index > .dots-grid, .visit-create-index > .dots-grid .admin-content {
  position: unset;
}
.visit-create-index .content-plashka {
  bottom: 6px;
  padding: 0 30px 0 120px;
}
.visit-create-index .content-plashka .count-plashka {
  flex: unset;
  padding-top: 2px;
}
.visit-create-index .content-plashka #apply-selected {
  margin-top: 2px;
}
@media (max-width: 1100px) and (min-width: 768px) {
  .visit-create-index .content-plashka .plashka {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .visit-create-index .content-plashka .plashka .pagination {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .visit-create-index .content-plashka .plashka-left .geo-check {
    margin-left: 5px !important;
  }
}
@media (max-width: 768px) {
  .visit-create-index .content-plashka {
    padding: 0 30px 0 30px;
  }
}

.table-visits th a span.content-resize {
  flex: 1;
}
.table-visits th a span:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
}

.swiper-container swiper-slide {
  max-width: 100px;
}

@media (max-width: 768px) {
  .visit-create-index {
    position: relative;
  }
}

/* report mobile */
.report-score-header {
  flex-wrap: nowrap;
}
.report-score-header-title.block-dropdown__toggle-btn span {
  text-align: left;
  white-space: normal;
}
.report-score-header-statistic__item {
  white-space: nowrap;
}

.report_block__header__statistic {
  margin-left: 10px;
}
.report-score-header-title.block-dropdown__toggle-btn {
  display: flex;
  align-items: center;
}
.report-score-body-task .report-score-body-comment-wrap {
  padding-right: 0;
}
.report_block__body_number_value .report-score-body-empty {
  margin-top: 0;
}

@media (max-width: 900px) {
  .report-score-body-task__header {
    padding-right: 50px;
    justify-content: space-between;
  }
  .report-score-body-task__header__item {
    margin-right: 10px;
    font-size: 13px;
  }
  .report-score-body-task__header__item span {
    white-space: nowrap;
  }
}

@media (max-width: 815px) and (min-width: 768px) {
  .report-score-header-score-body.report-score-header-score-body--numbers .report-score-header-score-body-item {
    margin-left: 5px;
    width: 39px;
    height: 32px;
  }
}

@media (max-width: 768px) {
  .app-container__report .integer-widget--page .integer-widget__item_value {
    font-size: 24px;
  }
  .app-container__report .integer-widget__item_percent {
    top: 3px;
    right: -45px;
    font-size: 10px;
  }
  .app-container__report .integer-widget--page .integer-widget__item_label {
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
    margin-bottom: -2px;
  }
  .app-container__report .integer-widget__item {
    flex: unset;
  }
  .app-container__report .integer-widget__item {
    min-width: 70px;
  }
  .app-container__report .integer-widget__item:last-of-type {
    min-width: 60px;
  }

  .app-container__report .report_head__row {
    background: #fff;
    margin: 5px 10px;
    border-radius: 8px;
  }
  .report_block {
    margin: 15px 10px;
  }
  .report_block__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .report_block__header__title {
    font-size: 22px;
  }
  .report_block__header__statistic {
    width: 100%;
    max-width: 360px;
  }

  .report-score-header-statistic {
    align-items: flex-start;
    margin-top: 8px;
  }
  .report-score-header-statistic__col > .report-score-header-statistic__item:first-of-type {
    margin-left: 0;
  }

  .report_head__map {
    margin-top: 13px;
  }

  .report-score-body-comment-wrap,
  .report-score-body-task .report-score-body-comment-wrap {
    flex-direction: column;
  }
  .report-score-body-comment-title {
    font-size: 12px;
  }
  .report-score-body-comment-body {
    font-size: 14px;
  }

  .report-score-body-task__status {
    font-size: 12px;
    padding-left: 19px;
  }
  .report-score-body-task__status:before {
    width: 14px;
    height: 14px;
  }

  .report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item {
    padding: 6px 9px;
    font-size: 12px;
  }
  .report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item:last-of-type:not(.report-score-header-score-body-item--active) {
    padding-left: 17px;
  }
  .report-score-body-empty {
    font-size: 12px;
  }

  .report-score-body-task__body .report-score-body-comment-body span {
    line-height: 21px;
  }
}

@media (max-width: 768px) and (min-width: 481px) {
  .app-container__report .admin-content.page-widget-wrapper.page-widget-wrapper--numbers.page-widget-wrapper--numbers--report {
    padding: 16px;
    background: #fff;
    position: relative;
    box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
    border-radius: 8px;
  }
  .app-container__report .report-view-page .admin-title-page__wrap .admin-title-page__item {
    margin-bottom: -10px;
    max-width: 360px;
  }
}

@media (max-width: 480px) {
  .app-container__report .integer-widget__item_percent {
    right: -30px;
  }
  .app-container__report .report_head__row .report_head__col {
    width: 50%;
  }

  .report_block__header__statistic .admin-title-page__items .admin-title-page__item {
    background: transparent;
    box-shadow: unset;
    padding: 0;
  }
  .report_block__header {
    padding: 15px;
  }
  .report_block__header__title {
    font-size: 20px;
  }
  .report_block__header__statistic {
    max-width: unset;
  }

  .report_block__body .block-dropdown__title {
    font-size: 14px;
  }
  .report_block__body .block-dropdown {
    padding: 15px;
  }
  .report-score-header-score-title {
    font-size: 12px;
  }
  .report-score-header-score-wrap {
    margin-top: 0;
  }
  .report-score-header-score-body.report-score-header-score-body--numbers .report-score-header-score-body-item {
    margin-left: 5px;
    width: 30px;
    height: 25px;
    font-size: 12px;
  }
  .report-score-header-statistic__item {
    font-size: 10px;
  }
  .report-score-body-task__header {
    padding-right: 40px;
  }
  .report-score-body-task__header__item {
    font-size: 12px;
  }
  .report-score-body-task__delete {
    right: 10px;
  }

  .report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item {
    padding: 5px 8px;
    font-size: 10px;
  }
  .report-score-header-score-body.report-score-header-score-body--yesno .report-score-header-score-body-item:last-of-type:not(.report-score-header-score-body-item--active) {
    padding-left: 15px;
  }

  .report-score-body-task .report-score-body-comment-wrap.report-score-body-comment-wrap--offset {
    padding-right: 0;
  }
  .report-score-body-task__body.report-score-body-task__body--offset {
    padding-bottom: 70px;
  }
  .report-score-body-task__btn-reject {
    right: unset;
    left: 20px;
    margin: 0;
  }
  .report_block__body_checker_item,
  .report_block__body_number_title,
  .report_block__body_number_value {
    font-size: 12px;
  }
  .report_block__body_number_value {
    white-space: nowrap;
  }
  .report-score-body-task,
  .report-score-body-task__form-reject {
    margin-bottom: 15px;
  }
}
.report_block__header__statistic, .page-widget-wrapper, .integer-widget--page, .integer-widget__header {
  overflow: hidden;
}
@media (max-width: 480px) {
  .report-view-page .admin-title-page__item {
    box-shadow: unset;
  }
}
/*.admin-title-page__items, .admin-title-page__item*/
/* report mobile */

.select2_user_position {
  display: block;
  font-size: 10px;
}

/* place form */
.edit-form-container {
  display: flex;
  flex-direction: column;
  padding: 15px;
  max-width: unset;
}
.edit-form-container__col-1 {
  padding-right: 69px;
  min-width: 450px;
  max-width: 450px;
}
.edit-form-container__col-2 {
  width: calc(100% - 450px);
  display: flex;
  flex-direction: column;
}
.edit-form-container__sub-row-1,
.edit-form-container__sub-row-2 {
  flex: 1;
}
.edit-form-container__row-1 {
  flex: 1;
}
.edit-form-container__row-1,
.edit-form-container__row-2 {
  display: flex;
  flex-direction: row;
}
.edit-form-container__table__wrap {
  position: relative;
}
.edit-form-container__table {
  max-height: calc(90vh - 90px);
  overflow-y: auto;
  overflow-x: hidden;
}
.app-container__user .edit-form-container__table {
  max-height: 391px;
}
.app-container__place .edit-form-container__table {
  max-height: 476px;
}
@media (max-width: 1440px) {
  .app-container__user .edit-form-container__table {
    max-height: 395px;
  }
  .app-container__place .edit-form-container__table {
    max-height: 480px;
  }
}
@media (max-width: 1200px) {
  .app-container .edit-form-container__table {
    max-height: 350px;
  }
  .edit-form-container__col-2 {
    width: 100%;
  }
}
.edit-form-container__table__wrap:before, .edit-form-container__table__wrap:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #ECECEC;
  z-index: 1;
}
.edit-form-container__table a.cell-link, .edit-form-container__table-recipients a.cell-link {
  padding: 0;
  color: inherit;
  text-decoration: none;
}
.edit-form-container__table .table-hover tr:hover td, .edit-form-container__table-recipients .table-hover tr:hover td {
  color: inherit;
  cursor: inherit;
}
.edit-form-container__table__action-button a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-form-container .select2-selection {
  overflow: hidden;
  margin-right: 5px;
}
.edit-form-container__table__header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.edit-form-container__table__title {
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
  margin-right: 15px;
}
.edit-form-container__table__button {
  text-align: center;
}
.edit-form-container__table .edit-form-container__table__action-button img {
  width: 18px;
}
.edit-form-container__table__user-col-1 {
  width: 15%;
}
.edit-form-container__table__user-col-2 {
  width: 15%;
}
.edit-form-container__table__user-col-3 {
  width: 15%;
}
.edit-form-container__table__user-col-4 {
  width: 15%;
}
.edit-form-container__table__user-col-5 {
  width: 15%;
}
.edit-form-container__table__user-col-6 {
  width: calc(25% - 48px);
}
.edit-form-container__table__user-col-7 {
  width: 48px;
}
.edit-form-container__table a.cell-link {
  text-overflow: inherit;
  overflow: hidden;
}
.edit-form-container__table .grid-view tr.expand td {
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit-form-container--mini {
  max-width: 430px;
}
.edit-form-container__search {
  width: 100%;
  margin-bottom: 10px;
}
.edit-form-container__search input {
  border-top: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-radius: 0.28571429rem !important;
  padding-left: 1em !important;
  height: 28px !important;
}
.edit-form-container__search.ui.input input[type="text"]:focus {
  border-color: #85B7D9 !important;
}
.grid-view tbody tr td.edit-form-container__table__user-col-7 {
  padding: 0 !important;
}

.grid-view tbody tr td.edit-form-container__table__user-col-5-recipient {
  padding: 0 !important;
}

@media (max-width: 1200px) {
  .edit-form-container__row-1, .edit-form-container__row-2 {
    flex-direction: column;
  }
  .edit-form-container__col-1,
  .edit-form-container__col-2 {
    min-width: unset;
    max-width: unset;
  }
  .edit-form-container__col-1 {
    padding-right: 15px;
  }
}
@media (max-width: 850px) {
  .edit-form-container__table .table-visits th, table.table.table-visits thead > tr > th {
    font-size: 9px;
  }
  .edit-form-container__table .edit-form-container__table__action-button img {
    width: 14px;
  }
  .table-visits .edit-form-container__table__user-col-7 {
    padding: 4px !important;
  }
}
@media (max-width: 767px) {
  .edit-form-container__col-1 {
    padding-right: 0;
  }
}
@media (max-width: 660px) {
  .edit-form-container__table {
    overflow-x: auto;
  }
}
/* place form */

#users-list {
  overflow-y: auto;
}

/* profile */
.admin-content.admin-content--profile-bottom {
  margin-top: 20px;
}
@media (max-width: 1439px) {
  .admin-content.admin-content--profile-bottom {
    margin-top: 10px;
  }
}
.profile__block_row {
  display: flex;
  padding: 0 !important;
}
.profile__block_col {
  flex: 1;
  padding: 20px;
  width: 50%;
}
.profile__block_col:first-of-type {
  padding-right: 10px;
}
.profile__block_col:last-of-type {
  padding-left: 10px;
}
.profile__block {

}
.profile__title {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.profile__title.modal_pay_history__balance__title {
  margin-bottom: 0;
}
.profile__name {
  color: #000;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.profile__item {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.profile__item:last-of-type {
  margin-bottom: 0;
}
.profile__item span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-left: 5px;
}
.profile__item img {
  width: 20px;
}
.profile__item a {
  color: #628bf1;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: underline;
}
.profile__item a:hover {
  text-decoration: none;
}
.app-container__profile .content .admin-page {
  padding-bottom: 0;
}
.profile__balance_block {
  margin-top: 10px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.profile__balance_value {
  color: #333;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-right: 10px;
}
.profile__balance_deadline {
  color: #808080;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile__balance_deadline span {
  font-weight: 700;
}
.profile__form_block {
  margin-bottom: 15px;
}
.profile__form_block_title {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
.profile__form_block_radio_items {
  display: flex;
}
.profile__form_block_radio_item {
  display: flex;
  align-items: center;
}
.profile__form_block_radio_item:first-of-type {
  margin-right: 30px;
}
.profile__form_block_calc {
  margin-top: 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.profile__form_block_calc_buttons {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.profile__form_block_calc_buttons__button {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #ebebeb;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.profile__form_block_calc_buttons__button.profile__form_block_calc_buttons__button--minus {

}
.profile__form_block_calc_buttons__button.profile__form_block_calc_buttons__button--plus {

}
.profile__form_block_calc_buttons__value {
  width: 23px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.profile__form_block_calc_buttons__value::-webkit-outer-spin-button,
.profile__form_block_calc_buttons__value::-webkit-inner-spin-button {
  display: none;
}
.profile__form_block_calc_buttons__value:focus {
  outline: none;
}
.profile__form_block_calc_text {
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 5px 0 10px;
}
.profile__form_block_calc_value {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.profile__form_sum_text {
  margin-bottom: 10px;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.profile__form_sum {
  margin-bottom: 10px;
  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.profile__name, .profile__item span, .profile__item span, .profile__item span {
  overflow-wrap: anywhere;
}

.profile__form .form-group {
  margin: 10px 0;
  position: relative;
}
.profile__form .form-group:first-of-type {
  margin-top: 0;
}

.profile__form_enable_js {
  display: none;
  padding-bottom: 90px;
}
.profile__form_input_row {
  display: flex;
  align-items: center;
}
.profile__form_input_row label {
  min-width: 77px;
  max-width: 77px;
  margin-right: 10px;
  color: #808080;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 0;
}
.profile__form_input_row input {
  padding: 10px 18px;
  border-radius: 6px;
  border: 2px solid rgba(0, 0, 0, 0.04);
  background: rgba(20, 22, 26, 0.02);
  width: 100%;
  color: #000;
}
.profile__form_input_row input:focus {
  border: 2px solid rgba(0, 0, 0, 0.04);
  outline: none;
  /*border: 2px solid #2153B4;*/
  /*caret-color: #2B71F6;*/
}

.profile__form_validate_error {
  color: #a94442;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-top: 20px;
}

.profile__form .has-error .control-label {
  color: #a94442;
}
.profile__form .has-success .control-label {
  color: #808080;
}
.profile__form .has-success .form-control {
  border: 2px solid rgba(0, 0, 0, 0.04);
}

.profile__form_right_buttons {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.profile__button_border,
.profile__button_fill {
  width: 150px;
  height: 40px;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  border-radius: 4px;
}
.profile__button_border {
  border: 2px solid #261C75;
  color: #261C75;
  background: #fff;
  font-weight: 400;
}
.profile__button_fill {
  border: 2px solid #2153B4;
  color: #fff;
  background: #2B71F6;
  font-weight: 700;
  text-transform: uppercase;
}
.profile__button_border:hover {
  border: 2px solid #628bf1;
  color: #628bf1;
}
.profile__button_fill:hover {
  background: #FFF;
  color: #2153B4;
}

.profile__form .form-group.required label:after {
  content: "*";
  color: #FF5B5A;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-left: 5px;
}

.modal_pay_history__table-col-1 {
  max-width: 72px; min-width: 72px; width: 72px;
}
.grid-view td.modal_pay_history__table-col-2 {
  /*text-wrap: balance;*/
  white-space: break-spaces;
  width: 200px;
}
.modal_pay_history__table-col-3 {
  max-width: 92px; min-width: 72px; width: 72px;
}
.modal_pay_history__table-col-4 {
  max-width: 92px; min-width: 72px; width: 72px;
}

@media (max-width: 1440px) {
  .modal_pay_history__table-col-1 {
    max-width: 62px; min-width: 62px; width: 62px;
  }
  .modal_pay_history__table-col-3 {
    max-width: 82px; min-width: 62px; width: 62px;
  }
  .modal_pay_history__table-col-4 {
    max-width: 82px; min-width: 62px; width: 62px;
  }
}
@media (max-width: 992px) {
  .modal_pay_history__table-col-1 {
    max-width: 80px; min-width: 80px; width: 80px;
  }
  .profile__form_block_radio_item:first-of-type {
    margin-right: 15px;
  }
  .profile__item, .profile__item a {
    font-size: 12px;
  }
  .profile__item span {
    font-size: 14px;
  }
  .profile__item img {
    width: 16px;
  }
  .profile__name {
    font-size: 22px;
  }
  .profile__form_input_row label {
    min-width: 60px;
    max-width: 60px;
    font-size: 12px;
  }

  .profile__form .profile__block_row {
    flex-direction: column;
  }
  .profile__form .profile__block_col {
    width: 100%;
  }
  .profile__form .profile__block_col:first-of-type {
    padding-right: 20px;
    padding-bottom: 10px;
  }
  .profile__form .profile__block_col:last-of-type {
    padding-left: 20px;
    padding-top: 10px;
  }
  .profile__form .profile__form_right_buttons {
    position: unset;
    margin-top: 15px;
  }
  .profile__form .profile__form_enable_js {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .modal_pay_history__table-col-1 {
    max-width: 100px; min-width: 100px; width: 100px;
  }
  .app-container.app-container__profile .admin-content {
    background: #fff;
    margin: 0 10px;
  }
  .app-container.app-container__profile .admin-content.admin-content {
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid #ECECEC;
  }
}
@media (max-width: 650px) {
  .profile__block_row {
    flex-direction: column;
  }
  .profile__block_col {
    width: 100%;
  }
  .profile__block_col:first-of-type {
    padding-right: 20px;
    padding-bottom: 10px;
  }
  .profile__block_col:last-of-type {
    padding-left: 20px;
    padding-top: 10px;
  }
  .profile__form_right_buttons {
    position: unset;
    margin-top: 15px;
  }
  .profile__form_enable_js {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .profile__button_border,
  .profile__button_fill {
    width: 140px;
  }
  .modal_pay_history__table-col-1 {
    max-width: 50px; min-width: 50px; width: 50px;
    word-wrap: break-word;
    text-overflow: unset !important;
    white-space: unset !important;
    overflow: unset !important;
  }
}
@media (max-width: 400px) {
  .profile__form_enable_js .profile__form_right_buttons {
    display: flex;
    justify-content: space-around;
  }
}

.profile__button_fill--disable {
  cursor: not-allowed;
  border: 2px solid #2153B4;
  color: #fff;
  background: #2B71F6;
}
.profile__button_fill--disable:hover {
  border: 2px solid #2153B4;
  color: #fff;
  background: #2B71F6;
}
/* profile */

.form_radio_custom {
  margin-bottom: 0;
  cursor: pointer;
}
.form_radio_custom__input {
  display: none;
}
.form_radio_custom__label {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form_radio_custom__input:checked ~ .form_radio_custom__label {
  font-weight: 600;
}
.form_radio_custom__item {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #ebebeb;
  margin-right: 8px;
}
.form_radio_custom__input:checked ~ .form_radio_custom__item {
  background: radial-gradient(#3f70ed 0px 4px, #fff 4px 4px);
}
@media (max-width: 992px) {
  .form_radio_custom__label {
    font-size: 13px;
  }
}

.modal-block-scroll {
  overflow-y: auto;
  max-height: calc(90vh - 90px);
  padding-right: 5px;
  margin-right: -8px;
}

.modal_pay_history__balance_block {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.modal_pay_history__balance__title {
  margin-right: 5px;
}
.modal_pay_history__balance__balance_block {
  margin-top: unset;
  margin-bottom: unset;
}

.user-form .iti--allow-dropdown input {
  padding-right: 6px !important;
  padding-left: 52px !important;
  margin-left: 0 !important;
}
svg.delete-table-row use {
  fill: #A2A2A2;
}
svg.delete-table-row:hover use {
  fill: #FF6D4A;
}

svg.delete-table-row-recipients use {
  fill: #A2A2A2;
}
svg.delete-table-row-recipients:hover use {
  fill: #FF6D4A;
}

/* public article*/
.content_public {
  padding: 8px 10px;
  background: #fff;
  position: relative;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  margin: 7px 0;
}
.content_public__wrap {
  width: 90%;
  max-width: 1000px;
  margin: 20px auto;
  padding: 0 5px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}
.content_public__title {
  padding: 15px;
  margin: 0 -5px;
  border-bottom: 1px solid #e5e5e5;
}
/* public article*/

.modal-open .modal.in.modal--center {
  display: flex !important;
  align-items: center;
}
.modal.in.modal--center .modal-dialog {
  margin: 0 auto;
}

.login_page__form .form-group.field-registrationform-phone .iti__selected-flag {
  padding-left: 16px;
  padding-right: 16px;
}

.login_page__form__input__info {
  background: url("/images/info2.svg");
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: -35px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .login_page__form_1_row {
    flex-direction: column;
  }
  .login_page__form_1 {
    width: 100%;
    margin-left: 0;
  }
  .login_page__form_1_row {
    margin: 0;
  }
  .login_page__form_1_row .form-group {
    margin: 10px 0;
  }
  .login_page__form_1_row .form-group:first-of-type {
    margin-top: 10px;
  }
  .login_page.login_page--registration {
    height: auto;
  }
}
@media (max-width: 480px) {
  .login_page__alert-danger.login_page__alert-danger--registration,
  .form-group.field-registrationform-isaccepted {
    width: 100%;
    margin-left: 0;
  }
  .login_page__form__input__info {
    right: -25px;
  }
}

@media (max-height: 740px) {
  .login_page.login_page--registration {
    height: auto;
  }
}

.form_submit .has-error .login_page__form__input {
  border-color: #a94442;
}
.registration__form_validate_error_1,
.registration__form_validate_error_2 {
  display: none;
}

.modal#payHistoryModal .grid-view table.table.table-visits tbody tr td:first-child {
  min-width: 64px;
  text-align: center;
}

.modal#payHistoryModal .rc-handle-container {
  display: none;
}

.nav > li.nav_li_disabled > a:hover {
  cursor: not-allowed;
  color: #262073;
}

.form-box-label {
  display: inline-flex !important; 
  align-items: center;
}

.form-box-label-tooltip {
  position: static;
  margin-left: 5px;
  width: 13px;
  height: 13px;
}

.form-box-label_disabled span {
  color: #dbdbdb;
}

.margin-left-auto {
  margin-left: auto;
}

@media (min-width: 768px) {
  .visit-plashka {
    margin-top: 0 !important;
    padding-left: 10px;
  }
  .visit-content-plashka {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0 !important;
  }
}

@media (max-width: 991px) {
  .visit-content-plashka {
    padding-right: 30px !important;
  }
}

@media (max-width: 1102px) {
  .visit-content-plashka {
    width: 100%;
  }
}

#visit-date::-webkit-input-placeholder, #visit-date::placeholder {
    color: #555555;
}

.table-geo-icon {
  width: 22px;
  height: 22px;
}

.table-geo-icon.on {
  opacity: 0.8;
}

.table-geo-icon.off {
  opacity: 0.6;
}

.table-visits__select_user > .title > .icon-block.arrow > .chevron-down {
  transition: transform 0.2s ease-in-out;
}

.table-visits__select_user > .title > .icon-block.arrow.show-content >  .chevron-down {
  transform: rotate(180deg);
}

.table-visits__select_user > .title > .icon-block.arrow.show-content >  .chevron-down {
  transform: rotate(180deg);
}

.table-field__title {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.65);
}

.table-field__title > .title > .icon-block, .table-visits__select_user > .title > .icon-block {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  margin-right: 5.8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-field__title > .title > .icon-block > .circle-item {
  background-color: #d9d9d9;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  min-height: 6px;
  min-width: 6px;
}

.table-visits__select_user.active-block {
  background-color: #ececec;
}

.table-field__title:hover > .title > .icon-block > .circle-item {
  background-color: rgba(43, 113, 246, 0.5) !important;
}

.table-field__title.active > .title > .icon-block > .circle-item {
  background-color: rgba(43, 113, 246, 0.5) !important;
}

.table-field__title:hover > .title {
  color: rgba(43, 113, 246, 1) !important;
}

.table-visits tr:hover td {
  background: transparent !important;
}

.table-visits tr:hover > .table-visits__select_user.active, .table-visits tr:hover > .table-field__title.active {
  background-color: rgba(245, 248, 255, 1) !important;
}

.tasks-container {
  position: relative;
}

.panel-body-task-card {
  width: 100%;
  margin-bottom: 20px;
  background: #FFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.panel-body-task-card > hr {
  margin: 0;
}

.panel-body-task-header {
  padding: 8px 18px 8px 25px;
}

.panel-body-task-header > .task-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-family: Inter, sans-serif;
  gap: 12px 0;
}

.panel-body-task-header > .task-wrapper > .task-title {
  /*flex: 1;*/
  margin-right: 20px;
  width: 23%;
}
.panel-body-task-header > .task-wrapper > .task-title > a {
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000000;
}

.panel-body-task-header > .task-wrapper > .task-title > a:hover {
  color: #FF6D4A;
}

.panel-body-task-header > .task-wrapper > .task-status-container {
  max-width: 133px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}


.panel-body-task-header > .task-wrapper > .task-status-container > .task-status {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 30px;
  white-space: nowrap;
  padding: 7px 10px;
  width: max-content;
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.done {
  background-color: rgba(126, 217, 82, 0.1);
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.in-progress {
 background-color: rgba(243, 194, 27, 0.1);
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.reported {
  background-color: rgba(102, 102, 102, 0.1);
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.expired, .task-status.rejected {
  background-color: rgba(255, 91, 90, 0.1);
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.done > .task-icon {
  background-image: url(/images/status-done.svg);
  /*background-color: #7ED952;*/
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.in-progress > .task-icon {
  background-image: url(/images/status-in-progress-yellow.svg);
  /*background-color: #F3C21B;*/
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.reported > .task-icon {
  background-image: url(/images/status-reported.svg);
  /*background-color: #F3C21B;*/
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status.expired > .task-icon, .task-status.rejected > .task-icon {
  background-image: url(/images/status-expired.svg);
  /*background-color: #FF5B5A;*/
}

.panel-body-task-header > .task-wrapper > .task-status-container > .task-status > span {
  font-weight: 500;
  font-size: 12px;
}
.panel-body-task-header > .task-wrapper > .task-status-container > .task-status > .task-icon {
  border-radius: 50%;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  height: 16px;
  width: 16px;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-created, .task-deadline-at {
  min-width: 103px;
  font-size: 12px;
  font-weight: 500;
}

.panel-body-task-header > .task-wrapper > .task-period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 530px;
  /*width: 35%;*/
  flex: 1;
  min-width: 315px;
  margin-right: 20px;
}

.panel-body-task-header > .task-wrapper > .task-period >.task-progress-block {
  margin-right: 25px;
  margin-left: 20px;
  max-width: 126px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block > .task-progress-line {
  height: 2px;
  flex: 1;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.done > .task-progress-line {
  background-color: #7ED952;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.in-progress > .task-progress-line, .task-progress-block.rejected > .task-progress-line {
  background-color: #F3C21B;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.reported > .task-progress-line {
  background-color: #666666;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.expired > .task-progress-line {
  background-color: #FF5B5A;
}
.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block > .task-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.done > .task-icon {
  background-image: url(/images/status-done.svg);
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.in-progress > .task-icon, .task-progress-block.rejected > .task-icon {
  background-image: url(/images/status-in-progress-yellow.svg);
  /*border: 2px solid #F3C21B;*/
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  transform: translateX(0);
  background-color: white;
  display: none;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.in-progress > .task-progress-line:before, .task-progress-block.rejected > .task-progress-line:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #F3C21B;
  transform: rotate(45deg);
  right: -2px;
  bottom: 3px;
  border-radius: 2px;
}
.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.in-progress > .task-progress-line:after, .task-progress-block.rejected > .task-progress-line:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #F3C21B;
  transform: rotate(-45deg);
  right: -2px;
  bottom: -3px;
  border-radius: 2px;
}

.panel-body-task-header > .task-wrapper > .task-period >.task-progress-block.reported > .task-icon {
  background-image: url(/images/status-reported.svg);
  /*border: 2px solid #666666;*/
  position: absolute;
  left: 65%;
  width: 16px;
  height: 16px;
  transform: translateX(-65%);
  background-color: white;
}

.panel-body-task-header > .task-wrapper > .task-period >.task-progress-block.reported > .task-progress-line:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #666666;
  transform: rotate(45deg);
  right: -2px;
  bottom: 3px;
  border-radius: 2px;
}
.panel-body-task-header > .task-wrapper > .task-period >.task-progress-block.reported > .task-progress-line:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #666666;
  transform: rotate(-45deg);
  right: -2px;
  bottom: -3px;
  border-radius: 2px;
}

.panel-body-task-header > .task-wrapper > .task-period > .task-progress-block.expired > .task-icon {
  background-image: url(/images/status-expired.svg);
}

.panel-body-task-header > .task-wrapper > .delete-task-container {
  /*flex: 1;*/
  display: flex;
  justify-content: end;
  width: 15%;
  min-width: 141px;
}

.panel-body-task-header > .task-wrapper > .delete-task-container > .__deadline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #FF6D4A;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  white-space: nowrap;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #333333;
  margin-right: 15px;
}

.panel-body-task-header > .task-wrapper > .delete-task-container > .delete-task {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 8px;
  background: #F5F5F5;
}

.panel-body-task-body {
  padding: 10px 25px;
}

.panel-body-task-body > .task-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  font-family: Inter, sans-serif;
  gap: 12px 5px;
}

.panel-body-task-body > .task-wrapper > .task-point {
  display: flex;
}
.panel-body-task-body > .task-wrapper > .task-point > .title {
  font-weight: 700;
}

.panel-body-task-body > .task-wrapper > .task-point > .subtitle {
  margin-right: 5px;
  white-space: nowrap;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}

.panel-body-task-body > .task-wrapper > .task-point:last-child > .title {
  font-weight: 500;
}

.panel-body-task-body > .task-wrapper > .task-point:nth-child(1) {
  width: 24%;
}
.panel-body-task-body > .task-wrapper > .task-point:nth-child(2) {
  width: 24%;
}
.panel-body-task-body > .task-wrapper > .task-point:nth-child(3) {
  width: 24%;
}

.panel-body-task-body > .task-wrapper > .task-point:last-child {
  width: 100% !important;
}

.panel-body-task-body > .task-wrapper > .task-point:last-child > .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}

.task-view-main-status-wrapper {
  padding: 10px 22px 9px 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%)
}

.task-view-main-status-wrapper > .task-view-main-status-text {
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.task-view-main-status-wrapper > .task-icon {
  margin-left: 19px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
}
.task-view-main-status-wrapper > .task-icon.done {
  background-color: #7ED952;
}

.task-view-main-status-wrapper > .task-icon.in-progress {
  background-color: #F3C21B;
}

.task-view-main-status-wrapper > .task-icon.reported {
  background-color: #666666;
}

.task-view-main-status-wrapper > .task-icon.expired, .task-icon.rejected {
  background-color: #EE534E;
}

.task_head__rows {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.task_head__row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 4px;
  border: 1px solid #ECECEC;
  padding: 0 5px;
  margin: 5px 0;
}
.task_head__col {
  display: flex;
  flex-direction: column;
  width: 14.28%;
  padding: 10px 5px;
}
.task_head__col_title {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.task_head__col_text {
  color: #808080;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.admin-content .admin-content--task_content {
  padding: 20px;
}

.admin-content--task_content > .task-wrapper {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  font-family: Inter, sans-serif;
}

.admin-content--task_content > .task-wrapper > .task-point:nth-child(1) {
  margin-bottom: 15px;
}

.admin-content--task_content > .task-wrapper > .task-point > .title, .task-block > .task-point > .title {
  font-weight: 700;
}

.admin-content--task_content > .task-wrapper > .task-point > .subtitle {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}

.task-block {
  position: relative;
}

.task-block > .task-point {
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.task-block > .task-point > .subtitle {
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.5);
}

.task-block > .task-photos {

}

.task-block > .task-photos > .task-photos-wrap {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
}

.task-block > .task-photos > .task-photos-wrap > a {
  display: flex;
  position: relative;
  width: 180px;
  height: 120px;
  overflow: hidden;
  margin: 5px;
  background: #fff;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #ECECEC;
}

.task-block > .task-photos > .task-photos-wrap > a > .no-img {
}

.task-block > .task-photos > .task-photos-wrap > a > img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.task-block-comment > .__field_row {
  display: flex;
  margin-top: 15px;
  align-items: center;
}

.task-block-comment > .__field_row > .__field_col-1 {
  align-self: flex-start;
  min-width: 106px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-family: Inter, sans-serif;
  padding-top: 2px;
}

.task-block-comment > .__field_row > .__field_col-2 {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

.admin-content.admin-content--task_content {
  padding: 20px;
}

.admin-content--task_content > .task-block > .divider {
  margin: 21px 0 26px 0;
  height: 1px;
}

.admin-content--task_content > .task-block > .divider:after {
  position: absolute;
  content: '';
  left: -20px;
  right: -20px;
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.task-block_item {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 0 20px 20px 20px;
  margin-top: 15px;
}

.task-block_item > .__header {
  margin: 0 -20px 16px -20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.02);
}

.task-block_item > .__header > .__delete-reject_wrap {
  margin-right: 5px;
  margin-left: 10px;
}

.task-block_item > .__content_wrapper > .__content-status > .__delete-reject_wrap > a > svg use {
  stroke: #303030;
}

.task-block_item > .__content_wrapper > .__content-status > .__delete-reject_wrap > a:hover > svg use {
  stroke: #FF6D4A;
}

.task-block_item > .__header > .__header-row-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 10px 0;
}

.task-block_item > .__header > .__header-row-block > .__header-row-1, .__header-row-2 {
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 0;
}

.task-block_item > .__header > .__header-row-block > .__header-row-1 {
  margin-right: 60px;
}

.task-block_item > .__header > .__header-row-block > .__header-row-1 > .title, .__header-row-2 > .title {
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
}

.task-block_item > .__header > .__header-row-block > .__header-row-1 > .sub-title, .__header-row-2 > .sub-title {
  color: rgba(0, 0, 0, 1);
}

.task-block_item > .__header > .__header-row-block > .delete-task-container > .delete-task > svg use {
    stroke: #303030;
}

.task-block_item > .__header > .__header-row-block > .delete-task-container > .delete-task:hover > svg use {
    stroke: #FF6D4A;
}

.task-block_item > .__content_wrapper > .__content-status {
  display: flex;
  align-items: center;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_status {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_status.done {
  background: #7ED952;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_status.in-progress {
  background: #F3C21B;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_status.reported {
  background: #666666;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_status.expired, .__title_status.rejected {
  background: #EE534E;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-1 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  margin-right: 5px;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-2 {
  font-weight: 600;
  font-size: 14px;
  font-family: Inter, sans-serif;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-2.__color_done {
  color: #7ED952;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-2.__color_in-progress {
  color: #F3C21B;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-2.__color_reported {
  color: #666666;
}

.task-block_item > .__content_wrapper > .__content-status > .__title_row-2.__color_expired, .__title_row-2.__color_rejected {
  color: #EE534E;
}

.task-block_item > .__content_wrapper > .task-photos {
  margin-top: 20px;
}

.task-block_item > .__content_wrapper > .task-photos > .task-photos-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
}

.task-block_item > .__content_wrapper > .task-photos > .task-photos-wrap > a {
  display: flex;
  width: 182px;
  height: 122px;
  overflow: hidden;
  margin: 5px;
  background: #fff;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #ECECEC;
}

.task-block_item > .__content_wrapper > .task-photos > .task-photos-wrap > a > .no-img {
}

.task-block_item > .__content_wrapper > .task-photos > .task-photos-wrap > a > img {
  width: 100%;
  margin: 0;
}

.task-block_item > .__content_wrapper > .__footer {
  display: flex;
  justify-content: space-between;
}

.task-block_item > .__content_wrapper > .__footer > .__field_row {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.task-block_item > .__content_wrapper > .__footer > .__field_row > .__field_col-1 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
  font-family: Inter, sans-serif;
  margin-right: 8px;
  padding-top: 2px;
  align-self: flex-start;
}

.task-block_item > .__content_wrapper > .__footer > .__field_row > .__field_col-2 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family: Inter, sans-serif;
}

.task-block_item.task-view-reject-form {
  margin-bottom: 0 !important;
  padding: 20.4px;
}

.task-block_item.task-view-reject-form > .__title {

}

.task-block_item.task-view-reject-form > .__title > .__title_row-1 {
  font-weight: 400;
  font-size: 14px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  margin-right: 0;
}

.task-block_item > .__content_wrapper > .__footer > .button_blue, .task-block_item.task-view-reject-form > form > .__reject_buttons > .button_blue {
  min-width: 105px;
  align-self: flex-end;
}

.task-block_item.task-view-reject-form > form > .task-reject-form {
  position: relative;
  max-width: 100%;
  margin-bottom: 16px;
}

.task-block_item.task-view-reject-form > form > .task-reject-form > textarea {
  margin: 0;
  padding: 10px 16px;
  background: #FFFFFF;
  border: 1px solid rgba(20, 22, 26, 0.08);
  outline: none;
  color: rgba(0, 0, 0, 1);
  border-radius: 4px;
  font-size: 14px;
  height: 42px;
  resize: none;
}
.task-block_item.task-view-reject-form > form > .task-reject-form > textarea:focus {
  border: 1px solid #2B71F6;
}

.task-view-body-empty {
  color: #808080;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tasks-container {
  margin-top: 20px;
}

.task-block_item > .__content_wrapper {
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-top: 20px;
  min-width: 250px;
  max-width: 700px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}

.report-score-body-task__wrapper {
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-top: 20px;
  min-width: 250px;
  max-width: 700px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}

.report-score-body-photos.custom-scroll > a {
  display: flex;
  position: relative;
  width: 182px;
  height: 122px;
  overflow: hidden;
  margin: 5px;
  background: #fff;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #ECECEC;
}

.report-score-body-task__status--done-w:before {
  display: none;
}

.report-score-body-task__status--done-w {
  padding-left: 0;
}

.task-view-open-done-form {
  display: inline-block;
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 8px;
  margin: 0 5px;
  color: #2B71F6;
  border: 1px solid #2B71F6;
  background: transparent;
  cursor: pointer;
}

.task-view-open-done-form:hover {
  background: #ebf1fd;
  border: 1px solid transparent;
}

.task-block_item.task-view-done-form > .__content_wrapper > form > .task-done-form > textarea {
  margin: 0;
  padding: 10px 16px;
  background: #FFFFFF;
  border: 1px solid rgba(20, 22, 26, 0.08);
  outline: none;
  color: rgba(0, 0, 0, 1);
  border-radius: 4px;
  font-size: 14px;
  height: 42px;
  resize: none;
}

.task-block_item.task-view-done-form > .__content_wrapper > form > .task-done-form > textarea:focus {
  border: 1px solid #2B71F6;
}

.task_files__preview_item {
  border: 1px solid #ECECEC;
  border-radius: 8px;
}

.__content-photo > .__title_row-1 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  margin-right: 5px;
}

.__photos_wrap-task {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1439px) {
  .tasks-container {
    margin-top: 10px;
  }
  .panel-body-task-card {
    margin-bottom: 10px;
  }
}

@media (max-width: 1200px) {
  .task_head__col {
    width: 25%;
  }
}

@media (max-width: 1040px) {
  .panel-body-task-header > .task-wrapper > .delete-task-container {
    width: 100%;
    justify-content: flex-end;
  }
  .panel-body-task-header > .task-wrapper > .delete-task-container.__deadline  {
    width: 100%;
    justify-content: space-between;

  }
}

@media (max-width: 650px) {
  .task_head__col {
    width: 50% !important;
  }

  .task-block_item > .__content_wrapper > .__footer {
    gap: 10px;
    flex-direction: column;
  }

  .task-block_item > .__content_wrapper > .__footer > button {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .admin-title-page__item.task-status {
    background: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: -20px;
    border-radius: 0;
  }
}

@media (max-width: 500px) {
  .panel-body-task-body > .task-wrapper > .task-point {
    width: 100% !important;
  }
}

@media (max-width: 970px) {
  .panel-body-task-header > .task-wrapper > .task-title {
    width: 50%;
  }

  .panel-body-task-header > .task-wrapper > .task-status-container {
    margin-right: 0;
    justify-content: flex-end;
  }
}

@media (max-width: 880px) {
  .panel-body-task-body > .task-wrapper > .task-point {
    width: 33%;
  }
}

@media (max-width: 768px) {
  .app-container__task .task_head__row {
    background: #fff;
    margin: 5px 10px;
    border-radius: 8px;
  }

  .panel-body-task-body > .task-wrapper > .task-point {
    width: 100% !important;
  }

  .app-container__task .admin-title-page {
    margin-bottom: 15px;
  }

  .admin-content--task_content > .task-wrapper {
    background: #fff;
    margin: 10px;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ECECEC;
  }

  .task-block {
    padding: 10px;
    background: #fff;
    margin: 5px 10px;
    border-radius: 8px;
  }

  .admin-content--task_content > .task-block > .divider, .divider:after {
    display: none;
  }

  .task-block_item > .__header > .__header-row-block {
   justify-content: space-between;
  }

  .task-block_item > .__header > .__header-row-block > .__header-row-1 {
    margin-right: 10px;
  }

  .edit-form-container__table__wrap-recipients, .edit-form-container__table__wrap-placeheads {
    /*overflow-y: hidden !important;*/
    height: auto !important;
    min-height: 66px !important;
    max-height: 150px !important;
    padding-bottom: 1px;
    /*border-bottom: 1px solid #ececec;*/
  }

  .edit-form-container__recipients {
    min-height: auto !important;
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1439px) {
  .task-view-main-status-wrapper {
    margin-top: 2px;
    margin-right: 118px;
  }
}

@media (max-width: 1439px) {
  .panel-body-task-header > .task-wrapper > .task-title > a {
    font-size: 18px;
  }
}

.image_container {
  background: white;
  width: 100%;
  height: 100%;
  position: absolute;
}

.photo-loader {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #1e1e1e;
  border-bottom-color: #888;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 9999;
}

.edit-form-container__table__wrap-recipients {
  overflow-y: auto;
  height: calc(50vh - 205px);
  min-height: 170px;
  max-height: 100%;
}

.edit-form-container__recipients {
  flex: 1;
  min-height: 520px;
  height: calc(100vh - 250px);
}

.edit-form-container__table__wrap-placeheads {
  overflow-y: auto;
  height: calc(50vh - 205px);
  min-height: 170px;
  max-height: 100%;
}

@media(min-width: 768px) and (max-width: 1200px) {
  .edit-form-container__table__wrap-recipients, .edit-form-container__table__wrap-placeheads {
    height: auto !important;
    min-height: 66px !important;
    max-height: 150px !important;
    padding-bottom: 1px;
    /*border-bottom: 1px solid #ececec;*/
  }

  .edit-form-container__recipients {
    min-height: 820px !important;
    height: auto !important;
  }
}

.tippy-box[data-theme~='custom'] {
  min-width: 475px;
}

.tracking-filters-clear-button {
  display: inline-block;
  font-size: 0;
  height: 28px;
  width: 16px;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #FF6D4A !important;
  background-image: url(/images/circle-delete.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.tracking-filters-clear-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*# sourceMappingURL=site.css.map */