@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("//ssl.gstatic.com/fonts/roboto/v9/grlryt2bdKIyfMSOhzd1eA.woff") format("woff"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("//ssl.gstatic.com/fonts/roboto/v9/7KXg6nyyqN8gyMoNwQ7aOQ.woff") format("woff"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("//ssl.gstatic.com/fonts/roboto/v9/vxNK-E6B13CyehuDCmvQvw.woff") format("woff"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("//ssl.gstatic.com/fonts/roboto/v9/d-QWLnp4didxos_6urzFtg.woff") format("woff"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("//fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("//fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("//fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("//fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* 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; }

.list, .calendar, .suggestion-search-wrapper .suggestions, .thumbnail-content, .fw-wrapper, .container, .topbar-account .account-more {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22); }

.modal-loader-window, .modal-window-wrapper {
  position: fixed;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto; }

.hide {
  display: none !important; }

.show,
.display-block {
  display: block !important; }

.display-row {
  display: table-row !important; }

.display-cell {
  display: table-cell !important; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.rotate {
  animation: spin 1s linear infinite; }

h2 {
  display: block;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 100;
  color: #333;
  line-height: 1.15; }
h2:not(:first-child) {
  margin-top: 25px; }
h2:last-child {
  margin-bottom: 0; }
h2 small {
  font-size: 16px;
  font-weight: 300;
  vertical-align: top;
  color: #999;
  line-height: 1; }
h2.bold {
  font-size: 28px;
  font-weight: 300; }

h3 {
  display: block;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 300;
  color: #333;
  line-height: 1.15; }
h3:not(:first-child) {
  margin-top: 25px; }
h3:last-child {
  margin-bottom: 0; }

h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
  line-height: 1; }
h4:not(:first-child) {
  margin-top: 15px; }
h4:last-child {
  margin-bottom: 0; }

p {
  display: block;
  max-width: 800px;
  font-size: 16px;
  font-weight: 300;
  color: #999;
  line-height: 1.3; }
p + p {
  margin-top: 10px; }
p.small {
  font-size: 14px; }

.strong {
  color: #333; }

.side-page h3 {
  font-size: 24px; }

.sidebar h3 {
  font-size: 26px; }

.sidebar p {
  font-size: 14px;
  color: #999; }

.sidebar .sidebar-strong {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 1; }
.sidebar .sidebar-strong + .sidebar-strong {
  margin-top: 5px; }

.text-wrapper + .text-wrapper {
  margin-top: 30px; }

.text-wrapper + .button-wrapper {
  margin-top: 25px; }

.text-wrapper + .form-wrapper {
  margin-top: 30px; }

.modal-section .text-wrapper + .text-wrapper {
  margin-top: 20px; }

.modal-section .text-wrapper + .button-wrapper {
  margin-top: 15px; }

.modal-section .text-wrapper + .form-wrapper {
  margin-top: 15px; }

.row {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 46px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #fff; }
.row.deactivate
{
  background-color:#eee;
}
.row.clickable {
  cursor: pointer; }
.row:not(.row-head).active {
  background-color: #3498db; }
.row.selected {
  color: #fff;
  background-color: #3498db; }
.row.selected > .cell.light,
.row.selected > .cell.lighter,
.row.selected a {
  color: #fff; }
.row.selected i svg path {
  fill: #fff; }
.row.selected i svg polygon {
  fill: #fff; }
.row.row-head > .cell {
  font-size: 16px;
  font-weight: 300;
  color: #999; }

@keyframes blink {
  0% {
    background-color: #fff; }
  50% {
    background-color: #fbf0c1; }
  100% {
    background-color: #fff; } }

@keyframes blink-selected {
  0% {
    background-color: #3498db; }
  50% {
    background-color: #7ebde8; }
  100% {
    background-color: #3498db; } }
.row.on-move {
  position: relative;
  z-index: 9; }
.row.blink {
  animation: blink .3s linear; }
.row.selected.blink {
  animation: blink-selected .3s linear; }
.row + .row {
  border-top: 1px solid #ecf0f1; }
.row + .row.selected {
  border-top: 1px solid #419fdd; }

.list-icon {
  display: block;
  margin: 0 auto; }
.list-icon > svg {
  width: 16px;
  height: 16px; }
.list-icon > svg path,
.list-icon > svg polygon,
.list-icon > svg rect,
.list-icon > svg circle {
  fill: #bfd0d6; }
.list-icon.active > svg path,
.list-icon.active > svg polygon,
.list-icon.active > svg rect,
.list-icon.active > svg circle {
  fill: #3498db; }

.cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  font-size: inherit;
  font-weight: 300;
  color: inherit;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.cell.strong,
.cell a {
  font-weight: 400; }
.cell.preview {
  padding: 0;
  width: 42px; }
.cell.preview > .cell-preview-icon {
  position: relative;
  width: 34px;
  height: 34px;
  margin-left: auto;
  margin-right: auto; }
.cell.preview > .cell-preview-icon > .cell-preview-image {
  border-radius: 100%;
  width: inherit;
  height: inherit;
  position: relative;
  overflow: hidden; }
.cell.preview > .cell-preview-icon > .cell-preview-image > img {
  user-select: none;
  height: 34px; }
.cell.preview > .cell-preview-icon > .cell-preview-badge-icon {
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 16px;
  height: 16px; }
.cell.preview > .cell-preview-icon > .cell-preview-badge-icon > svg {
  width: 16px;
  height: 16px; }
.cell.preview > .cell-preview-icon > .cell-preview-badge-icon > svg path,
.cell.preview > .cell-preview-icon > .cell-preview-badge-icon > svg polygon {
  fill: #fff; }
.cell.preview.badged .cell-preview-image:after {
  border-radius: 100%;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.47); }
.cell.icon, .cell.check {
  cursor: pointer;
  width: 50px;
  padding-left: 17px;
  padding-right: 17px; }
.cell.handle {
  cursor: pointer;
  width: 26px;
  padding-left: 5px;
  padding-right: 5px; }
.cell.check i > svg {
  width: 18px;
  height: 18px; }
.cell.check + .cell:not(.preview) {
  padding-left: 0; }
.cell.clickable {
  cursor: pointer; }
.cell.small {
  width: 160px; }
.cell.extra-small {
  width: 110px; }
@media (max-width: 1050px) {
  .cell.hide-sm {
    display: none; } }
@media (max-width: 1050px) {
  .cell.hide-md {
    display: none; } }
@media (max-width: 1250px) {
  .cell.hide-lg {
    display: none; } }
@media (min-width: 1250px) {
  .cell.small {
    width: 245px; } }
.cell.light {
  color: #666; }
.cell.lighter {
  color: #999; }
.cell.disabled {
  color: #dedede; }
.cell.disabled a {
  color: #a9d3f0; }

.modal-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0; }

.modal-loader-window, .modal-window {
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #fff; }

.modal-loader-window {
  top: 55px;
  width: 65px;
  z-index: 1000; }
.modal-loader-window .modal-loader-wrapper {
  padding: 10px 15px; }
.modal-loader-window .modal-loader-wrapper > svg {
  display: block;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  stroke: #dde1e2; }

.modal-window-wrapper {
  top: 55px;
  z-index: 999;
  max-width: 800px;
  text-align: center; }

.modal-window {
  display: inline-block;
  text-align: left;
  opacity: 0; }
.modal-window .modal-header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #ecf0f1;
  position: relative;
  padding: 15px; }
.modal-window .modal-header h3 {
  font-size: 18px;
  font-weight: 400;
  color: #333; }
.modal-window .modal-header + * {
  margin-top: 18px; }
.modal-window .modal-body {
  max-height: 475px;
  overflow-y: auto;
  overflow-x: hidden; }
.modal-window .modal-body:after {
  display: block;
  content: '';
  clear: both; }
.modal-window .modal-section {
  padding-left: 15px;
  padding-right: 15px;
  color: #999; }
.modal-window .modal-section > .group-list,
.modal-window .modal-section + .modal-section {
  margin-top: 15px; }
.modal-window .modal-section:last-child {
  margin-bottom: 18px; }
.modal-window .modal-price {
  font-size: 20px;
  color: #333;
  line-height: 1; }

.popmessage-wrapper {
  position: fixed;
  z-index: 1000;
  left: 45px;
  bottom: 35px; }

.popmessage {
  transition: all .3s linear;
  position: relative;
  padding: 0 15px;
  height: 0;
  opacity: 0;
  background-color: #34495e;
  overflow: hidden; }
.popmessage + .popmessage {
  margin-top: 10px; }
.popmessage > .ink {
  display: block;
  position: absolute;
  background-color: #6084a7;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.popmessage > .ink.animate {
  animation: ripple .65s linear; }
.popmessage.error {
  background-color: #e74c3c; }
.popmessage.error > .ink {
  background-color: #f4aca4; }
.popmessage .popmessage-text,
.popmessage .processing-message-text {
  max-width: 400px;
  font-size: 14px;
  font-weight: 400;
  color: #fafafa;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis; }

.popmessage-show {
  opacity: 1;
  height: 46px;
  padding-top: 10px;
  padding-bottom: 10px; }

.processing-message > .processing-loader {
  display: inline-block;
  vertical-align: top; }
.processing-message > .processing-loader > svg {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  top: 1px;
  stroke: #3498db; }
.processing-message > .processing-loader + * {
  margin-left: 10px; }

.processing-message > .popmessage-text {
  display: inline-block;
  vertical-align: top; }

.topmenu-tools {
  height: inherit;
  float: right; }
.topmenu-tools > li {
  display: inline-block;
  height: inherit; }
.topmenu-tools > li .tool {
  height: 30px;
  position: relative;
  top: 10px; }
.topmenu-tools > li .tool-icon {
  border-radius: 100%;
  display: block;
  height: inherit;
  cursor: pointer; }
.topmenu-tools > li .tool-icon > svg {
  display: block;
  width: 30px;
  height: 30px; }
.topmenu-tools > li .tool-icon > svg path,
.topmenu-tools > li .tool-icon > svg polygon,
.topmenu-tools > li .tool-icon > svg rect {
  fill: #d9ecf8; }
.topmenu-tools > li .tool-icon:hover > svg path,
.topmenu-tools > li .tool-icon:hover > svg polygon,
.topmenu-tools > li .tool-icon:hover > svg rect {
  fill: #ecf0f1; }
.topmenu-tools > li .tool-button {
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.33);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  height: inherit;
  cursor: pointer;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
  color: #d9ecf8;
  line-height: 30px; }
.topmenu-tools > li + li {
  margin-left: 10px; }

.lang-icon.ru_RU:after {
  background-image: url("assets/images/flags/ru_RU.png"); }

.lang-icon.am_AM:after {
  background-image: url("assets/images/flags/am_AM.png"); }

.lang-icon.fr_FR:after {
  background-image: url("assets/images/flags/fr_FR.png"); }

.lang-icon.en_US:after {
  background-image: url("assets/images/flags/en_EN.png"); }

.lang-icon.de_DE:after {
  background-image: url("assets/images/flags/de_DE.png"); }

.lang-icon.ge_GE:after {
  background-image: url("assets/images/flags/ge_GE.png"); }

.lang-icon.kz_KZ:after {
  background-image: url("assets/images/flags/kz_KZ.png"); }

.lang-icon.tr_TR:after {
  background-image: url("assets/images/flags/tr_TR.png"); }

.lang-icon.tm_TM:after {
  background-image: url("assets/images/flags/tm_TM.png"); }

.lang-icon.ua_UA:after {
  background-image: url("assets/images/flags/ua_UA.png"); }

.lang-icon.zh_CN:after {
  background-image: url("assets/images/flags/zn_CN.png"); }

.lang-icon.et_EE:after {
  background-image: url("assets/images/flags/et_EE.png"); }

input, textarea {
  border-radius: 2px;
  transition: border .3s linear, box-shadow .3s linear, background-color .3s linear;
  display: block;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadada;
  border-top: 1px solid #c0c0c0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 34px;
  color: #333;
  outline: 0; }
input:focus, textarea:focus {
  box-shadow: 0px 0px 4px 0px #4d90fe;
  border: 1px solid #3498db; }
input.error, textarea.error, .selected-option.error {
  background-color: #fdf3f2;
  border: 1px solid #f4aca4; }

.error-bubble {
  transition: opacity .2s linear;
  border-radius: 2px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 26px;
  background-color: #fdf3f2;
  color: #e74c3c;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0; }
.error-bubble.appear {
  opacity: 1; }

.through label {
  text-decoration: line-through;
}

fieldset {
  position: relative; }
@media (min-width: 1050px) {
  fieldset.adaptive {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 30px; } }
@media (min-width: 1050px) and (max-width: 1313px) {
  fieldset.adaptive:nth-child(2), fieldset.adaptive:first-child {
    margin-top: 0; }
  fieldset.adaptive:nth-child(2n-1) {
    padding-left: 0; } }
@media (min-width: 1314px) {
  fieldset.adaptive {
    width: 33.3333333333%; }
  fieldset.adaptive:nth-child(2), fieldset.adaptive:nth-child(3), fieldset.adaptive:first-child {
    margin-top: 0; }
  fieldset.adaptive:nth-child(3n-2) {
    padding-left: 0; } }
fieldset.optional {
  padding-left: 35px; }
fieldset.hide {
  display: none; }
@media (max-width: 1050px) {
  fieldset + .button-wrapper {
    margin-top: 25px; } }

input, textarea {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08); }

textarea {
  height: 130px;
  padding-top: 8px;
  line-height: 1.3;
  resize: vertical; }

label {
  display: inline-block;
  /*width: 100%;*/
  width: auto;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 1;
  white-space: nowrap; }
label .caption {
  position: relative;
  left: 5px;
  font-size: 10px;
  font-weight: 400;
  color: #999;
  text-transform: uppercase; }
label.lang-icon {
  position: relative;
  padding-left: 18px; }
label.lang-icon:after {
  border-radius: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.24);
  display: block;
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center -2px; }

fieldset + fieldset,
fieldset + .grid,
fieldset + .input-wrapper,
fieldset + .inline-inputs-wrapper,
.grid + fieldset,
.grid + .grid,
.grid + .input-wrapper,
.grid + .inline-inputs-wrapper,
.input-wrapper + fieldset,
.input-wrapper + .grid,
.input-wrapper + .input-wrapper,
.input-wrapper + .inline-inputs-wrapper,
.inline-inputs-wrapper + fieldset,
.inline-inputs-wrapper + .grid,
.inline-inputs-wrapper + .input-wrapper,
.inline-inputs-wrapper + .inline-inputs-wrapper {
  margin-top: 11px; }

.toggle-wrapper {
  white-space: nowrap;
  height: 16px;
  position: relative; }

.toggle {
  border-radius: 8px;
  transition: background-color .2s ease-in;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 35px;
  height: inherit;
  background-color: #ccd1d5; }
.toggle > .toggle-button {
  border-radius: 6px;
  transition: left 0.1 0.2s ease-in;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: #fff; }
.toggle.checked {
  background-color: #3498db; }
.toggle.checked > .toggle-button {
  left: 21px; }
.toggle input {
  display: none; }

.toggle-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 10px;
  width: 16px;
  height: 16px; }
.toggle-icon img {
  display: block;
  width: 16px;
  height: 16px; }

.toggle-caption {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  color: #666; }
.toggle-caption.lang-icon {
  padding-left: 18px; }
.toggle-caption.lang-icon:after {
  border-radius: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.24);
  display: block;
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: -1px -2px; }

.dropdown-option,
.selected-option {
  height: 36px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 36px;
  background-color: #fff; }

.dropdown-options {
  display: none;
  position: absolute;
  z-index: 98;
  max-height: 256px;
  width: 100%;
  overflow-x: auto;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 1px solid #dadada; }

.dropdown-option {
  color: #666;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada; }
.dropdown-option:hover {
  background-color: #3498db;
  color: #fff; }
.dropdown-option:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.selected-option {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  position: relative;
  font-weight: 400;
  line-height: 34px;
  color: #333;
  border: 1px solid #dadada;
  border-top: 1px solid #c0c0c0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.selected-option:after {
  display: block;
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #95a4a9 transparent transparent transparent; }

.dropdown {
  border-radius: 2px;
  transition: all .2s ease-out;
  display: block;
  position: relative;
  width: 100%;
  height: 36px;
  background-color: #fff;
  background-image: none;
  outline: 0; }
.dropdown.active:not(.expand-up) > .selected-option {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0; }
.dropdown.active:not(.expand-up) .dropdown-options {
  display: block; }
.dropdown.active.expand-up > .selected-option {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0; }
.dropdown.active.expand-up .dropdown-options {
  display: block; }
.dropdown.expand-up .dropdown-options {
  bottom: 100%;
  border-top: 1px solid #dadada;
  border-bottom: 0; }
.dropdown.expand-up .dropdown-option:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.dropdown.expand-up .dropdown-option:first-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.checkbox-wrapper {
  display: inline-block;
  height: 21px;
  padding-bottom: 5px;
  white-space: nowrap;
  cursor: pointer; }

.checkbox {
  border-radius: 2px;
  transition: all .2s ease-in;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #ccd1d5; }
.checkbox.checked {
  background-color: #3498db; }
.checkbox.checked:after {
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: inline-image("../assets/images/icons/check.svg") top left no-repeat; }

.checkbox-caption {
  display: inline-block;
  vertical-align: top;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  color: #333; }

.radio-wrapper {
  white-space: nowrap;
  height: 16px; }

.radio {
  border-radius: 8px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 16px;
  height: inherit;
  background-color: #ccd1d5;
  cursor: pointer; }
.radio:after {
  transition: all .2s ease-in;
  border-radius: 4px;
  transform: scale(0.1, 0.1);
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: transparent; }
.radio.checked:after {
  transform: scale(1, 1);
  background-color: #3498db; }

.radio-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 10px;
  width: 16px;
  height: 16px; }
.radio-icon img {
  display: block;
  width: 16px;
  height: 16px; }

.radio-caption {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  color: #666; }

.calendar-picker {
  display: block;
  position: absolute;
  top: 36px;
  right: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer; }
.calendar-picker svg path,
.calendar-picker svg polygon {
  fill: #3498db; }

.calendar {
  border-radius: 2px;
  display: block;
  background: white;
  position: absolute;
  top: 0px;
  left: 0;
  width: 300px;
  padding: 10px 20px 15px 20px;
  z-index: 100 }
.calendar:after {
  display: block;
  content: '';
  clear: both; }
.calendar > div.header {
  position: relative;
  height: 40px;
  color: #333; }
.calendar > div.header > * {
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle; }
.calendar > div.header > i {
  float: left;
  width: 40px;
  font-size: 1.125em;
  font-weight: bold;
  position: relative;
  padding: 0 10px;
  cursor: pointer; }
.calendar > div.header > i.fa-angle-left {
  text-align: left; }
.calendar > div.header > i.fa-angle-right {
  text-align: right;
  margin-left: -40px; }
.calendar > div.header > span {
  float: left;
  width: 260px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: -40px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: inherit; }
.calendar > div.week {
  float: left;
  width: 100%; }
.calendar > div.week:first-child {
  border-top: none; }
.calendar > div.week > span.day {
  height: 30px;
  line-height: 30px !important;
  display: inline-block;
  vertical-align: middle;
  transition: background-color .2s linear;
  float: left;
  width: 14.2857142857%;
  font-size: 12px;
  text-align: center;
  background: white;
  cursor: pointer;
  color: #666; }
.calendar > div.week > span.day:first-child {
  border-left: none; }
.calendar > div.week > span.day.today {
  background: #d9ecf8; }
.calendar > div.week > span.day.different-month {
  color: #999; }
.calendar > div.week > span.day.selected {
  border-radius: 2px;
  background: #3498db;
  color: #fff; }
.calendar > div.week.names > span {
  color: #3498db;
  font-weight: bold; }

.form-wrapper + .form-wrapper,
.form-wrapper + .inline-inputs-wrapper {
  margin-top: 25px; }

.form-wrapper + .text-wrapper {
  margin-top: 15px; }

.form-wrapper + .button-wrapper {
  margin-top: 20px; }

.suggestion-search-wrapper > input {
  position: relative;
  z-index: 10; }

.suggestion-search-wrapper .suggestion-search-loader {
  position: absolute;
  z-index: 11;
  right: 10px;
  bottom: 8px;
  width: 20px;
  height: 20px; }
.suggestion-search-wrapper .suggestion-search-loader > svg {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  stroke: #3498db; }

.suggestion-search-wrapper .suggestions {
  position: absolute;
  z-index: 9;
  width: 100%;
  max-height: 170px;
  overflow: hidden;
  top: 100%;
  left: 0;
  background-color: #fff; }
.suggestion-search-wrapper .suggestions > li {
  display: block;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  line-height: 1; }
.suggestion-search-wrapper .suggestions > li.active {
  background-color: #ecf0f1;
  color: #333;
  cursor: pointer; }

.multilanguage + .multilanguage {
  margin-top: 20px; }

.grid + .button-wrapper,
.grid + .form-wrapper,
.grid + .text-wrapper {
  margin-top: 25px; }

.grid-row:after {
  display: block;
  content: '';
  clear: both; }

.grid-row + .grid-row {
  margin-top: 25px; }

.element {
  float: left;
  padding-right: 10px;
  padding-left: 10px; }
.element:first-child {
  padding-left: 0; }
.element:last-child {
  padding-right: 0; }
@media (max-width: 800px) {
  .element.adaptive {
    float: none;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0; }
  .element.adaptive + .element {
    margin-top: 25px; } }

.section .element {
  position: relative;
  overflow: hidden; }
.section .element:after {
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0), white);
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%; }

.group-row {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 42px;
  font-size: 14px;
  overflow: hidden;
  border-left: 1px solid #ecf0f1;
  border-right: 1px solid #ecf0f1;
  border-top: 1px solid #ecf0f1; }
.group-row:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
.group-row:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid #ecf0f1; }

.group-cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  font-size: inherit;
  color: #333;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.group-cell.date {
  width: 180px; }
.group-cell.small {
  width: 160px; }
.group-cell.extra-small {
  width: 110px; }
@media (min-width: 1050px) {
  .group-cell.small {
    width: 200px; } }
@media (min-width: 1250px) {
  .group-cell.small {
    width: 245px; } }
.group-cell.light {
  color: #666; }
.group-cell.lighter {
  color: #999; }

.plates-wrapper.half .plate {
  width: 50%; }
.plates-wrapper.half .plate:nth-child(2n) {
  padding-right: 0; }
.plates-wrapper.half .plate:nth-child(2n+1) {
  padding-left: 0; }

.plates-wrapper.third .plate {
  width: 33.3333333333%; }
.plates-wrapper.third .plate:nth-child(3n) {
  padding-right: 0; }
.plates-wrapper.third .plate:nth-child(3n+1) {
  padding-left: 0; }

.plates-wrapper.quarter .plate {
  width: 25%; }
.plates-wrapper.quarter .plate:nth-child(4n) {
  padding-right: 0; }
.plates-wrapper.quarter .plate:nth-child(4n+1) {
  padding-left: 0; }

@media (max-width: 1200px) {
  .plates-wrapper.adaptive.half .plate {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .plates-wrapper.adaptive.half .plate + .plate {
    margin-top: 10px; } }

@media (max-width: 1050px) {
  .plates-wrapper.adaptive.third .plate {
    width: 50%; }
  .plates-wrapper.adaptive.third .plate:nth-child(3n) {
    padding-right: 10px; }
  .plates-wrapper.adaptive.third .plate:nth-child(3n+1) {
    padding-left: 10px; }
  .plates-wrapper.adaptive.third .plate:nth-child(2n) {
    padding-right: 0; }
  .plates-wrapper.adaptive.third .plate:nth-child(2n+1) {
    padding-left: 0; } }

@media (max-width: 1050px) and (min-width: 850px) {
  .plates-wrapper.adaptive.quarter .plate {
    width: 33.3333333333%; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(4n) {
    padding-right: 10px; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(4n+1) {
    padding-left: 10px; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(3n) {
    padding-right: 0; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(3n+1) {
    padding-left: 0; } }

@media (max-width: 850px) {
  .plates-wrapper.adaptive.quarter .plate {
    width: 50%; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(2n) {
    padding-right: 0; }
  .plates-wrapper.adaptive.quarter .plate:nth-child(2n+1) {
    padding-left: 0; } }

.plate {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
  /*overflow: hidden;*/
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 15px; }

.plate-content {
  border-radius: 2px;
  white-space: nowrap; }
.plate-content > * {
  display: inline-block;
  vertical-align: top; }
.plate-content .by-default {
  position: relative;
  top: 2px;
  left: 5px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 400;
  color: #3498db;
  line-height: 1;
  text-transform: uppercase; }

.button-wrapper {
  margin-bottom:15px;
  position: relative;
  height: 36px; }

.button-wrapper.inline {
  display: inline-block;
  vertical-align: top; }
.button-wrapper.inline:not(:first-child) {
  padding-left: 15px; }
.button-wrapper + .text-wrapper,
.button-wrapper + .form-wrapper {
  margin-top: 25px; }
.button-wrapper:not(.inline) + .button-wrapper {
  margin-top: 15px; }
.button-wrapper.sortByClass{
  padding-left: 0 !important;
}


.sidebar .button-wrapper + .text-wrapper,
.sidebar .button-wrapper + .form-wrapper {
  margin-top: 20px; }

.button-wrapper > span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  left: 10px;
  height: 36px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  line-height: 36px;
}



.button-primary {
  user-select: none;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  background-color: #3498db;
  border: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center; }
.button-primary:hover {
  background-color: #45a1de; }
.button-primary:not(.disabled):active, .button-primary:not(.disabled):focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-primary > .ink {
  display: block;
  position: absolute;
  background-color: #7ebde8;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.button-primary > .ink.animate {
  animation: ripple .65s linear; }
.button-primary.disabled {
  cursor: not-allowed;
  background-color: #4aa3df;
  color: white; }

.button {
  user-select: none;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #333;
  background-color: #e4e6e8;
  border: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center; }
.button:hover {
  background-color: #eff0f1; }
.button:not(.disabled):active, .button:not(.disabled):focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button > .ink {
  display: block;
  position: absolute;
  background-color: white;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.button > .ink.animate {
  animation: ripple .65s linear; }
.button.disabled {
  cursor: not-allowed;
  background-color: #f2f3f4;
  color: #404040; }

.button-light {
  user-select: none;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #333;
  background-color: white;
  border: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  border: 1px solid #ecf0f1; }
.button-light:hover {
  background-color: white; }
.button-light:not(.disabled):active, .button-light:not(.disabled):focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-light > .ink {
  display: block;
  position: absolute;
  background-color: white;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.button-light > .ink.animate {
  animation: ripple .65s linear; }
.button-light.disabled {
  cursor: not-allowed;
  background-color: white;
  color: #404040; }

.button-green {
  user-select: none;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  background-color: #1abc9c;
  border: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center; }
.button-green:hover {
  background-color: #1cceab; }
.button-green:not(.disabled):active, .button-green:not(.disabled):focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-green > .ink {
  display: block;
  position: absolute;
  background-color: #47e6c6;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.button-green > .ink.animate {
  animation: ripple .65s linear; }
.button-green.disabled {
  cursor: not-allowed;
  background-color: #1dd2af;
  color: white; }

.button-red {
  user-select: none;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  background-color: #e74c3c;
  border: 0;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center; }
.button-red:hover {
  background-color: #e95d4e; }
.button-red:not(.disabled):active, .button-red:not(.disabled):focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-red > .ink {
  display: block;
  position: absolute;
  background-color: #f19389;
  border-radius: 100%;
  transform: scale(0); }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.button-red > .ink.animate {
  animation: ripple .65s linear; }
.button-red.disabled {
  cursor: not-allowed;
  background-color: #ea6153;
  color: white; }

.button-load-wrapper {
  white-space: nowrap; }
.button-load-wrapper .button,
.button-load-wrapper .button-remove,
.button-load-wrapper .button-primary {
  vertical-align: top; }
.button-load-wrapper .ajax-status,
.button-load-wrapper .ajax-error {
  display: inline-block;
  vertical-align: top;
  position: relative;
  left: 10px;
  height: 36px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  line-height: 36px; }
.button-load-wrapper .ajax-status {
  color: #999; }
.button-load-wrapper .ajax-error {
  color: #e74c3c; }
.button-load-wrapper .ajax-loader {
  display: inline-block;
  height: 36px;
  margin-right: 7px; }
.button-load-wrapper .ajax-loader > svg {
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  stroke: #3498db; }

.button-context-menu-wrapper {
  display: none;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 100%;
  margin-left: 5px; }
.button-context-menu-wrapper.active {
  display: block; }

.button-context-menu {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  margin-left: 6px;
  background-color: #fff; }
.button-context-menu > li {
  display: block; }
.button-context-menu > li > a {
  user-select: none;
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #333;
  white-space: nowrap;
  max-width: 280px;
  text-overflow: ellipsis;
  padding: 10px 20px; }
.button-context-menu > li > a:hover {
  background-color: #f6f6f6; }
.button-context-menu > li:first-child {
  position: relative; }
.button-context-menu > li:first-child:after {
  display: block;
  content: '';
  position: absolute;
  top: 5px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff; }
.button-context-menu > li:hover:after {
  border-right: 6px solid #f6f6f6; }

.sidebar {
  width: 350px;
  float: right;
  padding-left: 30px; }
@media (max-width: 1050px) {
  .sidebar {
    width: 270px; } }
.sidebar .container + .container {
  margin-top: 20px; }
.sidebar + .content {
  margin-right: 350px; }
@media (max-width: 1050px) {
  .sidebar + .content {
    margin-right: 270px; } }
.sidebar.left-positioned {
  float: left;
  padding-left: 0;
  padding-right: 30px; }
.sidebar.left-positioned + .content {
  margin-right: 0;
  margin-left: 350px; }
@media (max-width: 1050px) {
  .sidebar.left-positioned + .content {
    margin-left: 270px; } }

.sidebar-section .content-preloader {
  padding-top: 30px;
  padding-bottom: 30px; }

.sidebar-section + .sidebar-section {
  margin-top: 25px; }

.sidebar-link {
  font-size: 16px; }

.tooltip {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-left: 10px; }

.tooltip-icon > svg {
  display: block;
  width: 18px;
  height: 18px; }
.tooltip-icon > svg path {
  fill: #3498db; }

.tooltip-content {
  border-radius: 2px;
  display: none;
  position: absolute;
  left: 100%;
  top: -18px;
  padding: 10px;
  margin-left: 5px;
  width: 370px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
  background-color: rgba(0, 0, 0, 0.65);
  white-space: normal;
  z-index: 699; }
.tooltip-content.show {
  position: relative;
  display: block; }
.tooltip-content.left {
  margin-left: -395px;
}
.tooltip-content.bottom {
  margin: 30px 0 0 -190px;
}
.tooltip-content.bottomleft {
  margin: 30px 0 0 -250px;
}
.tooltip-content.image img {
  width: 100%;
}

.toggle-wrapper .tooltip {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -1px;
  margin-left: 10px; }

.scrollbar-wrapper {
  position: relative;
  overflow: hidden;
  height: auto; }

.scrollbar-content {
  position: absolute;
  width: 100%; }

.scroll {
  border-radius: 4px;
  transition: opacity .2s linear;
  float: right;
  position: relative;
  right: 10px;
  width: 8px;
  cursor: pointer;
  background-color: #cbd0d3;
  opacity: .37;
  z-index: 5; }
.scroll:hover, .scroll.on-move {
  opacity: 1; }

.lang-radio-wrapper {
  margin-bottom: 15px; }

.lang-radio {
  height: 38px; }

.lang-button {
  transition: background-color .1s ease-in;
  border-radius: 2px;
  user-select: none;
  height: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 38px;
  cursor: pointer; }
.lang-button.lang-icon {
  position: relative;
  padding-left: 30px; }
.lang-button.lang-icon:after {
  border-radius: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.24);
  display: block;
  content: '';
  position: absolute;
  top: 13px;
  left: 10px;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center -2px; }
.lang-button.active {
  background-color: #d7e0e2;
  font-weight: 400; }

.thumbnails-wrapper:after {
  display: block;
  content: '';
  clear: both; }

.thumbnail {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 15px; }
@media (min-width: 1490px) {
  .thumbnail {
    width: 25%; }
  .thumbnail:nth-child(4n) {
    padding-right: 0; }
  .thumbnail:nth-child(4n+1) {
    padding-left: 0; } }
@media (min-width: 1290px) and (max-width: 1490px) {
  .thumbnail {
    width: 33.3333333333%; }
  .thumbnail:nth-child(3n) {
    padding-right: 0; }
  .thumbnail:nth-child(3n+1) {
    padding-left: 0; } }
@media (min-width: 1090px) and (max-width: 1290px) {
  .thumbnail {
    width: 50%; }
  .thumbnail:nth-child(2n) {
    padding-right: 0; }
  .thumbnail:nth-child(2n+1) {
    padding-left: 0; } }

.thumbnail-content {
  background-color: white; }

.thumbnail-preview {
  position: relative;
  height: 150px;
  overflow: hidden;
  min-height: 160px;
  max-height: 450px;
  background-color: #f6f6f6; }
.thumbnail-preview > img {
  width: 100%; }

.thumbnail-footer {
  position: relative;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  line-height: 1;
  overflow: hidden; }
.thumbnail-footer .caption {
  position: absolute;
  top: 13px;
  left: 20px;
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis; }

.thumbnail-tools {
  float: right;
  height: inherit; }

.thumbnail-tool {
  position: relative;
  cursor: pointer;
  width: 48px;
  height: inherit;
  border-left: 1px solid #dde1e2; }
.thumbnail-tool:after {
  display: block;
  content: '';
  position: absolute;
  top: 12px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-image: url("assets/images/bundles/thumbnail.png");
  background-repeat: no-repeat; }
.thumbnail-tool.ti-close:after {
  background-position: 0 0; }

.breadcrumbs-wrapper {
  height: 22px;
  text-align: left; }
.breadcrumbs-wrapper + .list {
  margin-top: 13px; }

.breadcrumbs {
  height: inherit; }
.breadcrumbs > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: inherit;
  font-size: 20px;
  font-weight: 300;
  color: #333;
  line-height: 22px; }
.breadcrumbs > li a {
  font-size: inherit;
  font-weight: inherit;
  color: #3498db;
  line-height: inherit; }
.breadcrumbs > li + li {
  margin-left: 22px; }
.breadcrumbs > li > .caret-forward {
  width: 12px;
  height: 12px;
  position: absolute;
  right: -18px;
  top: 0; }
.breadcrumbs > li > .caret-forward > svg {
  width: 12px;
  height: 12px; }
.breadcrumbs > li > .caret-forward > svg * {
  fill: #ccd1d5; }
.breadcrumbs > li > .crumb-edit {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -21px;
  top: 2px; }
.breadcrumbs > li > .crumb-edit > svg {
  width: 16px;
  height: 16px; }
.breadcrumbs > li > .crumb-edit > svg * {
  fill: #95a4a9; }
.breadcrumbs > li:last-child > a {
  color: #333; }
.breadcrumbs > li:last-child > .caret-forward {
  display: none; }
.breadcrumbs > li:last-child:first-child > .caret-forward {
  display: none; }

.fw-wrapper {
  transition: opacity .2s linear;
  position: fixed;
  top: 100px;
  right: 0;
  width: 580px;
  background-color: #fff;
  opacity: 0;
  z-index: -5; }
.fw-wrapper.visible {
  opacity: 1;
  z-index: 12; }
.fw-wrapper.visible.blured {
  opacity: .35; }
.fw-wrapper .content-preloader {
  padding-top: 5px;
  padding-bottom: 5px; }
.fw-wrapper .content-preloader > svg {
  stroke: #3498db; }

.fw-head {
  /*height: 66px;*/
  padding: 15px;
  border-bottom: 1px solid #ecf0f1;
  text-align: left; }

.fw-content {
  position: relative; }
.fw-content .scrollbar-content {
  padding-top: 15px;
  padding-bottom: 35px; }

.fw-close {
  display: inline-block;
  vertical-align: top;
  float: right;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer; }
.fw-close svg {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 6px; }
.fw-close svg path,
.fw-close svg polygon {
  fill: #95a4a9; }

.fw-tool {
  display: inline-block;
  vertical-align: top;
  height: 36px; }
.fw-tool + .fw-tool {
  margin-left: 13px; }
.fw-tool .toggle-wrapper {
  margin-top: 10px; }
.fw-tool .button-wrapper {
  margin-top: 0; }

.fw-section {
  padding: 25px 43px 25px 25px; }
.fw-section h3 {
  margin-bottom: 10px;
  font-size: 26px; }
.fw-section:first-child {
  padding-top: 0; }
.fw-section:last-child {
  padding-bottom: 0; }
.fw-section:not(:first-child) {
  border-top: 1px solid #ecf0f1; }

.upload-image-wrapper {
  display: table;
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #fafafa; }
.upload-image-wrapper form {
  display: none; }
.upload-image-wrapper .image-preview {
  transition: all .3s linear;
  display: table-cell;
  vertical-align: center;
  width: inherit;
  height: inherit;
  opacity: 0;
  overflow: hidden;
  border: 2px dashed #d7e0e2; }
.upload-image-wrapper .image-preview > svg {
  display: block;
  width: 35px;
  height: 35px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto; }
.upload-image-wrapper .image-preview > svg path {
  fill: #3498db; }
.upload-image-wrapper .image-preview > img {
  display: none;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto; }
.upload-image-wrapper .image-preview .image-delete {
  transition: opacity .1s ease-in;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9;
  text-align: center; }
.upload-image-wrapper .image-preview .image-delete > svg {
  display: inline-block;
  width: 20px;
  height: 20px; }
.upload-image-wrapper .image-preview .image-delete > svg path,
.upload-image-wrapper .image-preview .image-delete > svg polygon {
  fill: #fff; }
.upload-image-wrapper .image-preview.ready-state {
  cursor: pointer;
  opacity: 1; }
.upload-image-wrapper .image-preview.appear {
  border: 0;
  opacity: 1; }
.upload-image-wrapper .image-preview.appear img {
  display: block; }
.upload-image-wrapper .image-loader-wrapper {
  transition: all .3s linear;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -9; }
.upload-image-wrapper .image-loader-wrapper.appear {
  opacity: 1;
  z-index: 9; }
.upload-image-wrapper .image-loader-wrapper .image-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.upload-image-wrapper .image-loader-wrapper .image-loader svg {
  display: block;
  width: 35px;
  height: 35px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 29;
  stroke: #3498db; }
.upload-image-wrapper .image-loader-wrapper .image-loader:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.55); }

.app-wrapper {
  height: 100%; }

.layout {
  min-height: 100%;
  margin-bottom: -75px;
  min-width: 850px; }

.fixed {
  max-width: 495px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px; }

.background-wrapper {
  transition: opacity .35s linear;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -99;
  opacity: 0; }
.background-wrapper.appear {
  opacity: 1; }

.loader-wrapper {
  transition: opacity .2s linear;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.47);
  z-index: 99; }
.loader-wrapper > svg {
  display: block;
  position: relative;
  top: 215px;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  stroke: #3498db; }
.loader-wrapper.appear {
  opacity: 1; }

.header {
  position: fixed;
  z-index: 899;
  width: 100%;
  min-width: 850px; }

.main-wrapper {
  transition: opacity .2s linear;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 100px;
  padding-bottom: 75px;
  opacity: 1; }
.main-wrapper.loading {
  opacity: 0; }

.content-section:not(:first-child) {
  margin-top: 25px; }

.content-section .content-preloader {
  padding-top: 40px;
  padding-bottom: 40px; }

.container {
  background-color: #fff; }
.container + .container {
  margin-top: 30px; }

.primary-section {
  position: relative;
  padding: 30px 30px;
  background-color: #3498db; }

.section {
  position: relative;
  padding: 30px 30px; }
.section:first-child {
  padding-top: 35px; }
.section + .section {
  border-top: 1px solid #ecf0f1; }
.section.locked:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .45; }
.section + .group-list .group-row {
  border-left: 0;
  border-right: 0; }
.section + .group-list .group-row:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.section + .group-list .group-row:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.section + .group-list .group-cell:first-child {
  padding-left: 30px; }
.section + .group-list .group-cell:last-child {
  padding-right: 30px; }

.sidebar .section {
  padding: 20px 20px; }

.section-group:after {
  display: block;
  content: '';
  clear: both; }

.section-group .section {
  padding: 0; }
.section-group .section:first-child {
  float: left;
  width: 300px; }
@media (min-width: 1050px) {
  .section-group .section:first-child {
    width: 420px; } }
.section-group .section:first-child > .section-preview {
  margin-top: 65px;
  padding-left: 30px;
  padding-right: 30px; }
.section-group .section:first-child > .section-preview h3 {
  font-size: 26px;
  line-height: 1.15; }
.section-group .section:not(:first-child) {
  border-top: 0;
  border-left: 1px solid #dde1e2;
  margin-left: 300px; }
@media (min-width: 1050px) {
  .section-group .section:not(:first-child) {
    margin-left: 420px; } }
.section-group .section:not(:first-child) > .section {
  float: none;
  width: auto;
  margin-left: 0;
  padding: 30px 30px;
  border-left: 0; }
.section-group .section:not(:first-child) > .section:not(:first-child) {
  border-top: 1px solid #dde1e2; }

.footer-wrapper {
  height: 75px;
  position: relative;
  padding-left: 45px;
  padding-right: 45px; }

.footer {
  padding-top: 25px;
  max-width: 1350px;
  height: inherit;
  margin-left: auto;
  margin-right: auto; }

.footer-menu li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #999; }
.footer-menu li + li {
  margin-left: 10px; }

.footer-menu a {
  color: #666;
  line-height: 1; }

.footer-menu + .footer-menu {
  margin-top: 3px; }

.wrapper {
  max-width: 1350px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto; }
.wrapper:after {
  display: block;
  content: '';
  clear: both; }

html {
  height: 100%; }

body {
  height: 100%;
  background-color: #ecf0f1;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #999;
  line-height: 1.3; }
body *,
body *:before,
body *:after {
  box-sizing: border-box; }

a {
  font-size: inherit;
  font-family: inherit;
  color: #3498db;
  line-height: inherit;
  text-decoration: none; }

.logo {
  display: block;
  width: 116px;
  height: 24px;
  background: url("") top left no-repeat;
  position: relative;
  top: 13px; }

.topbar-wrapper {
  height: 50px;
  background-color: #1E252F;
  padding-left: 45px;
  padding-right: 45px; }

.topbar {
  max-width: 1350px;
  height: inherit;
  margin-left: auto;
  margin-right: auto; }
.topbar.guest {
  text-align: center; }

.topbar-logo {
  display: inline-block;
  height: 50px; }

.topbar-menu {
  display: inline-block;
  vertical-align: top;
  height: inherit;
  position: relative;
  left: 20px; }
.topbar-menu > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: inherit;
  overflow: visible; }
.topbar-menu > li > a {
  display: block;
  position: relative;
  height: inherit;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #bfd0d6;
  line-height: 50px; }
.topbar-menu > li > a:hover {
  color: #fff; }
.topbar-menu > li > ul {
  display: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 185px;
  z-index: 4; }
.topbar-menu > li > ul > li {
  display: block; }
.topbar-menu > li > ul > li > a {
  display: block;
  background-color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333; }
.topbar-menu > li > ul > li > a:hover, .topbar-menu > li > ul > li > a:active, .topbar-menu > li > ul > li > a:focus {
  background-color: #f6f6f6; }
.topbar-menu > li.dropmenu {
  position: relative; }
.topbar-menu > li.dropmenu > a {
  padding-right: 26px; }
.topbar-menu > li.dropmenu:after {
  display: block;
  content: '';
  position: absolute;
  top: 23px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #bfd0d6 transparent transparent transparent;
  z-index: 11; }
.topbar-menu > li.active > a {
  position: relative;
  z-index: 10;
  background-color: #2c3645;
  color: #fff; }
.topbar-menu > li.active > ul {
  display: block; }
.topbar-menu > li.active:after {
  border-color: #ccd1d5 transparent transparent transparent; }

.topbar-workspace {
  float: right;
  width: 360px;
  height: inherit;
  text-align: right; }
.topbar-workspace > div {
  display: inline-block;
  vertical-align: top;
  height: inherit; }
@media (max-width: 1050px) {

  .topbar-workspace {
    width: 230px !important; } }

@media (max-width: 900px) {

  .topbar-workspace {
    width: 180px !important; }
}

.topbar-account {
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px; }
.topbar-account.active {
  background-color: #2c3645; }
.topbar-account > div {
  display: inline-block;
  vertical-align: top;
  height: inherit; }
.topbar-account .account-more {
  border-radius: 2px;
  position: absolute;
  top: 60px;
  right: 0;
  width: 295px;
  height: auto;
  padding-top: 15px;
  background-color: #fff;
  text-align: left;
  z-index: 9; }
.topbar-account .account-more > .account-section,
.topbar-account .account-more > .account-sel-section > .account-section {
  padding-left: 15px;
  padding-right: 15px; }
.topbar-account .account-more .username {
  font-size: 18px;
  font-weight: 300;
  color: #333;
  line-height: 1.3;
  max-width: 265px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.topbar-account .account-more .account-section {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.topbar-account .account-more .account-section:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fafafa; }
.topbar-account .account-more .account-section:last-child:after {
  display: block;
  content: '';
  clear: both; }
.topbar-account .account-more > .account-section:first-child {
  padding-bottom: 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #ecf0f1; }
.topbar-account .account-more .account-section.sel {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #ecf0f1; }
.topbar-account .account-more .account-section.sel:hover {
  background-color: #eee }
.topbar-account .account-more > .account-sel-section {
  max-height:160px;
  overflow-y:auto;
}
.topbar-account .account-more:after {
  display: block;
  content: '';
  position: absolute;
  top: -5px;
  right: 25px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff; }

.topbar-username {
  max-width: 130px;
  padding-right: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #bfd0d6;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
@media (max-width: 1050px) {
  .topbar-username {
    display: none !important; } }

.topbar-userpic {
  width: 30px;
  height: inherit;
  overflow: hidden;
  text-align: center;
  position: relative;
  top: 10px; }
.topbar-userpic > img {
  border-radius: 100%;
  display: inline-block;
  width: 30px;
  height: 30px; }

.topbar-notify-wrapper {
  position: relative;
  height: inherit;
  cursor: pointer;
  padding: 0 5px; }
.topbar-notify-wrapper > .topbar-notify {
  width: 22px;
  height: inherit;
  text-align: left; }
.topbar-notify-wrapper > .topbar-notify > svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 17px; }
.topbar-notify-wrapper > .topbar-notify > svg path,
.topbar-notify-wrapper > .topbar-notify > svg polygon,
.topbar-notify-wrapper > .topbar-notify > svg rect {
  fill: #bfd0d6; }
.topbar-notify-wrapper > .notify-badge {
  border-radius: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  top: 9px;
  right: 5px;
  padding: 1px 4px;
  background-color: #dc0d17;
  background-image: linear-gradient(#fa3c45, #dc0d17);
  font-size: 9px;
  color: #fff;
  z-index: 9;
  text-align: center; }

.topbar-notify-wrapper.dollar {
  margin-right:10px;
}
.topbar-notify-wrapper > #dollar {
  position: relative;
  top: 17px;
}
.topbar-notify-wrapper > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:50px;
  overflow:hidden;
  display:inline-block;
  vertical-align: top;
  position: relative;
  top: 15px;
  left:3px;
}

@media (max-width: 900px) {

  .topbar-notify-wrapper > span {
    display:none;
  }
}

.topbar-settings-wrapper,
.topbar-logout-wrapper {
  position: relative;
  height: inherit;
  cursor: pointer;
  padding: 0 5px; }
.topbar-settings-wrapper > .topbar-logout,
.topbar-settings-wrapper > .topbar-settings,
.topbar-logout-wrapper > .topbar-logout,
.topbar-logout-wrapper > .topbar-settings {
  width: 24px;
  height: inherit;
  text-align: right; }
.topbar-settings-wrapper > .topbar-logout > svg,
.topbar-settings-wrapper > .topbar-settings > svg,
.topbar-logout-wrapper > .topbar-logout > svg,
.topbar-logout-wrapper > .topbar-settings > svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 17px; }
.topbar-settings-wrapper > .topbar-logout > svg path,
.topbar-settings-wrapper > .topbar-logout > svg polygon,
.topbar-settings-wrapper > .topbar-logout > svg rect,
.topbar-settings-wrapper > .topbar-settings > svg path,
.topbar-settings-wrapper > .topbar-settings > svg polygon,
.topbar-settings-wrapper > .topbar-settings > svg rect,
.topbar-logout-wrapper > .topbar-logout > svg path,
.topbar-logout-wrapper > .topbar-logout > svg polygon,
.topbar-logout-wrapper > .topbar-logout > svg rect,
.topbar-logout-wrapper > .topbar-settings > svg path,
.topbar-logout-wrapper > .topbar-settings > svg polygon,
.topbar-logout-wrapper > .topbar-settings > svg rect {
  fill: #bfd0d6; }

.topmenu-wrapper {
  height: 50px;
  background-color: #3498db;
  padding-left: 45px;
  padding-right: 45px; }

.topmenu {
  height: inherit;
  max-width: 1350px;
  margin-right: auto;
  margin-left: auto; }
.topmenu:after {
  display: block;
  content: '';
  clear: both; }
.topmenu > .topmenu-nav {
  height: inherit;
  float: left; }
.topmenu > .topmenu-nav > li {
  display: inline-block;
  height: inherit; }
.topmenu > .topmenu-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  height: inherit;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #d9ecf8;
  line-height: 50px; }
.topmenu > .topmenu-nav > li > a:hover {
  color: #fff; }
.topmenu > .topmenu-nav > li + li {
  margin-left: 20px; }
.topmenu > .topmenu-nav > li.active > a {
  color: #fff; }
.topmenu > .topmenu-nav > li.active > a:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ecf0f1; }

.empty-wrapper {
  border-radius: 2px;
  margin-top: 15px;
  padding-top: 25px;
  padding-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
  text-align: center; }

.empty-icon > svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 48px;
  height: auto; }
.empty-icon > svg path {
  fill: #3498db; }

.empty-caption {
  display: inline-block;
  max-width: 280px;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 1.3; }

.edit-item > .edit-item-sidebar {
  width: 135px;
  float: left; }

.edit-item > .edit-item-sidebar-admin {
  width: 250px;
  float: left; }

.edit-item > .edit-item-form {
  margin-left: 135px;
  margin-bottom: 20px;
  padding-left: 20px; }

.content-preloader-wrapper.hide + .form-wrapper {
  margin-top: 25px; }

.content-preloader > svg {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto; }
.content-preloader > svg path,
.content-preloader > svg polygon {
  fill: #c6d2d5;
  /*$dark-clouds;*/ }

.login-language {
  cursor: pointer;
  width: 495px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  background-position: top left;
  background-repeat: no-repeat; }
.login-language.rus {
  background-image: url("assets/images/rus.jpg"); }
.login-language.eng {
  background-image: url("assets/images/eng.jpg"); }

.signup-wrapper {
  display: none;
  margin-top: 15px; }

table.invoiceForPayment
{
  width:98%;
}
table.invoiceForPayment td,
table.invoiceForPayment3 td
{
  padding:4px;
  border: 1px solid black;
}
table.invoiceForPayment3
{
  width:98%;
}
table.invoiceForPayment3 tr:not(:first-child):not(:nth-child(2)) td
{
  border: 0;
  padding-bottom:0;
}
.modal-section.invoiceForPayment,
.modal-section.invoiceForPayment p,
.modal-section.invoiceForPayment h4
{
  color: black;
}
table.invoiceForPayment2 td
{
  padding-left:10px;
  padding-bottom:10px;
}
.modal-section.invoiceForPayment:nth-child(2)
{
  border-bottom:1px solid #ddd;
  padding-bottom:15px;
}
p.bold,
h4.bold,
p b
{
  font-weight:bold;
}
.invoiceForPayment4
{
  margin:0 auto 100px;
  position:relative;
}
.invoiceForPayment4 td
{
  text-align: center;
}
.invoiceForPayment4 td:first-child
{
  width:70px;
  border:0;
}
.invoiceForPayment4 td:not(:first-child)
{
  width:120px;
  border-bottom: 1px solid #000;
  font-size:14px;
  text-align: center;
}
.invoiceForPayment4 td:nth-child(6)
{
  display:none;
  border:0;
}
.invoiceForPayment4 td:nth-child(2),
.invoiceForPayment4 td:nth-child(4)
{
  width:40px;
  border:0;
}
.invoiceForPayment4 td:nth-child(3) img
{
  position:absolute;
  top:-25px;
  left:100px;
}
.invoiceForPayment4 td:last-child
{
  width:0;
  border:0;
}
.invoiceForPayment4 td:last-child img
{
  position:absolute;
  width:150px;
  top:-30px;
  left:160px;
}

@media print
{
  .modal-section.invoiceForPayment.print
  {
    visibility: visible;
  }
  hr
  {
    visibility: visible;
  }
  html, body
  {
    visibility:hidden;
    overflow:hidden;
  }
  .modal-window-wrapper
  {
    width:500px;
    margin-right: 0;
    margin-left: 0;
    top:0;
    font-size:12px;
  }
  .modal-section.invoiceForPayment.noprint
  {
    display:none;
  }
  .modal-section.invoiceForPayment.print table
  {
    width:89%;
  }
  .invoiceForPayment4
  {
    margin:0;
  }
  .invoiceForPayment4 td
  {
    text-align:center;
  }
  .invoiceForPayment4 td:first-child
  {
    width:70px;
    border:0;
  }
  .invoiceForPayment4 td:not(:first-child)
  {
    width:120px;
    border-bottom: 1px solid #000;
    font-size:14px;
    text-align:center;
  }
  .invoiceForPayment4 td:nth-child(6)
  {
    display:block;
    width:200px;
    border:0;
  }
  .invoiceForPayment4 td:last-child
  {
    display:block;
    width:200px;
    border:0;
  }
  .invoiceForPayment4 td:nth-child(2),
  .invoiceForPayment4 td:nth-child(4)
  {
    width:40px;
    border:0;
  }
}
@page {
  margin-top: 0;
  margin-bottom: 0;
  margin-left:10px;
}

div.content.orderDetails h5,
.rowOrder h5,
div.content.orderDetails section span,
.rowOrder span
{
  padding-left:10px;
  color:#555;
  padding-bottom:5px;
  font-size: 14px;
}
div.content.orderDetails b,
.rowOrder b
{
  font-weight: bold;
  color:#222;
  font-size: 14px;
}
.show-sm {
  display: none; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.expander-wrapper {
  display: none;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-top: 25px;
  cursor: default; }
.expander-wrapper.active {
  display: block; }

.expander-wrapper h4 {
  color: #333; }

.rowOrder {
  display: block;
  cursor: pointer; }

.rowOrder + .rowOrder {
  border-top: 1px solid #ECF0F1; }

.list>.rowOrder>.row:not(.row-head):not(.selected):not(.canceledOrder):hover {
  background-color: #EEE;
  background-image: -webkit-linear-gradient(top, #EEE, #E0E0E0);
  background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
  background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
  background-image: -o-linear-gradient(top, #eee, #e0e0e0);
  background-image: linear-gradient(top, #eee, #e0e0e0); }

.rowOrder a {
  font-weight: 300;
  text-transform: capitalize; }

.added {
  color: #3498DB; }
.canceledOrder {
  background:rgba(255,0,0,.5);
}
.reviewedOrder {
  background:rgba(0,255,0,.2);
}
.myInvoice .button-primary.disabled {
  background:#e4e6e8;
  color: #333;
}
.orderA
{
  color:#3498db;
  cursor:pointer;
}
.cellOverSmall
{
  width:45px;
  text-align: center;
}
.cell .far{
  font-size: 22px;
  transition: .2s linear;
  color: #6e6e6e;
}
.cell .far:hover{
  opacity: 0.7;
}
.cellSmall
{
  width:80px;
}
.cellSmallCustomWater
{
  width:80px;
  text-align: center;
}
.cellMedium
{
  width:200px;
}
.cellLarge
{
  width:300px;
}
.cellAllLarge
{
  width:100%;
}
input.success,
textarea.success,
.selected-option.success
{
  background-color: rgba(0,255,0,.1);
  border: 1px solid green;
}
.success-bubble
{
  transition: opacity .2s linear;
  border-radius: 2px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 26px;
  color: darkgreen;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0;
}
.success-bubble.appear
{
  opacity: 1;
}
a.noColor
{
  color:inherit;
}

.bufer-wrapper>div
{
  background:#D7E0E2;
  padding:14px 0 5px 14px;
}
.bufer.button-primary.disabled {
  background:#e4e6e8;
  color: #333;
}

.button-primary.alignCenter
{
  display:block;
  width:90px;
  margin-left:auto;
  margin-right:auto;
}

.notshowmodifer > a
{
  color:#E26D26;
}

.rowCopied
{
  background:#62AD79;
}

b
{
  font-weight:bold;
}

i
{
  font-style: italic;
}

span.link
{
  color:#6DB1EA;
  cursor:pointer;
}
.custom-props-wrapper {
  margin-top: 20px; }
.custom-props-wrapper .plates-wrapper {
  margin-top: 20px; }

.custom-property + .custom-property {
  margin-top: 15px; }

.recom-item {
  border-radius: 2px;
  height: 70px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 15px 15px;
  border: 1px solid #ecf0f1; }
.recom-item .recom-item-image {
  border-radius: 100%;
  float: left;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden; }
.recom-item .recom-item-image > img {
  user-select: none;
  height: 40px; }
.recom-item .recom-item-details {
  height: 40px;
  margin-left: 40px;
  margin-right: 35px;
  padding: 0 13px;
  padding-top: 3.5px; }
.recom-item .recom-item-details .recom-item-name {
  font-size: 16px;
  color: #333;
  line-height: 1;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.recom-item .recom-item-details .recom-item-price {
  margin-top: 3px;
  font-size: 14px;
  color: #999;
  line-height: 1; }
.recom-item .recom-item-unbind {
  float: right;
  width: 35px;
  height: 40px;
  cursor: pointer; }
.recom-item .recom-item-unbind > svg {
  display: block;
  position: relative;
  top: 11px;
  width: 18px;
  height: 18px;
  margin-left: auto;
  margin-right: auto; }
.recom-item .recom-item-unbind > svg path {
  fill: #95a4a9; }

.menu-empty {
  width: 600px;
  margin-top: 25px; }
.menu-empty h3 {
  font-size: 18px;
  font-weight: 400;
  color: #333; }
.menu-empty p {
  font-size: 16px;
  color: #666; }
.menu-empty li {
  font-size: 14px;
  font-weight: 300;
  color: #666; }
.menu-empty li strong {
  font-weight: 400; }
.menu-empty li + li {
  margin-top: 15px; }
.menu-empty ul {
  margin-bottom: 20px; }

.inl.Online, .inl.Offline
{
  display: inline-block;
}
.Online
{
  color: darkgreen;
}
.Online > div
{
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background: darkgreen;
  border-radius: 50%;
  margin-left: 10px;
}
.Offline
{
  color: red;
}
.Offline > div
{
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background: red;
  border-radius: 50%;
  margin-left: 10px;
}

.button-supadm-search {
  display: inline-flex;
  height: 100%;
  margin-bottom: 0;
  margin-top: 26px;
  margin-left: 15px
}

.button-supadm-search > .button-wrapper {
  margin-bottom: 0;
}

.wrapper-interface {
  display: flex;
  height: 100%;
  justify-content: space-around; }
.wrapper-interface .interface-order-wrapper {
  width: 100%; }
.wrapper-interface .interface-order-wrapper .wrapper-title {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 18px;
  }
.wrapper-interface .interface-order-wrapper .wrapper-title span {
  color: #BEBEBE;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  padding-left: 21px; }
.wrapper-interface .interface-order-wrapper .wrapper-title h2 {
  color: #2D2D2D;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0; }
.wrapper-interface .interface-order-wrapper .interface-wrapper {
  margin-bottom: 35px;
  cursor: pointer; }
.wrapper-interface .interface-order-wrapper .interface-wrapper .active_prod {
  background: #3498DB;
  color: #fff; }
.wrapper-interface .interface-modified-wrapper {
  width: 100%;
  margin: 0 40px;}
/*.wrapper-interface .interface-modified-wrapper .interface .shadow_layer_mod {*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background-color: #000;*/
  /*opacity: 0.7;*/
  /*position: absolute;*/
  /*z-index: 5000;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*color: #fff;*/
  /*font-size: 24px;}*/
.wrapper-interface .interface-modified-wrapper .wrapper-title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.wrapper-interface .interface-modified-wrapper .wrapper-title span {
  color: #BEBEBE;
  font-size: 18px;
  display: flex;
  align-items: flex-end;
  padding-left: 21px;
  text-decoration: underline;
  cursor: pointer;}
.wrapper-interface .interface-modified-wrapper .interface {
  padding: 29px 0 0 0;
  position: relative;}
.wrapper-interface .interface-modified-wrapper .interface-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  cursor: pointer; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .wrapper-checkbox {
  display: flex;
  padding: 5px 12px 5px 26px;
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 1;
  white-space: nowrap;
  width: 100%; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .wrapper-checkbox--active {
  display: flex;
  padding: 5px 12px 5px 26px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  width: 100%;
  background: #3498DB;
  color: #fff; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .wrapper-checkbox--active .option-input:checked {
  background-color: #fff; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .wrapper-checkbox--active .option-input:checked:before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 22px;
  text-align: center;
  line-height: 30px;
  left: 0;
  color: #3498db; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .count {
  display: none; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper .count.active {
  display: block;
  color: #BEBEBE;
  background: transparent;
  padding: 5px 13px;
  font-size: 16px;
  flex-grow: 1;
  text-align: right; }
.wrapper-interface .interface-modified-wrapper .interface-wrapper span {
  display: flex;
  align-items: center; }
.wrapper-interface .interface-modified-wrapper h2 {
  color: #2D2D2D;
  font-size: 24px;
  font-weight: bold;
  font-family: Roboto;
  margin-bottom: 0;}
.wrapper-interface .interface-dishes-wrapper {
  width: 100%; }
.wrapper-interface .interface-dishes-wrapper .wrapper-title {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 18px;
  justify-content: space-between;
}
.wrapper-interface .interface-dishes-wrapper h2 {
  color: #2D2D2D;
  font-size: 24px;
  font-weight: bold;
  font-family: Roboto;
  margin-bottom: 0; }
.wrapper-interface .interface-dishes-wrapper .wrapper-title span {
  color: #BEBEBE;
  font-size: 18px;
  display: flex;
  align-items: flex-end;
  padding-left: 21px;
  text-decoration: underline;
  cursor: pointer;}
.wrapper-interface .interface-dishes-wrapper .interface {
  padding: 29px 0 0 0; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  cursor: pointer; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .wrapper-checkbox {
  display: flex;
  padding: 5px 12px 5px 26px;
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 1;
  white-space: nowrap;
  width: 100%; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .wrapper-checkbox--active {
  display: flex;
  padding: 5px 12px 5px 26px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  width: 100%;
  background: #3498DB;
  color: #fff; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .wrapper-checkbox--active .option-input:checked {
  background-color: #fff; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .wrapper-checkbox--active .option-input:checked:before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 22px;
  text-align: center;
  line-height: 30px;
  left: 0;
  color: #3498db; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .checkbox-wrapper {
  height: auto;
  display: flex;
  align-items: center; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .checkbox-wrapper .checkbox {
  height: 27px;
  width: 27px; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper .count {
  flex-grow: 1;
  text-align: right; }
.wrapper-interface .interface-dishes-wrapper .interface-wrapper span {
  display: flex;
  align-items: center; }
.wrapper-interface .interface {
  border: 1px solid silver;
  height: 74vh;
  overflow: auto; }
.wrapper-interface .interface::-webkit-scrollbar {
  width: 3px;
  height: 3px; }
.wrapper-interface .interface::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #BEBEBE;
  border-radius: 3px; }
.wrapper-interface .interface::-webkit-scrollbar-corner {
  background-color: #BEBEBE; }
.wrapper-interface .interface::-webkit-resizer {
  background-color: #BEBEBE; }
.wrapper-interface .interface::-webkit-scrollbar-track {
  background-color: transparent; }
.wrapper-interface .interface-title {
  display: flex;
  padding: 29px 12px 9px 33px; }
.wrapper-interface .interface-title h4 {
  font-size: 18px;
  margin: 0 21px 0 0;
  font-weight: bold;
  color: #2D2D2D; }
.wrapper-interface .interface-title span {
  color: #BEBEBE;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px; }
.wrapper-interface .interface-list-item {
  height: 42px;
  padding: 0 20px 0 40px;
  color: #2D2D2D;
  cursor: pointer; }
.wrapper-interface .interface-list-item--active {
  height: 42px;
  padding: 0 20px 0 40px;
  background: #3498DB;
  color: #fff; }
.wrapper-interface .interface-list-item--active .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0; }
.wrapper-interface .interface-list-item--active .list-item .name {
  font-weight: 400;
  font-size: 16px; }
.wrapper-interface .interface-list-item--active .list-item .count {
  display: none; }
.wrapper-interface .interface-list-item--active .list-item .count.active {
  display: block;
  color: #fff;
  background: transparent;
  padding: 3px 13px;
  font-size: 16px; }
.wrapper-interface .interface-list-item--active .list-item .count.active.full {
  background: #FF7878 !important;
  border-radius: 66px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding: 3px 13px; }
.wrapper-interface .interface-list-item .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0; }
.wrapper-interface .interface-list-item .list-item .name {
  font-weight: 400;
  font-size: 16px; }
.wrapper-interface .interface-list-item .list-item .count {
  display: none; }
.wrapper-interface .interface-list-item .list-item .count.active {
  display: block;
  color: #BEBEBE;
  background: transparent;
  padding: 5px 13px;
  font-size: 16px; }
.wrapper-interface .interface-list-item .list-item .count.full {
  background: #FF7878 !important;
  border-radius: 66px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding: 5px 13px; }

/*Checbox*/

.wrapper-interface .option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.wrapper-interface .option-input:hover {
  background: #9faab7;
}
.wrapper-interface .option-input:checked {
  background: #3498db;
}
.wrapper-interface .option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 22px;
  text-align: center;
  line-height: 30px;
  left: 0;
}
.wrapper-interface .option-input:checked::after {
  background: #3498db;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.wrapper-interface .option-input.radio {
  border-radius: 50%;
}
.wrapper-interface .option-input.radio::after {
  border-radius: 50%;
}

.edit-modified-name {
  margin-top: 7px;
  padding-left: 20px;
}

#select-categories-card{
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
  width: 100%;
  padding: 10px;
  transition: border .3s linear, box-shadow .3s linear, background-color .3s linear;
  border: 1px solid #dadada;
  border-top: 1px solid #c0c0c0;
  color: #333;
}

#select-categories-card option{
  color: #333;
}





.switch-block{

}

.close-block{
  display: none !important;
}

.switch-block button{
  box-sizing: border-box;
  border-radius: 44px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  min-width: 136px;
  padding: 10px 0;
  margin-right: 24px;
  cursor: pointer;
  border: 1px solid #FFB74D;
}

.switch-block__button{
  background: #FFF;
  color: #FFB74D;

}

.switch-block__button-active{
  background: #FFB74D;
  color: #FFF;
}

.date-price-block{
  margin: 20px 0;
}
.date-price-block__switch-close{
  display: none;
}

.date-price-block__switch button{
    box-sizing: border-box;
    border-radius: 44px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    min-width: 136px;
    padding: 6px 0;
    margin-right: 24px;
    cursor: pointer;
    border: 1px solid #FFB74D;
}

.switch-block__button, .switch-price__button{
    background: #FFF;
    color: #FFB74D;
    position: relative;
}

.date-price-block__switch span:nth-child(1){
    content: " ";
    background: #FFF;
    height: 13px;
    width: 13px;
    position: absolute;
    top: calc(50% - 6.5px);
    left: 5%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.date-block__date{
    display: flex;
    flex-direction: column;
}

.labelSpecial{
    margin-top: 10px;
    visibility: hidden;
}

.labelSpecial2{
    visibility: hidden;
}

.switch-block__button-active, .switch-price__button-active{
    background: #FFB74D;
    color: #FFF;
    position: relative;
}

.date-block{
  margin: 20px 0;
}

.date-block__price{
  margin-right: 40px;
}

.date-block__date, .date-block__time{
    margin-right: 10px;
}

.date-block__time input:nth-child(4){
  margin-top: 1px;
}

.date-block .single, .date-block .daily{
  display: flex;
}

.save_time_price{
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  background: #FFB74D;
  color: #FFF;
  font-size: 18px;
  margin-top: 20px;
}

.table-price-block{
    overflow-y: scroll;
    max-height: 300px;
}

.table-price-block::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.table-price-block::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.table-price-block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.table-price-block h1{
  width: 100%;
}

.table-price-block table{
  width: 100%;
  border: 1px solid #f0f0f0;
}

.table-price-block table thead tr th{
  padding: 15px;
  background: #f0f0f0;
  text-align: left;
}

.table-price-block table tbody tr td{
  padding: 23px 0;
  text-align: center;
  border: 1px solid #f0f0f0;
}

.table-price-block table tr td:nth-child(4) p{
    background: orange;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

.table-price-block table .after-date span{
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 44px;
    padding: 5px 15px;
    color: #BDBDBD;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
}

.table-price-block table .same-date span{
    border: 1px solid #FFB74D;
    box-sizing: border-box;
    border-radius: 44px;
    padding: 5px 15px;
    color: #fff;
    background: #FFB74D;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
}

.table-price-block table .before-date span, .table-price-block table .null-date span{
    border: 1px solid #FFB74D;
    box-sizing: border-box;
    border-radius: 44px;
    padding: 5px 15px;
    color: #FFB74D;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
}

.data-error-message{
  background: red;
  color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.data-error-message, .data-error-message p{
  -webkit-transition: linear .3s;
  -moz-transition: linear .3s;
  -ms-transition: linear .3s;
  -o-transition: linear .3s;
  transition: linear .3s;
}

.countChangePrice{
    -moz-appearance: textfield;
}
.countChangePrice::-webkit-outer-spin-button,
.countChangePrice::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.countChangePrice label{
  margin: 0 0 15px;
}

.countChangePrice input{
  width: auto;
}

.external_type_of_payment{
    color: #8a8a8a;
}

.none_external_type_of_payment{
    color: silver;
}

.error_external_type_of_payment{
    color: #ff0000;
}

.richie-radio{
  display: flex;
  justify-content: start;
  align-items: center;
}

.richie-radio input{
  width: auto !important;
}

.richie-radio label{
  margin: 0;
  padding-left: 12px;
}

.dateRowCustom{
  overflow: visible;
}

.richieClassInput{
  max-width: 550px;
}

.disabled_status_input{
  background: #BBBBBB;
}

.date-time-form-push{
    display: flex;
    flex-direction: column;
}

.date-time-form-push p{
    color: #666;
}

.name-form-block{
    display: flex;
    align-items: flex-start;
    padding-top: 15px;
    min-width: 160px;
}

.name-form-block p{
  margin-bottom: 15px;
}

.date-time-block{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.date-time-block label{
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    min-width: 160px;
}

.date-time-block div > input{
    margin: 0 15px;
}

.date-time-block div{
    display: flex;
}

.date-time-block div:nth-child(2) > label input{
    min-width: 160px;
}

.select-application, .cities-application{
    display: flex;
    flex-direction: column;
}

.select-application label, .cities-application label{
    margin-right: 15px;
    min-width: 160px;
}

.select-application select, .cities-application select{
    border-radius: 2px;
    transition: border .3s linear, box-shadow .3s linear, background-color .3s linear;
    display: block;
    width: 100%;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadada;
    border-top-color: rgb(218, 218, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(218, 218, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: 1px solid #c0c0c0;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 34px;
    color: #333;
    outline: 0;
}
.block_date_push{
  margin-top: 15px;
}

.block_date_push input{
  text-align: center;
  padding: 0;
  margin: 0 15px 0 0 !important;
  width: 175px !important;
}


/**********/

.date-time-block .radio {
  margin: 5px 0;
  display: block;
  cursor: pointer;
  background-color: transparent;
}
.date-time-block .radio input[type="radio"] {
  display: none;
}
.date-time-block .radio input + span {
  line-height: 18px;
  height: 18px;
  padding-left: 18px;
  display: flex;
  position: relative;
}
.date-time-block .radio input + span:not(:empty) {
  padding-left: 30px;
}
.date-time-block .radio input + span:before, .date-time-block .radio input + span:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}
.date-time-block .radio input + span:before {
  background: #D1D7E3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.date-time-block .radio input + span:after {
  background: #fff;
  transform: scale(0.78);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.date-time-block .radio input:checked + span:before {
  transform: scale(1.04);
  background: #5D9BFB;
}
.date-time-block .radio input:checked + span:after {
  transform: scale(0.4);
  transition: transform 0.3s ease;
}
.date-time-block .radio:hover input + span:before {
  transform: scale(0.92);
}
.date-time-block .radio:hover input + span:after {
  transform: scale(0.74);
}
.date-time-block .radio:hover input:checked + span:after {
  transform: scale(0.4);
}
.custom-date-richie::-webkit-inner-spin-button{display:none;}
.custom-date-richie::-webkit-calendar-picker-indicator{display:none;}

.date_push_optional::-webkit-inner-spin-button{display:none;}
.date_push_optional::-webkit-calendar-picker-indicator{display:none;}

.date_push_duration_optional::-webkit-inner-spin-button{display:none;}
.date_push_duration_optional::-webkit-calendar-picker-indicator{display:none;}

.count-user-push{
    padding: 15px 0 0;
}

.button-primary-custom{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #3498DB;
    cursor: pointer;
    text-align: right;
}

.listPushesCustom{
    margin: 5px 0 15px;
    padding: 15px 25px;
    background: #fff;
}

.listPushesCustom p{
  display: flex;
  padding: 6px 0;
}

.listPushesCustom .row .cell{
  text-align: center;
}

.listPushesTitle{
  flex-basis: 15%;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}

.listPushesText{
  flex-basis: 85%;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}

.listPushesCustom p:last-child .listPushesText{
    display: flex;
    justify-content: space-between;
}

.pushHeadPage{
  display: flex;
  justify-content: space-between;
}

.pushHeadPage > div{
  display: flex;
  align-items: center;
}

.pushErrorCount{
  text-align: center;
  margin-top: 25% !important;
}

.duration_active_user{
    margin-top: -25px;
}

.duration_active_user > div{
    display: flex;
    align-items: center;
    margin: 5px 0 15px;
}

.duration_active_user div span:nth-child(1){
    width: 10%;
}

.duration_active_user div span:nth-child(3){
    width: 15%;
    text-align: center;
}

.duration_active_user label{
    margin: 15px 0;
}

.duration_active_user input::-webkit-inner-spin-button{display:none;}
.duration_active_user input::-webkit-calendar-picker-indicator{display:none;}

.modalWrapperNameSpace{
    display: flex;
}

.orderModalNameSpace{
    padding: 5px 25px 5px 0;
    cursor: pointer;
    transition: .2s linear;
}

.orderModalNameSpace:hover{
    text-shadow: 0 0 6px #223;
    color: #fff;
}

.countDevicePushes{
  font-weight: 600;
  color: #223;
}

.titleFilterPushes{
  display: flex;
  justify-content: space-between;
  margin: 10px 0 35px;
}

.titleFilterPushes .button-wrapper{
  display: flex;
  align-items: center;
  justify-content: start;
}

#tooltip-text-file-phonenumber .tooltip{
  margin-left: 0;
}

.errorParseText{
  color: red;
  font-size: 11px;
  font-weight: bold;
}

.successParseText{
  color: green;
  font-size: 11px;
  font-weight: bold;
}

.noParseText{
  display: none;
}

.fileInputPhone{
  color: transparent;
  background: transparent;
  border: none;
}

.removeFileInputPhone{
  position: absolute;
  top: 45%;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

.water-list{
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: .3s linear;
}

.water-list > label{
    font-weight: bold;
    font-size: 22px;
}

.water-wrapper{
  transition: max-height .3s linear;
  cursor: auto;
}

.water-wrapper-close{
  transition: max-height .3s linear;
  cursor: auto;
}

.water-order{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
    padding: 10px 0 5px;
}

.water-order-add{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-top: 15px;
  cursor: pointer;
  transition: .5s linear;
}

.water-order-add:hover span{
  transition: .2s linear;
  opacity: 0;
}

.water-order-add:hover i{
  transition: .4s ease-in-out;
  transform: translateX(-115px);
  font-size: 24px;
}

.water-order-add > i{
  color: #007c00;
  margin-left: 15px;
  transform: translateX(0);
}

.water-order > span{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.water-order input {
    margin: 0;
}

.water-order input[type='checkbox']{
    height: 15px !important;
    box-shadow: none !important;
}

.water-order input::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
}

.water-order input::-ms-clear {
    display: none;
}

.water-order > span:last-child{
  width: 5%;
  position: relative;
}

.water-order i {
  color: #a10000;
    cursor: pointer;
}

.add-icon{
  color: #007c00 !important;
}

.cancelOpenAdd{
  position: absolute;
  left: -20px;
  top: calc(50% - 6px);
}

.cancelEditAdd{
    position: absolute;
    left: -20px;
    top: calc(50% - 6px);
    color: #007c00 !important;
}

.editOpenAdd{
  position: absolute;
  left: -20px;
  top: calc(50% - 6px);
  color: #7b7b7b !important;
    cursor: pointer;
}

.disabled-order-to{
    opacity: 0.4;
}

.order-to-input-no-active{
    border: none !important;
    box-shadow: none;
}
.order-to-input-active{
    border: 1px solid #dadada !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

.iframe_water_about_page{
  width: 100%;
  height: 70vh;
}

.ckeditor_wrapper{
    max-width: 1350px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
}

.ckeditor_button_wrapper{
    margin-top: 15px;
}

.find-items-list{
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
    border: 1px solid #dadada;
    border-top: none;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 1;
}

.find-item-element{
    padding: 10.5px 0;
    display: flex;
    align-items: center;
    text-indent: 18px;
    border-bottom: 1px solid #dadada;
    cursor: pointer;
    position: relative;
}

.find-item-element-remove{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.find-item-element-remove .fas{
    display: block !important;
}

.find-item-element .find-item-element__name{
    width: auto;
    padding-left: 15px;
  display: flex;
  flex-direction: column;
}

.find-item-element .find-item-element__name span:last-child{
  margin-top: 7px;
}

.find-items-list .find-item-element:hover{
    background: #3498db;
    color: #fff;
}

.items-from-the-list{
    margin-top: 2rem;
}

.items-from-the-list .find-item-element__image img{
    border-radius: 50%;
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.items-from-the-list .find-item-element__name{
    width: auto;
    padding-left: 15px;
}

.preloader-search-item{
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 35px;
    z-index: 11;
}

.preloader-search-item > svg {
    display: block;
    width: 26px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    stroke: #3498db; }

.input-search-item{
    z-index: 10;
}

.relative-custom{
    position: relative;
}

.find-items-list::-webkit-scrollbar {
  width: 3px;
  height: 3px; }
.find-items-list::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #BEBEBE;
  border-radius: 3px; }
.find-items-list::-webkit-scrollbar-corner {
  background-color: #BEBEBE; }
.find-items-list::-webkit-resizer {
  background-color: #BEBEBE; }
.find-items-list::-webkit-scrollbar-track {
  background-color: transparent; }