/*---------------------------------------------
-- tresholds
---------------------------------------------*/
/*---------------------------------------------
-- paddings
---------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.error {
  color: red;
  font-weight: bold;
}

.success {
  font-weight: bold;
  color: green;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.tiny {
  font-size: 9px;
}

.valign-middle {
  vertical-align: middle;
}

.hidden {
  display: none !important;
}

input.spam {
  display: none;
}

.noselect, .panel-editor .panel-content .panel-tabs span, .seating-plan.datagrid .seat.occupied {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

/*---------------------------------------------
-- 
---------------------------------------------*/
form .required label {
  position: relative;
}
form .required label:after {
  content: "*";
  color: #ff0000;
  position: absolute;
  right: -8px;
  top: 0px;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
.color-variants .color-variant {
  display: inline-block;
  margin: 3px 6px 3px 0;
  width: 50px;
  height: 50px;
}

.product-detail .colored-images .large {
  display: none;
}

/*---------------------------------------------
-- controls
---------------------------------------------*/
.number-input-wrapper {
  position: relative;
  width: 80px;
}
.number-input-wrapper input.text {
  box-sizing: border-box;
  text-align: center;
  text-indent: -14px;
  height: 28px;
  width: 100%;
  padding: 5px 0;
  border: 2px solid #ddd;
  background: #fff;
  color: #000;
}
.number-input-wrapper .buttons-wrapper {
  box-sizing: border-box;
  vertical-align: bottom;
  margin-left: -1px;
  display: inline-block;
  height: 28px;
  width: 28px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.number-input-wrapper .buttons-wrapper .up, .number-input-wrapper .buttons-wrapper .down {
  cursor: pointer;
  display: block;
  height: 45%;
}
.number-input-wrapper .buttons-wrapper .up {
  margin-bottom: 10%;
  /*background: url(../images/layout/button-number-up.png) no-repeat center bottom;*/
}
.number-input-wrapper .buttons-wrapper .up:after {
  content: "+";
  display: inline-block;
}
.number-input-wrapper .buttons-wrapper .down {
  /*background: url(../images/layout/button-number-down.png) no-repeat center top;*/
}
.number-input-wrapper .buttons-wrapper .down:after {
  content: "-";
  display: inline-block;
}

body, textarea, input {
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #333;
}

strong, b {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

a {
  transition: color 0.3s;
  text-decoration: none;
}

.h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1, .h2, .mceContentBody h2, .mce-content-body h2, .wysiwyg-content h2, .h3, .mceContentBody h3, .mce-content-body h3, .wysiwyg-content h3, .h4, .mceContentBody h4, .mce-content-body h4, .wysiwyg-content h4, .h5, .mceContentBody h5, .mce-content-body h5, .wysiwyg-content h5, .h6, .mceContentBody h6, .mce-content-body h6, .wysiwyg-content h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.h1:first-child, .mceContentBody h1:first-child, .mce-content-body h1:first-child, .wysiwyg-content h1:first-child, .h2:first-child, .mceContentBody h2:first-child, .mce-content-body h2:first-child, .wysiwyg-content h2:first-child, .h3:first-child, .mceContentBody h3:first-child, .mce-content-body h3:first-child, .wysiwyg-content h3:first-child, .h4:first-child, .mceContentBody h4:first-child, .mce-content-body h4:first-child, .wysiwyg-content h4:first-child, .h5:first-child, .mceContentBody h5:first-child, .mce-content-body h5:first-child, .wysiwyg-content h5:first-child, .h6:first-child, .mceContentBody h6:first-child, .mce-content-body h6:first-child, .wysiwyg-content h6:first-child {
  margin-top: 0;
}

.h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1 {
  margin-top: 0;
  font-size: 18px;
}

.h2, .mceContentBody h2, .mce-content-body h2, .wysiwyg-content h2 {
  font-size: 16px;
}

.h3, .mceContentBody h3, .mce-content-body h3, .wysiwyg-content h3 {
  font-size: 15px;
}

.h4, .mceContentBody h4, .mce-content-body h4, .wysiwyg-content h4 {
  font-size: 14px;
}

.h5, .mceContentBody h5, .mce-content-body h5, .wysiwyg-content h5 {
  font-size: 1em;
  font-weight: bold;
}

.h6, .mceContentBody h6, .mce-content-body h6, .wysiwyg-content h6 {
  font-size: 1em;
  font-weight: bold;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

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

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.mceContentBody table, .mce-content-body table {
  border-collapse: separate;
  width: 100%;
}

.mceContentBody, .mce-content-body {
  padding: 8px 10px;
}

.mceContentBody ul, .mce-content-body ul, .wysiwyg-content ul {
  list-style-type: disc;
  padding-left: 2em;
  margin: 0.5em 0;
}
.mceContentBody ol, .mce-content-body ol, .wysiwyg-content ol {
  padding-left: 2em;
  margin: 0.5em 0;
  list-style-type: decimal;
}
.mceContentBody p, .mce-content-body p, .wysiwyg-content p {
  margin-bottom: 1em;
}
.mceContentBody ul, .mceContentBody ol, .mceContentBody p, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mce-content-body ul, .mce-content-body ol, .mce-content-body p, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6, .wysiwyg-content ul, .wysiwyg-content ol, .wysiwyg-content p, .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
  line-height: 1.3em;
}
body {
  transition: opacity 0.3s;
}
body.loaded {
  opacity: 1;
  /*overflow: auto;*/
}
@media (min-width: 1200px) {
  body {
    overflow: hidden;
  }
}

.supercontainer {
  overflow: hidden;
}

* {
  box-sizing: border-box;
  outline: 0;
  -webkit-print-color-adjust: exact;
}

.fancybox-skin {
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.text-right {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.inactive * {
  color: #999999;
}

.blue-text {
  color: #0077cc;
}

.red-text {
  color: #cc0000;
}

.warning {
  color: #cc0000 !important;
}

.fade {
  color: #999999;
}

a {
  color: #0077cc;
}

/*---------------------------------------------
-- buttons
---------------------------------------------*/
.button, .datagrid .col-pagination .btn {
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #333;
  height: 28px;
  min-width: 77px;
  padding: 7px 9px 7px 9px;
  text-align: center;
  display: inline-block;
}
@media (max-width: 1800px) {
  .button, .datagrid .col-pagination .btn {
    height: 25.2px;
  }
}
@media (max-width: 1600px) {
  .button, .datagrid .col-pagination .btn {
    height: 23.24px;
  }
}
@media (max-width: 1400px) {
  .button, .datagrid .col-pagination .btn {
    height: 21px;
  }
}
@media (max-width: 1800px) {
  .button, .datagrid .col-pagination .btn {
    min-width: 69.3px;
  }
}
@media (max-width: 1600px) {
  .button, .datagrid .col-pagination .btn {
    min-width: 63.91px;
  }
}
@media (max-width: 1400px) {
  .button, .datagrid .col-pagination .btn {
    min-width: 57.75px;
  }
}
@media (max-width: 1800px) {
  .button, .datagrid .col-pagination .btn {
    padding: 6.3px 8.1px 6.3px 8.1px;
  }
}
@media (max-width: 1600px) {
  .button, .datagrid .col-pagination .btn {
    padding: 5.81px 7.47px 5.81px 7.47px;
  }
}
@media (max-width: 1400px) {
  .button, .datagrid .col-pagination .btn {
    padding: 5.25px 6.75px 5.25px 6.75px;
  }
}
.button:hover, .datagrid .col-pagination .btn:hover {
  background: #dfedf7;
}
.button.with-icon, .datagrid .col-pagination .with-icon.btn {
  background: no-repeat 0 center;
  border: 0;
  padding-left: 25px;
}
.button.with-icon:hover, .datagrid .col-pagination .with-icon.btn:hover {
  color: #0077cc;
}
.button.with-icon.icon-unlock, .datagrid .col-pagination .with-icon.icon-unlock.btn {
  background-image: url(../images/layout/buttons/unlock.svg);
}
.button.with-icon.icon-unlock:hover, .datagrid .col-pagination .with-icon.icon-unlock.btn:hover {
  background-image: url(../images/layout/buttons/unlock-active.svg);
}
.button.with-icon.icon-split, .datagrid .col-pagination .with-icon.icon-split.btn {
  background-image: url(../images/layout/buttons/split.svg);
}
.button.with-icon.icon-split:hover, .datagrid .col-pagination .with-icon.icon-split.btn:hover {
  background-image: url(../images/layout/buttons/split-active.svg);
}
.button.with-icon.icon-copy, .datagrid .col-pagination .with-icon.icon-copy.btn {
  background-image: url(../images/layout/buttons/copy.svg);
}
.button.with-icon.icon-copy:hover, .datagrid .col-pagination .with-icon.icon-copy.btn:hover {
  background-image: url(../images/layout/buttons/copy-active.svg);
}
.button.with-icon.icon-set-status, .datagrid .col-pagination .with-icon.icon-set-status.btn {
  background-image: url(../images/layout/buttons/set-status.svg);
}
.button.with-icon.icon-set-status:hover, .datagrid .col-pagination .with-icon.icon-set-status.btn:hover {
  background-image: url(../images/layout/buttons/set-status-active.svg);
}
.button.with-icon.icon-refresh, .datagrid .col-pagination .with-icon.icon-refresh.btn {
  background-image: url(../images/layout/buttons/refresh.svg);
}
.button.with-icon.icon-refresh:hover, .datagrid .col-pagination .with-icon.icon-refresh.btn:hover {
  background-image: url(../images/layout/buttons/refresh-active.svg);
}
.button.with-icon.icon-send, .datagrid .col-pagination .with-icon.icon-send.btn {
  background-image: url(../images/layout/buttons/send.svg);
}
.button.with-icon.icon-send:hover, .datagrid .col-pagination .with-icon.icon-send.btn:hover {
  background-image: url(../images/layout/buttons/send-active.svg);
}
.button.with-icon.icon-send-sms, .datagrid .col-pagination .with-icon.icon-send-sms.btn {
  padding-left: 30px;
  background-image: url(../images/layout/buttons/send-sms.svg);
  background-size: 20px 20px;
}
.button.with-icon.icon-send-sms:hover, .datagrid .col-pagination .with-icon.icon-send-sms.btn:hover {
  background-image: url(../images/layout/buttons/send-sms-active.svg);
}
.button.with-icon.icon-print, .datagrid .col-pagination .with-icon.icon-print.btn {
  background-image: url(../images/layout/buttons/print.svg);
}
.button.with-icon.icon-print:hover, .datagrid .col-pagination .with-icon.icon-print.btn:hover {
  background-image: url(../images/layout/buttons/print-active.svg);
}
.button.with-icon.icon-export, .datagrid .col-pagination .with-icon.icon-export.btn {
  background-image: url(../images/layout/buttons/export.svg);
}
.button.with-icon.icon-export:hover, .datagrid .col-pagination .with-icon.icon-export.btn:hover {
  background-image: url(../images/layout/buttons/export-active.svg);
}
.button.only-icon, .datagrid .col-pagination .only-icon.btn {
  background: no-repeat center center;
  border: 0;
  min-width: auto;
  width: 40px;
}
.button.only-icon.icon-prev, .datagrid .col-pagination .only-icon.icon-prev.btn {
  background-image: url(../images/layout/buttons/arrow-prev.svg);
}
.button.only-icon.icon-next, .datagrid .col-pagination .only-icon.icon-next.btn {
  background-image: url(../images/layout/buttons/arrow-next.svg);
}

/*---------------------------------------------
-- form - obecne
---------------------------------------------*/
select, input.text, input.datetimepicker, textarea,
.nice-select,
.selectize-control .selectize-input,
.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.multiselect .multiselect-toggler {
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
@media (max-width: 1800px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    height: 25.2px;
  }
}
@media (max-width: 1600px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    height: 23.24px;
  }
}
@media (max-width: 1400px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    height: 21px;
  }
}
@media (max-width: 1800px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-top: 5.4px;
  }
}
@media (max-width: 1600px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-top: 4.98px;
  }
}
@media (max-width: 1400px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-top: 4.5px;
  }
}
@media (max-width: 1800px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-bottom: 5.4px;
  }
}
@media (max-width: 1600px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-bottom: 4.98px;
  }
}
@media (max-width: 1400px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-bottom: 4.5px;
  }
}
@media (max-width: 1800px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-right: 9px;
  }
}
@media (max-width: 1600px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-right: 8.3px;
  }
}
@media (max-width: 1400px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-right: 7.5px;
  }
}
@media (max-width: 1800px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-left: 9px;
  }
}
@media (max-width: 1600px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-left: 8.3px;
  }
}
@media (max-width: 1400px) {
  select, input.text, input.datetimepicker, textarea,
  .nice-select,
  .selectize-control .selectize-input,
  .select2-container .select2-choice,
  .select2-container-multi .select2-choices,
  .multiselect .multiselect-toggler {
    padding-left: 7.5px;
  }
}
select[disabled], input.text[disabled], input.datetimepicker[disabled], textarea[disabled],
.nice-select[disabled],
.selectize-control .selectize-input[disabled],
.select2-container .select2-choice[disabled],
.select2-container-multi .select2-choices[disabled],
.multiselect .multiselect-toggler[disabled] {
  background: #f2f2f2;
  color: #808080;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding-left: 10px;
}
@media (max-width: 1800px) {
  .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 9px;
  }
}
@media (max-width: 1600px) {
  .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 8.3px;
  }
}
@media (max-width: 1400px) {
  .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 7.5px;
  }
}

::placeholder, .select2-default {
  color: #999999 !important;
}

select[multiple].plain {
  height: 300px;
}

.standalone-label {
  height: 28px;
  display: flex;
  align-items: center;
}
@media (max-width: 1800px) {
  .standalone-label {
    height: 25.2px;
  }
}
@media (max-width: 1600px) {
  .standalone-label {
    height: 23.24px;
  }
}
@media (max-width: 1400px) {
  .standalone-label {
    height: 21px;
  }
}
.standalone-label.text-right {
  justify-content: flex-end;
}

textarea {
  height: 148px;
}
textarea.smaller {
  height: 88px;
}
textarea.smallest {
  height: 73px;
}
textarea.tiny {
  height: 50px;
}
textarea.wswg {
  height: 330px;
}
textarea.heigher {
  height: 330px;
}
textarea.heighest {
  height: 530px;
}

.nice-select {
  line-height: 1.1em;
  min-width: 50px;
  padding: 0;
  padding-right: 24px;
}
.nice-select:after {
  background: url(../images/layout/form/input-select-arrow.png) no-repeat center center;
  border-left: 1px solid #b3b3b3;
  width: 24px;
}
.nice-select.open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nice-select.open.list-on-top {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nice-select.open.list-on-top .list {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nice-select.disabled, .nice-select.readonly {
  background: #f2f2f2;
  border-color: #b3b3b3;
}
.nice-select .current {
  display: block;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
@media (max-width: 1800px) {
  .nice-select .current {
    height: 23.4px;
  }
}
@media (max-width: 1600px) {
  .nice-select .current {
    height: 21.58px;
  }
}
@media (max-width: 1400px) {
  .nice-select .current {
    height: 19.5px;
  }
}
@media (max-width: 1800px) {
  .nice-select .current {
    line-height: 23.4px;
  }
}
@media (max-width: 1600px) {
  .nice-select .current {
    line-height: 21.58px;
  }
}
@media (max-width: 1400px) {
  .nice-select .current {
    line-height: 19.5px;
  }
}
.nice-select .list {
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  max-height: 250px;
  overflow-y: auto;
}
.nice-select .option {
  padding: 7px 9px;
}

.multiselect {
  position: relative;
}
.multiselect.open .multiselect-toggler {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.multiselect.open .multiselect-dropdown {
  opacity: 1;
  display: block;
  z-index: 1;
}
.multiselect .multiselect-toggler {
  position: relative;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiselect .multiselect-toggler:after {
  background: #fff url(../images/layout/form/input-select-arrow.png) no-repeat center center;
  border-left: 1px solid #b3b3b3;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 1;
}
.multiselect .multiselect-toggler .input-text {
  display: inline-block;
}
.multiselect .multiselect-dropdown {
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  display: none;
  left: 0;
  margin-top: -1px;
  min-width: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: opacity 0.3s;
}
.multiselect .multiselect-item {
  display: block;
  padding: 6px 10px;
  position: relative;
  white-space: nowrap;
}
.multiselect .multiselect-item:hover {
  background: #dfedf7;
}
.multiselect .multiselect-item.checked {
  background: #dfedf7;
}
.multiselect .multiselect-item input {
  position: absolute;
  opacity: 0;
}

.select2-container, .select2-container-multi {
  width: 100%;
}
.select2-container .select2-choice, .select2-container-multi .select2-choice {
  line-height: 26px;
  padding: 0 24px 0 10px;
}
@media (max-width: 1800px) {
  .select2-container .select2-choice, .select2-container-multi .select2-choice {
    line-height: 23.4px;
  }
}
@media (max-width: 1600px) {
  .select2-container .select2-choice, .select2-container-multi .select2-choice {
    line-height: 21.58px;
  }
}
@media (max-width: 1400px) {
  .select2-container .select2-choice, .select2-container-multi .select2-choice {
    line-height: 19.5px;
  }
}
.select2-container .select2-choice .select2-arrow b, .select2-container-multi .select2-choice .select2-arrow b {
  background: url(../images/layout/form/input-select-arrow.png) no-repeat center center;
}
.select2-container .select2-choices, .select2-container-multi .select2-choices {
  padding: 0;
}
.select2-container .select2-choices .select2-search-field, .select2-container-multi .select2-choices .select2-search-field {
  padding: 0;
}
.select2-container .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-field input {
  border-width: 0 0 1px 0;
}
.select2-container.select2-dropdown-open .select2-choice, .select2-container.select2-dropdown-open .select2-choices, .select2-container-multi.select2-dropdown-open .select2-choice, .select2-container-multi.select2-dropdown-open .select2-choices {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices, .select2-container-multi.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
  /*background-color: $colorBgButton;*/
  border-color: #b3b3b3;
  color: #808080;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow, .select2-container.select2-container-disabled .select2-choices .select2-arrow, .select2-container-multi.select2-container-disabled .select2-choice .select2-arrow, .select2-container-multi.select2-container-disabled .select2-choices .select2-arrow {
  background: none;
  border-left: 1px solid #b3b3b3;
}

.select2-drop {
  border-color: #b3b3b3;
}
.select2-drop .select2-results {
  margin: 0;
  padding: 0;
}
.select2-drop .select2-results li {
  padding: 6px 10px;
  line-height: 1em;
}
.select2-drop .select2-results .select2-highlighted {
  background: #f2f2f2;
  color: #333;
}
.select2-drop .select2-results .select2-result-label {
  padding: 0;
}
.select2-drop .select2-search {
  padding: 6px 10px;
}
.select2-drop .select2-search input {
  border-width: 0 0 1px 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 0px;
}

.select2-results .select2-disabled {
  color: #999999;
}

.mce-tinymce.mce-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #b3b3b3;
  border-width: 1px;
  overflow: hidden;
}
.mce-tinymce.mce-container .mce-btn button {
  padding: 2px 5px;
}

.mce-panel {
  background-color: #f2f2f2 !important;
}

/*
.selectize-control, .selectize-control.single {
	.selectize-input {
		padding: 0;
		padding-right: 24px;
		position: relative;
		box-shadow: none;

		&.input-active {
			@include borderRadiusTop($borderRadiusInput);
		}

		&:after {
			background: url(../images/layout/form/input-select-arrow.png) no-repeat center center;
			border: 0;
			border-left: 1px solid $colorBorderInput;
			bottom: 0;
			height: auto;
			margin: 0;
			right: 0;
			top: 0;
			width: 24px;
		}

		> input, .item {
			padding: 0 10px !important;
			line-height: 26px !important;
			font-size: 12px;
		}
	}

	.selectize-dropdown {
		border: 1px solid $colorBorderInput;
		@include borderRadiusBottom($borderRadiusInput);
	}
}*/
.check-inputs-label {
  display: flex !important;
  align-items: center;
  position: relative;
}
.check-inputs-label input[type=checkbox], .check-inputs-label input[type=radio] {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  opacity: 0.001;
}
.check-inputs-label.input-disabled.checkbox:before, .check-inputs-label.input-disabled.radio:before {
  background-color: #f2f2f2;
}
.check-inputs-label.checkbox:before {
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 19px;
  margin: 0;
  margin-right: 7px;
  position: relative;
  width: 19px;
  flex-shrink: 0;
}
@media (max-width: 1800px) {
  .check-inputs-label.checkbox:before {
    height: 17.1px;
  }
}
@media (max-width: 1600px) {
  .check-inputs-label.checkbox:before {
    height: 15.77px;
  }
}
@media (max-width: 1400px) {
  .check-inputs-label.checkbox:before {
    height: 14.25px;
  }
}
@media (max-width: 1800px) {
  .check-inputs-label.checkbox:before {
    margin-right: 6.3px;
  }
}
@media (max-width: 1600px) {
  .check-inputs-label.checkbox:before {
    margin-right: 5.81px;
  }
}
@media (max-width: 1400px) {
  .check-inputs-label.checkbox:before {
    margin-right: 5.25px;
  }
}
@media (max-width: 1800px) {
  .check-inputs-label.checkbox:before {
    width: 17.1px;
  }
}
@media (max-width: 1600px) {
  .check-inputs-label.checkbox:before {
    width: 15.77px;
  }
}
@media (max-width: 1400px) {
  .check-inputs-label.checkbox:before {
    width: 14.25px;
  }
}
.check-inputs-label.checkbox.input-checked:before {
  background-image: url(../images/layout/form/input-checkbox-checked.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.check-inputs-label.radio:before {
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 18px;
  margin: 0px 7px 0 0;
  position: relative;
  width: 18px;
}
.check-inputs-label.radio.input-checked:before {
  background-image: url(../images/layout/form/input-radio-checked.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.ui-datepicker {
  z-index: 11030 !important;
  line-height: 1.2em;
}

form ul.error {
  display: none;
}

/*---------------------------------------------
-- icons
---------------------------------------------*/
.system-icon {
  background: no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.system-icon.icon-user {
  background-image: url(../images/layout/homepage/users.svg);
}
.system-icon.icon-user-white {
  background-image: url(../images/layout/homepage/users-white.svg);
}

.icon-check {
  background-image: url(../images/layout/form/input-checkbox-checked.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  height: 9px;
  width: 13px;
}

/*---------------------------------------------
-- header
---------------------------------------------*/
header {
  background: #333;
  border-bottom: 1px solid #333;
  position: relative;
  z-index: 301;
}
header .trigger-fullscreen {
  background: url(../images/layout/zoom-in-menu-30px.svg) no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  height: 26px;
  position: relative;
  margin-right: 20px;
  top: 8px;
  width: 26px;
}
header .season-switcher .nice-select .list {
  z-index: 301;
}

:-webkit-full-screen header .trigger-fullscreen {
  background: url(../images/layout/zoom-out-menu-30px.svg) no-repeat 0 0;
}

.main-menu .hide-in-toolbar, .main-menu .separator {
  display: none;
}
.main-menu a {
  background-color: #3e3e3e;
  background-image: -o-linear-gradient(top, #707070 0%, #3e3e3e 100%);
  background-image: -moz-linear-gradient(top, #707070 0%, #3e3e3e 100%);
  background-image: -webkit-linear-gradient(top, #707070 0%, #3e3e3e 100%);
  background-image: -ms-linear-gradient(top, #707070 0%, #3e3e3e 100%);
  background-image: linear-gradient(top, #707070 0%, #3e3e3e 100%);
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #707070), color-stop(1, #3e3e3e));
  color: #fff;
  display: block;
  line-height: 50px;
  padding: 0 10px 0 10px;
}
.main-menu a:hover {
  background-color: #106099;
  background-image: -o-linear-gradient(top, #357eb2 0%, #106099 100%);
  background-image: -moz-linear-gradient(top, #357eb2 0%, #106099 100%);
  background-image: -webkit-linear-gradient(top, #357eb2 0%, #106099 100%);
  background-image: -ms-linear-gradient(top, #357eb2 0%, #106099 100%);
  background-image: linear-gradient(top, #357eb2 0%, #106099 100%);
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #357eb2), color-stop(1, #106099));
}
.main-menu a span {
  line-height: 1.2em;
  vertical-align: middle;
}
.main-menu .title, .main-menu .note {
  display: none;
}
.main-menu .icon {
  background: no-repeat 0 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  /*---------------------------------------------
  -- tickets
  ---------------------------------------------*/
}
.main-menu .icon.home {
  background-image: url(../images/layout/menu/home.svg);
}
.main-menu .icon.taxes {
  background-image: url(../images/layout/menu/taxes.svg);
}
.main-menu .icon.taxes {
  background-image: url(../images/layout/menu/taxes.svg);
}
.main-menu .icon.lines {
  background-image: url(../images/layout/menu/lines.svg);
}
.main-menu .icon.planner {
  background-image: url(../images/layout/menu/planner.svg);
}
.main-menu .icon.workload {
  background-image: url(../images/layout/menu/workload.svg);
}
.main-menu .icon.directory {
  background-image: url(../images/layout/menu/directory.svg);
}
.main-menu .icon.drivers {
  background-image: url(../images/layout/menu/drivers.svg);
}
.main-menu .icon.vehicles {
  background-image: url(../images/layout/menu/vehicles.svg);
}
.main-menu .icon.orders {
  background-image: url(../images/layout/menu/orders.svg);
}
.main-menu .icon.eshop {
  background-image: url(../images/layout/menu/eshop.svg);
}
.main-menu .icon.destinations {
  background-image: url(../images/layout/menu/destinations.svg);
}
.main-menu .icon.collections {
  background-image: url(../images/layout/menu/collections.svg);
}
.main-menu .icon.bus-stops {
  background-image: url(../images/layout/menu/bus-stops.svg);
}
.main-menu .icon.terms {
  background-image: url(../images/layout/menu/terms.svg);
}
.main-menu .icon.dealers {
  background-image: url(../images/layout/menu/dealers.svg);
}
.main-menu .icon.carriers {
  background-image: url(../images/layout/menu/carriers.svg);
}
.main-menu .icon.seating-plans {
  background-image: url(../images/layout/menu/seating-plans.svg);
}
.main-menu .icon.tickets-orders {
  background-image: url(../images/layout/menu/tickets-orders.svg);
}
.main-menu .icon.check-in {
  background-image: url(../images/layout/menu/check-in.svg);
}

.user-area {
  position: relative;
}
.user-area .switcher {
  color: #999999;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}
.user-area .switcher .system-icon {
  height: 26px;
  margin-top: -2px;
  width: 26px;
}
.user-area .dropdown, .user-area .contextmenu {
  border-top: 0;
  margin-top: 1px;
}
.user-area .dropdown .system-icon, .user-area .contextmenu .system-icon {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

/*---------------------------------------------
-- footer
---------------------------------------------*/
/*---------------------------------------------
-- content
---------------------------------------------*/
.site-tabs {
  background: no-repeat center center;
  background-color: #f2f2f2;
  opacity: 0;
  transition: opacity 0.3s;
  padding-top: 14px;
}
.site-tabs:not(.no-tab) {
  background-image: none !important;
}
.loaded .site-tabs {
  opacity: 1;
}

.site-body-margin {
  padding: 21px 14px 0;
}

.tab-menu a {
  color: #333;
  float: left;
  padding: 5px 12px 9px 12px;
}
.tab-menu a.active {
  font-weight: bold;
  position: relative;
}
.tab-menu a.active:after, .tab-menu a.active:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.tab-menu a.active:before {
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #b3b3b3 transparent;
  margin-left: -7.5px;
}
.tab-menu a.active:after {
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  margin-left: -7.5px;
  bottom: -1px;
}
.tab-menu.no-margin > ul {
  margin-bottom: 0;
}
.tab-menu .alert, .tab-menu .alert a {
  color: #cc0000;
}
.tab-menu > ul {
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 20px;
  padding-left: 2px;
}
.tab-menu > ul:after {
  clear: both;
  content: "";
  display: block;
}
.tab-menu .empty {
  display: none;
}
.tab-menu .short-title {
  display: none;
}
.tab-menu .separator {
  color: #b3b3b3;
  float: left;
  padding: 4px 0;
}
.tab-menu .separator:after {
  content: "|";
}

.horizontal-scrollable {
  overflow-x: auto;
}

.table {
  width: 100%;
}
.table th, .table td {
  padding: 7px 9px;
}
@media (max-width: 1800px) {
  .table th, .table td {
    padding: 6.3px 8.1px;
  }
}
@media (max-width: 1600px) {
  .table th, .table td {
    padding: 5.81px 7.47px;
  }
}
@media (max-width: 1400px) {
  .table th, .table td {
    padding: 5.25px 6.75px;
  }
}
.table thead th {
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  text-align: left;
  white-space: nowrap;
}
.table td {
  border-bottom: 1px solid #b3b3b3;
}

/*---------------------------------------------
-- login screen
---------------------------------------------*/
.login-screen {
  background-color: #333;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sign-page {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 350px;
}
.sign-page .title {
  color: #fff;
  font-size: 28px;
  margin-bottom: 0.4em;
  text-align: center;
}
.sign-page .version {
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}

.sign-form-box {
  background: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  padding: 30px 35px 18px;
}
.sign-form-box table {
  width: 100%;
}
.sign-form-box th {
  display: none;
}
.sign-form-box td {
  padding-bottom: 12px;
}
.sign-form-box .caption {
  margin-bottom: 10px;
}
.sign-form-box .forgot {
  font-size: 12px;
}
.sign-form-box input.text {
  border: 0;
  height: auto;
  padding: 10px 14px 10px 38px;
  font-size: 14px;
}
.sign-form-box .password td, .sign-form-box .username td, .sign-form-box .email td {
  position: relative;
}
.sign-form-box .password td:after, .sign-form-box .username td:after, .sign-form-box .email td:after {
  content: "";
  display: block;
  height: 20px;
  left: 11px;
  position: absolute;
  top: 8px;
  width: 19px;
}
.sign-form-box .username td:after {
  background: url(../images/layout/sign/username.png) no-repeat 0 0;
}
.sign-form-box .password td:after {
  background: url(../images/layout/sign/password.png) no-repeat 0 0;
}
.sign-form-box .email td:after {
  background: url(../images/layout/sign/email.png) no-repeat 0 0;
}
.sign-form-box .button, .sign-form-box .datagrid .col-pagination .btn, .datagrid .col-pagination .sign-form-box .btn {
  border: 0;
  background-color: #10619a;
  background-image: -o-linear-gradient(top, #347eb2 0%, #10619a 100%);
  background-image: -moz-linear-gradient(top, #347eb2 0%, #10619a 100%);
  background-image: -webkit-linear-gradient(top, #347eb2 0%, #10619a 100%);
  background-image: -ms-linear-gradient(top, #347eb2 0%, #10619a 100%);
  background-image: linear-gradient(top, #347eb2 0%, #10619a 100%);
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #347eb2), color-stop(1, #10619a));
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  padding: 9px;
  width: 100%;
}
@media (max-width: 1800px) {
  .sign-form-box .button, .sign-form-box .datagrid .col-pagination .btn, .datagrid .col-pagination .sign-form-box .btn {
    padding: 8.1px;
  }
}
@media (max-width: 1600px) {
  .sign-form-box .button, .sign-form-box .datagrid .col-pagination .btn, .datagrid .col-pagination .sign-form-box .btn {
    padding: 7.47px;
  }
}
@media (max-width: 1400px) {
  .sign-form-box .button, .sign-form-box .datagrid .col-pagination .btn, .datagrid .col-pagination .sign-form-box .btn {
    padding: 6.75px;
  }
}
.sign-form-box .button:hover, .sign-form-box .datagrid .col-pagination .btn:hover, .datagrid .col-pagination .sign-form-box .btn:hover {
  background-color: #347eb2;
  background-image: -o-linear-gradient(top, #10619a 0%, #347eb2 100%);
  background-image: -moz-linear-gradient(top, #10619a 0%, #347eb2 100%);
  background-image: -webkit-linear-gradient(top, #10619a 0%, #347eb2 100%);
  background-image: -ms-linear-gradient(top, #10619a 0%, #347eb2 100%);
  background-image: linear-gradient(top, #10619a 0%, #347eb2 100%);
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #10619a), color-stop(1, #347eb2));
}

/*---------------------------------------------
-- objednavka
---------------------------------------------*/
.file-icon {
  background: no-repeat center center;
  background-image: url("../images/layout/file-icons-unknown.png");
  display: inline-block;
  height: 26px;
  width: 26px;
}
.file-icon.ext-docx, .file-icon.ext-doc, .file-icon.ext-ods {
  background-image: url("../images/layout/file-icons-doc.png");
}
.file-icon.ext-xlsx, .file-icon.ext-xls, .file-icon.ext-odx {
  background-image: url("../images/layout/file-icons-xls.png");
}
.file-icon.ext-pdf {
  background-image: url("../images/layout/file-icons-pdf.png");
}

/*---------------------------------------------
-- spinner
---------------------------------------------*/
.ajax-spinner {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  display: none;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99000;
}
.ajax-spinner.show {
  display: flex;
}

.sk-fading-circle {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.user-area .fullname {
  display: none;
}

.main-menu {
  display: none;
}
.main-menu.open {
  display: block;
}

.header-right-part {
  float: right;
  padding-right: 17px;
}

.user-area, .season-switcher {
  display: inline-block;
  margin-right: 27px;
}

.season-switcher {
  position: relative;
  top: 10px;
  width: 80px;
}

.panel-editor-with-sidebar-form {
  display: flex;
}
.panel-editor-with-sidebar-form .buses-panel-editor-wrapper {
  flex-grow: 2;
}
.panel-editor-with-sidebar-form .buses-sidebar-form-wrapper {
  width: 300px;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
.homepage-menu li.separator {
  clear: both;
  float: none;
}

@media (max-width: 1800px) {
  body, textarea, input {
    font-size: 11px;
  }
}
@media (max-width: 1600px) {
  body, textarea, input {
    font-size: 10px;
  }
}
@media (max-width: 1400px) {
  body, textarea, input {
    font-size: 9px;
  }
}
/*---------------------------------------------
-- 
---------------------------------------------*/
@media (max-width: 519px) {
  .homepage-menu .hide-on-mobile {
    display: none;
  }
}
@media (min-width: 520px) {
  .homepage-menu li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 780px) {
  .hamburger.menu-switcher {
    display: none;
  }
  .main-menu {
    display: block;
    float: left;
  }
  .main-menu > ul > li {
    float: left;
    margin-right: 1px;
  }
  .main-menu > ul:after {
    clear: both;
    content: "";
    display: block;
  }
  .main-menu .short-title {
    display: none;
  }
  .homepage-menu li {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .module-tickets .homepage-menu li {
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .main-menu a {
    padding: 0 24px 0 10px;
  }
  .main-menu .icon {
    margin-right: 8px;
  }
  .main-menu .short-title {
    display: inline-block;
  }
}
@media (min-width: 1600px) {
  .season-switcher {
    width: 100px;
  }
  .user-area .switcher .system-icon {
    display: none;
  }
  .user-area .switcher .fullname {
    display: initial;
  }
}
.homepage-menu a {
  display: block;
  padding: 32px;
  text-align: center;
}
.homepage-menu a:hover {
  background: #dfedf7;
}
.homepage-menu span {
  display: block;
}
.homepage-menu .short-title {
  display: none;
}
.homepage-menu .title {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (min-width: 1280px) {
  .homepage-menu .title {
    font-size: 12.5px;
  }
}
@media (min-width: 1360px) {
  .homepage-menu .title {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .homepage-menu .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1860px) {
  .homepage-menu .title {
    font-size: 14px;
  }
}
.homepage-menu .note {
  color: #999999;
  font-size: 11px;
  line-height: 1.2em;
}
@media (min-width: 1280px) {
  .homepage-menu .note {
    font-size: 11.5px;
  }
}
@media (min-width: 1360px) {
  .homepage-menu .note {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .homepage-menu .note {
    font-size: 12.5px;
  }
}
@media (min-width: 1860px) {
  .homepage-menu .note {
    font-size: 13px;
  }
}
.homepage-menu .hide-on-homepage {
  display: none;
}
.homepage-menu .icon {
  background: no-repeat 0 0;
  display: block;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 18px;
  width: 60px;
  /*---------------------------------------------
  -- tickets 
  ---------------------------------------------*/
}
.homepage-menu .icon.options {
  background-image: url(../images/layout/homepage/options.svg);
}
.homepage-menu .icon.users {
  background-image: url(../images/layout/homepage/users.svg);
}
.homepage-menu .icon.menu {
  background-image: url(../images/layout/homepage/menu.svg);
}
.homepage-menu .icon.taxes {
  background-image: url(../images/layout/homepage/taxes.svg);
}
.homepage-menu .icon.lines {
  background-image: url(../images/layout/homepage/lines.svg);
}
.homepage-menu .icon.planner {
  background-image: url(../images/layout/homepage/planner.svg);
}
.homepage-menu .icon.workload {
  background-image: url(../images/layout/homepage/workload.svg);
}
.homepage-menu .icon.directory {
  background-image: url(../images/layout/homepage/directory.svg);
}
.homepage-menu .icon.drivers {
  background-image: url(../images/layout/homepage/drivers.svg);
}
.homepage-menu .icon.vehicles {
  background-image: url(../images/layout/homepage/vehicles.svg);
}
.homepage-menu .icon.orders {
  background-image: url(../images/layout/homepage/orders.svg);
}
.homepage-menu .icon.eshop {
  background-image: url(../images/layout/homepage/eshop.svg);
}
.homepage-menu .icon.destinations {
  background-image: url(../images/layout/homepage/destinations.svg);
}
.homepage-menu .icon.collections {
  background-image: url(../images/layout/homepage/collections.svg);
}
.homepage-menu .icon.bus-stops {
  background-image: url(../images/layout/homepage/bus-stops.svg);
}
.homepage-menu .icon.terms {
  background-image: url(../images/layout/homepage/terms.svg);
}
.homepage-menu .icon.dealers {
  background-image: url(../images/layout/homepage/dealers.svg);
}
.homepage-menu .icon.carriers {
  background-image: url(../images/layout/homepage/carriers.svg);
}
.homepage-menu .icon.seating-plans {
  background-image: url(../images/layout/homepage/seating-plans.svg);
}
.homepage-menu .icon.tickets-orders {
  background-image: url(../images/layout/homepage/tickets-orders.svg);
}
.homepage-menu .icon.check-in {
  background-image: url(../images/layout/homepage/check-in.svg);
}
.homepage-menu .icon.export {
  background-image: url(../images/layout/homepage/eshop-import.svg);
}

@media (min-width: 780px) {
  .homepage-menu {
    max-width: 876px;
    margin: 0 auto;
    padding: 115px 0;
  }
  .module-tickets .homepage-menu {
    max-width: 1200px;
  }
}
.datagrid .datagrid-per-page-submit {
  display: none;
}
.datagrid .col-per-page .nice-select {
  display: inline-block;
  float: none;
  width: auto;
}
.datagrid table {
  width: 100%;
}
.datagrid .datagrid-table-wrapper {
  overflow-y: auto;
}
.datagrid .horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.datagrid thead th {
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  white-space: nowrap;
}
.datagrid thead th:first-child {
  border-left: 0;
}
.datagrid thead th:last-child {
  border-right: 0;
}
.datagrid thead th a {
  color: #333;
}
.datagrid thead th .fa {
  display: inline-block;
  min-width: 7px;
  min-height: 1px;
}
.datagrid.with-hidable-columns thead th {
  padding-right: 5px;
  position: relative;
}
@media (max-width: 1800px) {
  .datagrid.with-hidable-columns thead th {
    padding-right: 4.5px;
  }
}
@media (max-width: 1600px) {
  .datagrid.with-hidable-columns thead th {
    padding-right: 4.15px;
  }
}
@media (max-width: 1400px) {
  .datagrid.with-hidable-columns thead th {
    padding-right: 3.75px;
  }
}
.datagrid.with-hidable-columns thead th .column-settings-menu {
  display: none;
  position: absolute;
  margin-left: auto;
  right: 3px;
}
.datagrid th {
  text-align: left;
}
.datagrid th.text-right {
  text-align: left;
}
.datagrid th, .datagrid td {
  line-height: 1.1em;
  padding: 7px 8px;
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .datagrid th, .datagrid td {
    padding: 6.3px 7.2px;
  }
}
@media (max-width: 1600px) {
  .datagrid th, .datagrid td {
    padding: 5.81px 6.64px;
  }
}
@media (max-width: 1400px) {
  .datagrid th, .datagrid td {
    padding: 5.25px 6px;
  }
}
.datagrid th.smaller-padding, .datagrid td.smaller-padding {
  padding: 4px;
}
@media (max-width: 1800px) {
  .datagrid th.smaller-padding, .datagrid td.smaller-padding {
    padding: 3.6px;
  }
}
@media (max-width: 1600px) {
  .datagrid th.smaller-padding, .datagrid td.smaller-padding {
    padding: 3.32px;
  }
}
@media (max-width: 1400px) {
  .datagrid th.smaller-padding, .datagrid td.smaller-padding {
    padding: 3px;
  }
}
.datagrid th.padding-to-div, .datagrid td.padding-to-div {
  padding: 0;
}
.datagrid th.padding-to-div > div, .datagrid td.padding-to-div > div {
  padding: 7px 9px;
}
@media (max-width: 1800px) {
  .datagrid th.padding-to-div > div, .datagrid td.padding-to-div > div {
    padding: 6.3px 8.1px;
  }
}
@media (max-width: 1600px) {
  .datagrid th.padding-to-div > div, .datagrid td.padding-to-div > div {
    padding: 5.81px 7.47px;
  }
}
@media (max-width: 1400px) {
  .datagrid th.padding-to-div > div, .datagrid td.padding-to-div > div {
    padding: 5.25px 6.75px;
  }
}
.datagrid th.col-action, .datagrid td.col-action {
  padding: 3px 9px;
}
@media (max-width: 1800px) {
  .datagrid th.col-action, .datagrid td.col-action {
    padding: 2.7px 8.1px;
  }
}
@media (max-width: 1600px) {
  .datagrid th.col-action, .datagrid td.col-action {
    padding: 2.49px 7.47px;
  }
}
@media (max-width: 1400px) {
  .datagrid th.col-action, .datagrid td.col-action {
    padding: 2.25px 6.75px;
  }
}
.datagrid .destinations-in-td {
  line-height: 1.8em;
}
.datagrid .text-right {
  text-align: right;
}
.datagrid .activity-inactive, .datagrid .row-storno, .datagrid .no-color-set {
  background: #cccccc;
}
.datagrid .notification-passed {
  background: #ffcccc;
}
.datagrid .notification-passed.on-date .col-plan_datum, .datagrid .notification-passed.on-mileage .col-plan_mileage {
  color: #cc0000;
}
.datagrid .notification-passed.on-date .col-plan_datum, .datagrid .notification-passed.on-mileage .col-reminding_mileage {
  color: #cc0000;
}
.datagrid .notification-reminding {
  background: #ffff99;
}
.datagrid .notification-reminding.on-date .col-reminding_datum {
  color: #cc0000;
}
.datagrid .notification-reminding.activity-inactive {
  background: #e6e6b3;
}
.datagrid .not-saleable {
  background: rgba(204, 204, 204, 0.5);
}
.activity-inactive .datagrid .not-saleable {
  background: rgba(204, 204, 204, 0.6);
}
.datagrid .selected {
  background: #dfedf7;
}
.datagrid .containing-text {
  background: #cccc00;
}
.datagrid .locked {
  background-color: #ffcccc;
}
.datagrid .locked:hover {
  background-color: #ffb8b8 !important;
}
.datagrid .fixed-item {
  color: #999999;
}
.datagrid .status {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 9px;
}
.datagrid .status--forced:after {
  background: #333;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
}
.datagrid .even {
  background: #f2f2f2;
}
.datagrid tbody tr:hover {
  background: #fafafa;
}
.datagrid tbody tr:hover.activity-inactive, .datagrid tbody tr:hover.row-storno {
  background: #d9d9d9;
}
.datagrid tbody tr:hover.notification-passed {
  background: #ffd6d6;
}
.datagrid tbody tr:hover.notification-reminding {
  background: #ffffa3;
}
.datagrid tbody tr:hover.notification-reminding.activity-inactive {
  background: #e8e8ba;
}
.datagrid tbody tr:hover.selected {
  background: #e7f2f9;
}
.datagrid tbody td {
  border-bottom: 1px solid #b3b3b3;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.datagrid .row-group-actions th {
  background: none;
  border: 0;
  padding: 9px 0;
}
@media (max-width: 1800px) {
  .datagrid .row-group-actions th {
    padding: 8.1px 0;
  }
}
@media (max-width: 1600px) {
  .datagrid .row-group-actions th {
    padding: 7.47px 0;
  }
}
@media (max-width: 1400px) {
  .datagrid .row-group-actions th {
    padding: 6.75px 0;
  }
}
.datagrid .toolbar-dropdown-wrapper .button + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .button + .dropdown-right.contextmenu, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown-right.contextmenu, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown.dropdown-right, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown-right.contextmenu {
  right: 9px;
}
@media (max-width: 1800px) {
  .datagrid .toolbar-dropdown-wrapper .button + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .button + .dropdown-right.contextmenu, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown-right.contextmenu, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown.dropdown-right, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown-right.contextmenu {
    right: 8.1px;
  }
}
@media (max-width: 1600px) {
  .datagrid .toolbar-dropdown-wrapper .button + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .button + .dropdown-right.contextmenu, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown-right.contextmenu, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown.dropdown-right, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown-right.contextmenu {
    right: 7.47px;
  }
}
@media (max-width: 1400px) {
  .datagrid .toolbar-dropdown-wrapper .button + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .button + .dropdown-right.contextmenu, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .col-pagination .btn + .dropdown-right.contextmenu, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown.dropdown-right, .datagrid .col-pagination .toolbar-dropdown-wrapper .btn + .dropdown-right.contextmenu {
    right: 6.75px;
  }
}
.datagrid .toolbar-dropdown-wrapper .dropdown.dropdown-right, .datagrid .toolbar-dropdown-wrapper .dropdown-right.contextmenu {
  margin-right: 9px;
  right: 0;
}
.datagrid .row-grid-bottom {
  border-top: 1px solid #b3b3b3;
  padding: 9px 0;
}
@media (max-width: 1800px) {
  .datagrid .row-grid-bottom {
    padding: 8.1px 0;
  }
}
@media (max-width: 1600px) {
  .datagrid .row-grid-bottom {
    padding: 7.47px 0;
  }
}
@media (max-width: 1400px) {
  .datagrid .row-grid-bottom {
    padding: 6.75px 0;
  }
}
.datagrid .datagrid-row-columns-summary {
  font-weight: bold;
}
.datagrid .datagrid-row-columns-summary td {
  border-bottom: 0;
}
.datagrid .datagrid-footer-toolbar select {
  background: #f2f2f2;
  padding: 5px;
  width: auto;
}
@media (max-width: 1800px) {
  .datagrid .datagrid-footer-toolbar select {
    padding: 4.5px;
  }
}
@media (max-width: 1600px) {
  .datagrid .datagrid-footer-toolbar select {
    padding: 4.15px;
  }
}
@media (max-width: 1400px) {
  .datagrid .datagrid-footer-toolbar select {
    padding: 3.75px;
  }
}
.datagrid .datagrid-footer-toolbar .col-items {
  display: none;
}
@media (min-width: 780px) {
  .datagrid .datagrid-footer-toolbar {
    align-items: center;
    display: flex;
  }
  .datagrid .datagrid-footer-toolbar .col-items {
    display: block;
  }
  .datagrid .datagrid-footer-toolbar .col-pagination {
    flex-grow: 2;
    text-align: center;
    margin-bottom: 0;
  }
}
.datagrid .col-pagination {
  margin-bottom: 5px;
  text-align: right;
}
.datagrid .col-pagination .btn {
  min-width: auto;
  background: #fff;
}
.datagrid .col-pagination .btn.disabled {
  opacity: 0.5;
}
.datagrid .col-pagination .btn.active {
  background: #dfedf7;
}
.datagrid .datagrid-hidable-columns {
  margin-left: auto;
  position: relative;
}
.datagrid .datagrid-hidable-columns .button, .datagrid .datagrid-hidable-columns .col-pagination .btn, .datagrid .col-pagination .datagrid-hidable-columns .btn {
  padding: 0;
  margin: 0;
}
.datagrid .datagrid-hidable-columns .fa.fa-gear {
  background: url(../images/layout/buttons/hidable-columns.svg) no-repeat 0 0;
  height: 20px;
  width: 20px;
}
.datagrid .datagrid-hidable-columns .fa.fa-gear:before {
  content: "";
}
.datagrid .column-settings-menu .btn-group {
  position: relative;
}
.datagrid .actual-searching-text {
  position: absolute;
  padding: 0.5em 1em;
  background: #cccc00;
  top: 0;
  left: 0;
}
.datagrid .actual-searching-text.no-match {
  background: #cc0000;
}
.datagrid .actual-searching-text:empty {
  display: none;
}
.datagrid .carrier-invoice-not-paid .carrier_price {
  color: #cc0000;
}
.datagrid .grid-row-action {
  background: no-repeat center center;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.datagrid .grid-row-action.disabled {
  opacity: 0.3;
}
.datagrid .grid-row-action.payment-request {
  background-image: url(../images/layout/buttons/payment-request.svg);
}
.datagrid .grid-row-action.send-voucher {
  background-image: url(../images/layout/buttons/send-voucher.svg);
}
.datagrid .grid-row-action.view-voucher {
  background-image: url(../images/layout/buttons/view-voucher.svg);
}
.datagrid .grid-row-action:not(.done):not(.disabled) {
  filter: sepia(1) hue-rotate(-166deg) saturate(10);
}

.toolbar-dropdown-wrapper {
  position: relative;
}

.datagrid-toolbar {
  display: block;
  padding: 9px 0;
}
@media (max-width: 1800px) {
  .datagrid-toolbar {
    padding: 8.1px 0;
  }
}
@media (max-width: 1600px) {
  .datagrid-toolbar {
    padding: 7.47px 0;
  }
}
@media (max-width: 1400px) {
  .datagrid-toolbar {
    padding: 6.75px 0;
  }
}
.datagrid-toolbar > span {
  display: flex;
}
.datagrid-toolbar .button, .datagrid-toolbar .datagrid .col-pagination .btn, .datagrid .col-pagination .datagrid-toolbar .btn {
  margin-right: 9px;
}
.datagrid-toolbar .expander {
  flex-grow: 2;
  visibility: hidden;
}
.datagrid-toolbar .button.with-icon, .datagrid-toolbar .datagrid .col-pagination .with-icon.btn, .datagrid .col-pagination .datagrid-toolbar .with-icon.btn {
  display: block;
}
@media (max-width: 1199px) {
  .datagrid-toolbar > span {
    flex-wrap: wrap;
  }
  .datagrid-toolbar .expander {
    flex-basis: 100%;
    margin-bottom: 10px;
  }
  .datagrid-toolbar .button.with-icon, .datagrid-toolbar .datagrid .col-pagination .with-icon.btn, .datagrid .col-pagination .datagrid-toolbar .with-icon.btn {
    font-size: 0;
    min-width: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .datagrid-toolbar .left-offset {
    margin-left: 40px;
  }
}

.fixed-header-table {
  /*table-layout: fixed;*/
}
.fixed-header-table .row-group-actions {
  display: none;
}

.datagrid-active-filter {
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 20px;
}
.datagrid-active-filter a {
  color: #333;
  float: left;
  padding: 5px 12px 9px 12px;
}
@media (max-width: 1800px) {
  .datagrid-active-filter a {
    padding: 4.5px 10.8px 8.1px 10.8px;
  }
}
@media (max-width: 1600px) {
  .datagrid-active-filter a {
    padding: 4.15px 9.96px 7.47px 9.96px;
  }
}
@media (max-width: 1400px) {
  .datagrid-active-filter a {
    padding: 3.75px 9px 6.75px 9px;
  }
}
.datagrid-active-filter a.active {
  font-weight: bold;
  position: relative;
}
.datagrid-active-filter a.active:after, .datagrid-active-filter a.active:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.datagrid-active-filter a.active:before {
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #b3b3b3 transparent;
  margin-left: -7.5px;
}
.datagrid-active-filter a.active:after {
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  margin-left: -7.5px;
  bottom: -1px;
}
.datagrid-active-filter .sep {
  color: #b3b3b3;
  float: left;
  padding: 4px 0;
}
@media (max-width: 1800px) {
  .datagrid-active-filter .sep {
    padding: 3.6px 0;
  }
}
@media (max-width: 1600px) {
  .datagrid-active-filter .sep {
    padding: 3.32px 0;
  }
}
@media (max-width: 1400px) {
  .datagrid-active-filter .sep {
    padding: 3px 0;
  }
}
.datagrid-active-filter:after {
  clear: both;
  content: "";
  display: block;
}

.datagrid-filter-form {
  background-image: linear-gradient(to right, #b3b3b3 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  position: relative;
  z-index: 300;
  padding-bottom: 7px;
}
@media (max-width: 1800px) {
  .datagrid-filter-form {
    padding-bottom: 6.3px;
  }
}
@media (max-width: 1600px) {
  .datagrid-filter-form {
    padding-bottom: 5.81px;
  }
}
@media (max-width: 1400px) {
  .datagrid-filter-form {
    padding-bottom: 5.25px;
  }
}
.datagrid-filter-form .no-label .form-label {
  display: none !important;
}
.datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
  height: 28px;
  padding: 5px 10px;
}
@media (max-width: 1800px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    height: 25.2px;
  }
}
@media (max-width: 1600px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    height: 23.24px;
  }
}
@media (max-width: 1400px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    height: 21px;
  }
}
@media (max-width: 1800px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    padding: 4.5px 9px;
  }
}
@media (max-width: 1600px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    padding: 4.15px 8.3px;
  }
}
@media (max-width: 1400px) {
  .datagrid-filter-form select, .datagrid-filter-form input.text, .datagrid-filter-form input.datetimepicker, .datagrid-filter-form textarea {
    padding: 3.75px 7.5px;
  }
}
.datagrid-filter-form .form-pair.pair-multi {
  display: none;
}
.datagrid-filter-form .show-filter {
  margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
  .datagrid-filter-form .show-filter {
    display: none;
  }
}
@media (max-width: 1200px) {
  .datagrid-filter-form form {
    display: none;
  }
}
.datagrid-filter-form .width-ninegth {
  position: relative;
}
.datagrid-filter-form .form-pair {
  clear: both;
}
.datagrid-filter-form .form-pair.pair-prev, .datagrid-filter-form .form-pair.pair-next {
  width: auto;
}
.datagrid-filter-form .form-pair.inline-radios {
  /*padding-left: 20px;*/
  padding-top: 4px;
}
@media (max-width: 1800px) {
  .datagrid-filter-form .form-pair.inline-radios {
    padding-top: 3.6px;
  }
}
@media (max-width: 1600px) {
  .datagrid-filter-form .form-pair.inline-radios {
    padding-top: 3.32px;
  }
}
@media (max-width: 1400px) {
  .datagrid-filter-form .form-pair.inline-radios {
    padding-top: 3px;
  }
}
.datagrid-filter-form .form-pair.inline-radios br {
  display: none;
}
.datagrid-filter-form .form-pair.inline-radios label {
  margin-right: 15px;
}
.datagrid-filter-form .form-pair.inline-radios .form-control, .datagrid-filter-form .form-pair.inline-radios .form-label {
  display: inline-block;
  padding-top: 0;
  vertical-align: middle;
}
.datagrid-filter-form .form-pair.inline-radios .form-label {
  margin-right: 0px;
}
.datagrid-filter-form .form-pair.inline-radios .form-control label {
  float: left;
  margin-right: 10px;
}
.datagrid-filter-form .form-pair label.checkbox {
  margin-top: 3px;
}
.datagrid-filter-form .form-pair.inline-label .form-control, .datagrid-filter-form .form-pair.inline-label .form-label {
  display: inline-block;
  vertical-align: top;
}
.datagrid-filter-form .form-pair.inline-label .form-label {
  margin-right: 5px;
}
.datagrid-filter-form .form-pair.fixed-label .form-control, .datagrid-filter-form .form-pair.fixed-label .form-label {
  float: left;
}
.datagrid-filter-form .form-pair.fixed-label .form-label {
  padding-right: 9px;
  text-align: right;
  width: 33.333%;
}
@media (max-width: 1800px) {
  .datagrid-filter-form .form-pair.fixed-label .form-label {
    padding-right: 8.1px;
  }
}
@media (max-width: 1600px) {
  .datagrid-filter-form .form-pair.fixed-label .form-label {
    padding-right: 7.47px;
  }
}
@media (max-width: 1400px) {
  .datagrid-filter-form .form-pair.fixed-label .form-label {
    padding-right: 6.75px;
  }
}
.datagrid-filter-form .form-pair.fixed-label .form-control {
  width: 66.666%;
}
.datagrid-filter-form .form-pair.fixed-label:after {
  content: "";
  clear: both;
  display: block;
}
.datagrid-filter-form .form-pair.natural-label {
  display: flex;
}
.datagrid-filter-form .form-pair.natural-label .form-label {
  margin-right: 15px;
}
.datagrid-filter-form .form-pair.natural-label .form-control {
  flex-grow: 2;
}
.datagrid-filter-form .form-pair.form-pair--inverting {
  display: flex;
  align-items: center;
  margin-left: 5px;
  left: 100%;
  position: absolute;
  transform: translateY(-180%);
  width: auto !important;
  z-index: 301;
  /*			.form-label {
  				display: none;
  				position: absolute;
  				bottom: 100%;
  			}*/
}
.datagrid-filter-form .form-pair.form-pair--inverting .form-label {
  order: 2;
  padding-top: 0;
}
.datagrid-filter-form .form-pair.form-pair--inverting .check-inputs-label.checkbox {
  /*transform: scale(0.75);*/
}
.datagrid-filter-form .form-pair.form-pair--inverting .check-inputs-label.checkbox:before {
  margin-right: 3px;
}
.datagrid-filter-form .form-pair.form-pair--inverting:hover .form-label {
  display: block;
}
.datagrid-filter-form .form-grouping .form-pair {
  float: none;
  width: 100%;
}
.datagrid-filter-form .form-pair.margin-left-40, .datagrid-filter-form .form-grouping.margin-left-40 {
  margin-left: 40px;
}
.datagrid-filter-form .form-pair.margin-right-40, .datagrid-filter-form .form-grouping.margin-right-40 {
  margin-right: 40px;
}
.datagrid-filter-form .form-pair.width-smallest, .datagrid-filter-form .form-grouping.width-smallest {
  clear: none;
  float: left;
  margin-right: 1%;
  width: auto;
}
@media (min-width: 520px) {
  .datagrid-filter-form .form-pair.width-ninegth, .datagrid-filter-form .form-grouping.width-ninegth {
    clear: none;
    float: left;
    margin-right: 0.5%;
    width: 32.8333333333%;
  }
}
@media (max-width: 1199px) {
  .datagrid-filter-form .form-pair.fixed-label.before-inverting .form-control, .datagrid-filter-form .form-grouping.fixed-label.before-inverting .form-control {
    width: 50%;
  }
  .datagrid-filter-form .form-pair.form-pair--inverting, .datagrid-filter-form .form-grouping.form-pair--inverting {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .datagrid-filter-form .form-pair, .datagrid-filter-form .form-grouping {
    clear: none;
    float: left;
    margin-right: 0.5%;
  }
  .datagrid-filter-form .form-pair.float-right, .datagrid-filter-form .form-grouping.float-right {
    float: right;
  }
  .datagrid-filter-form .form-pair.width-ninegth, .datagrid-filter-form .form-grouping.width-ninegth {
    width: 10.6111111111%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.w-1, .datagrid-filter-form .form-grouping.width-ninegth.w-1 {
    width: 9.6111111111%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.w-2, .datagrid-filter-form .form-grouping.width-ninegth.w-2 {
    width: 8.6111111111%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.pull-1, .datagrid-filter-form .form-grouping.width-ninegth.pull-1 {
    margin-left: -1%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.offset-1, .datagrid-filter-form .form-grouping.width-ninegth.offset-1 {
    margin-left: 1%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.offset-2, .datagrid-filter-form .form-grouping.width-ninegth.offset-2 {
    margin-left: 2%;
  }
  .datagrid-filter-form .form-pair.width-ninegth.offset-3, .datagrid-filter-form .form-grouping.width-ninegth.offset-3 {
    margin-left: 3%;
  }
  .datagrid-filter-form .form-pair.width-eighth, .datagrid-filter-form .form-grouping.width-eighth {
    width: 12%;
  }
  .datagrid-filter-form .form-pair.width-sixth, .datagrid-filter-form .form-grouping.width-sixth {
    width: 16.1666666667%;
  }
  .datagrid-filter-form .form-pair.width-forth, .datagrid-filter-form .form-grouping.width-forth {
    width: 24.5%;
  }
  .datagrid-filter-form .form-pair.group-end, .datagrid-filter-form .form-grouping.group-end {
    margin-right: 2%;
  }
}

@media (max-width: 1199px) {
  .bus-planner .datagrid-filter-form .form-pair.no-label, .drivers-workload .datagrid-filter-form .form-pair.no-label {
    margin-left: 33.333%;
  }
  .bus-planner .datagrid-filter-form .form-pair.no-label.pair-next, .drivers-workload .datagrid-filter-form .form-pair.no-label.pair-next {
    margin-left: 0;
  }
}

.order-history .order-status-item {
  display: inline-block;
  padding-right: 11px;
}
.order-history .bus-line-item {
  display: inline-block;
}

/*---------------------------------------------
-- bus planner
---------------------------------------------*/
.bus-planner, .drivers-workload {
  color: #000;
}
.bus-planner .datagrid-table-wrapper-unsorted, .drivers-workload .datagrid-table-wrapper-unsorted {
  overflow-y: auto;
  /*border-bottom: 3px double $colorBorderBusPlanner;*/
}
.bus-planner .bus-planner-canvas, .drivers-workload .bus-planner-canvas {
  min-width: 1200px;
  position: relative;
}
.bus-planner .cell, .drivers-workload .cell {
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  line-height: 1.3em;
  padding: 6px 10px;
  padding: 6px 10px;
  position: relative;
}
@media (max-width: 1800px) {
  .bus-planner .cell, .drivers-workload .cell {
    padding: 5.4px 9px;
  }
}
@media (max-width: 1600px) {
  .bus-planner .cell, .drivers-workload .cell {
    padding: 4.98px 8.3px;
  }
}
@media (max-width: 1400px) {
  .bus-planner .cell, .drivers-workload .cell {
    padding: 4.5px 7.5px;
  }
}
.bus-planner .cell.last, .drivers-workload .cell.last {
  border-right-width: 0;
}
.bus-planner .cell.day-of-week-5, .drivers-workload .cell.day-of-week-5 {
  background-color: #eaffe5 !important;
}
.bus-planner .cell.day-of-week-6, .drivers-workload .cell.day-of-week-6 {
  background-color: #e3f1ff !important;
}
.bus-planner .cell.day-of-week-0, .drivers-workload .cell.day-of-week-0 {
  background-color: #ffe5e5 !important;
}
.bus-planner .cell.day-holiday, .drivers-workload .cell.day-holiday {
  background-color: #ffffbf !important;
}
.bus-planner .cell.invalid-cell, .drivers-workload .cell.invalid-cell {
  background: #666 !important;
}
.bus-planner .cell.highlight, .drivers-workload .cell.highlight {
  background-color: #ffff99 !important;
}
.bus-planner .unsorted .cell, .drivers-workload .unsorted .cell {
  border-bottom: 0;
}
.bus-planner .ui-resizable-s, .drivers-workload .ui-resizable-s {
  bottom: -7px;
}
.bus-planner .datagrid-resizable ~ .separator, .drivers-workload .datagrid-resizable ~ .separator {
  border-top: 1px solid #000;
}
.bus-planner .ui-droppable-hover .cell, .drivers-workload .ui-droppable-hover .cell {
  background-color: #dfedf7 !important;
}
.bus-planner .ui-droppable-hover .cell.invalid-cell, .drivers-workload .ui-droppable-hover .cell.invalid-cell {
  background: #666 !important;
}
.bus-planner .ui-sortable-helper, .drivers-workload .ui-sortable-helper {
  background: #fff;
}
.bus-planner .ui-sortable-helper .cell, .drivers-workload .ui-sortable-helper .cell {
  border-top-width: 1px;
}
.bus-planner .order, .drivers-workload .order {
  background-color: #cccccc;
  border: 1px solid #333;
  font-size: 0.9em;
  line-height: 1.3em;
  overflow: hidden;
  padding: 6px 9px 6px 20px;
  position: absolute;
  top: 0;
  /*transform: translateX(-1px) translateY(-1px);*/
  z-index: 200;
}
.bus-planner .order.too-small, .drivers-workload .order.too-small {
  padding-left: 0;
  padding-right: 0;
}
.bus-planner .order .status, .drivers-workload .order .status {
  background: repeat-y 0 0;
  border-right: 1px solid #333;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
}
.bus-planner .order .title .info, .bus-planner .order .title .vehicle, .drivers-workload .order .title .info, .drivers-workload .order .title .vehicle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bus-planner .order.selected:after, .drivers-workload .order.selected:after {
  border: 3px solid #0077cc;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bus-planner .unsorted .order, .drivers-workload .unsorted .order {
  padding-top: 2px;
  padding-bottom: 2px;
}
.bus-planner .unsorted .order .title .vehicle, .drivers-workload .unsorted .order .title .vehicle {
  display: none;
}
.bus-planner .extern-vehicles .order, .drivers-workload .extern-vehicles .order {
  min-height: 40px;
}
.bus-planner .canvas-header .cell, .drivers-workload .canvas-header .cell {
  background: #f2f2f2;
}
.bus-planner .canvas-body .day-cell:after, .bus-planner .canvas-body .day-cell:before, .drivers-workload .canvas-body .day-cell:after, .drivers-workload .canvas-body .day-cell:before {
  /*				background-image: linear-gradient(to bottom, $colorBorderInput 33%, rgba(255,255,255,0) 0%);
  				background-position: left;
  				background-size: 1px 3px;
  				background-repeat: repeat-y;*/
  border: 1px dotted rgba(179, 179, 179, 0.5);
  border-width: 0 0 0 1px;
  bottom: 0;
  content: "";
  margin-left: -1px;
  position: absolute;
  width: 1px;
  top: 0;
}
.bus-planner .canvas-body .day-cell:before, .drivers-workload .canvas-body .day-cell:before {
  left: 25%;
}
.bus-planner .canvas-body .day-cell:after, .drivers-workload .canvas-body .day-cell:after {
  left: 50%;
  width: 25%;
  border-width: 0 1px;
}
.bus-planner .separator .cell, .drivers-workload .separator .cell {
  padding-bottom: 0;
}
.bus-planner .canvas-row, .bus-planner .canvas-days, .drivers-workload .canvas-row, .drivers-workload .canvas-days {
  display: flex;
}
.bus-planner .canvas-row > .cell, .drivers-workload .canvas-row > .cell {
  width: 180px;
  flex-shrink: 0;
}
.bus-planner .canvas-days, .drivers-workload .canvas-days {
  position: relative;
  overflow: hidden;
  flex-grow: 2;
}

.days-count-radios .check-inputs-label {
  color: #b3b3b3;
  display: block !important;
  width: 35px;
}
.days-count-radios .check-inputs-label:before {
  display: none;
}
.days-count-radios .check-inputs-label.input-checked, .days-count-radios .check-inputs-label:hover {
  color: #333;
}
.days-count-radios .check-inputs-label:after {
  border-bottom: 1px solid currentColor;
  content: "";
  display: block;
  margin: 2px 6px 0;
}
.days-count-radios .days-count-item {
  border: 1px solid currentColor;
  font-size: 10px;
  height: 21px;
  line-height: 19px;
  text-align: center;
  width: 100%;
}

.drivers-workload .canvas-body .canvas-row {
  width: 100%;
}
.drivers-workload .order {
  /*opacity: 0.9;*/
  padding-left: 9px;
}
.drivers-workload .order .status {
  display: none;
}
.drivers-workload .draggable-element {
  padding-right: 30px;
}
.drivers-workload .draggable-handle {
  background: url(../images/layout/move.svg?v=2) no-repeat 0 0;
  /*border: 1px solid $colorBorderInput;*/
  font-size: 15px;
  height: 20px;
  line-height: 15px;
  position: absolute;
  right: 6px;
  top: 4px;
  text-align: center;
  width: 20px;
}
.drivers-workload [data-link] {
  cursor: pointer;
}

/*---------------------------------------------
-- responsive
---------------------------------------------*/
@media (max-width: 780px) {
  .bus-planner .canvas-row .cell {
    width: 120px;
  }
}
.form-pair {
  margin-bottom: 13px;
}
@media (max-width: 1800px) {
  .form-pair {
    margin-bottom: 11.7px;
  }
}
@media (max-width: 1600px) {
  .form-pair {
    margin-bottom: 10.79px;
  }
}
@media (max-width: 1400px) {
  .form-pair {
    margin-bottom: 9.75px;
  }
}
.form-pair.fake {
  visibility: hidden;
}
.form-pair.inline-radios br {
  display: none;
}
.form-pair.inline-radios .form-control label {
  float: left;
  margin-right: 12px;
}
.form-pair.vertical-center {
  line-height: 28px;
}
@media (max-width: 1800px) {
  .form-pair.vertical-center {
    line-height: 25.2px;
  }
}
@media (max-width: 1600px) {
  .form-pair.vertical-center {
    line-height: 23.24px;
  }
}
@media (max-width: 1400px) {
  .form-pair.vertical-center {
    line-height: 21px;
  }
}
.form-pair.vertical-center * {
  line-height: 1.2em;
  vertical-align: baseline;
}
.form-pair .form-control small {
  margin-top: 0.25em;
  display: block;
}

.form-label {
  padding-top: 7px;
}
@media (max-width: 1800px) {
  .form-label {
    padding-top: 6.3px;
  }
}
@media (max-width: 1600px) {
  .form-label {
    padding-top: 5.81px;
  }
}
@media (max-width: 1400px) {
  .form-label {
    padding-top: 5.25px;
  }
}

.no-labels .form-label {
  display: none;
}

.crud-form .hidden-in-form {
  display: none;
}

.form-buttons {
  background: #fff;
  border-top: 1px solid #b3b3b3;
  clear: both;
  padding: 9px 0;
}
@media (max-width: 1800px) {
  .form-buttons {
    padding: 8.1px 0;
  }
}
@media (max-width: 1600px) {
  .form-buttons {
    padding: 7.47px 0;
  }
}
@media (max-width: 1400px) {
  .form-buttons {
    padding: 6.75px 0;
  }
}
.form-buttons .form-pair {
  margin-bottom: 0;
}
.form-buttons .form-label {
  display: none;
}
.form-buttons .button, .form-buttons .datagrid .col-pagination .btn, .datagrid .col-pagination .form-buttons .btn {
  padding: 6px 18px;
}
@media (max-width: 1800px) {
  .form-buttons .button, .form-buttons .datagrid .col-pagination .btn, .datagrid .col-pagination .form-buttons .btn {
    padding: 5.4px 16.2px;
  }
}
@media (max-width: 1600px) {
  .form-buttons .button, .form-buttons .datagrid .col-pagination .btn, .datagrid .col-pagination .form-buttons .btn {
    padding: 4.98px 14.94px;
  }
}
@media (max-width: 1400px) {
  .form-buttons .button, .form-buttons .datagrid .col-pagination .btn, .datagrid .col-pagination .form-buttons .btn {
    padding: 4.5px 13.5px;
  }
}

.two-part-datepicker.date {
  width: 60%;
  margin-right: 5%;
  background: url(../images/layout/form/calendar.svg) no-repeat right 5px center;
}
.two-part-datepicker.date.only-time {
  display: none;
}
.two-part-datepicker.date.only-date {
  width: 100%;
  margin-right: 0;
}
.two-part-datepicker.time {
  display: inline-block;
  float: none;
  width: 35%;
}
.two-part-datepicker.time.only-date {
  display: none;
}
.two-part-datepicker.time.only-time {
  width: 100%;
  margin-right: 0;
}

.no-time .two-part-datepicker.time {
  display: none;
}
.no-time .two-part-datepicker.date {
  margin-right: 0;
  width: 100%;
}

.crud-form {
  padding-bottom: 50px;
}
.crud-form ul.error {
  display: none;
}
.crud-form .fake-legend legend {
  visibility: hidden;
}
.crud-form legend {
  font-weight: bold;
  margin-bottom: 16px;
}
.crud-form fieldset {
  padding: 0 14px;
}
@media (max-width: 1800px) {
  .crud-form fieldset {
    padding: 0 12.6px;
  }
}
@media (max-width: 1600px) {
  .crud-form fieldset {
    padding: 0 11.62px;
  }
}
@media (max-width: 1400px) {
  .crud-form fieldset {
    padding: 0 10.5px;
  }
}
.crud-form fieldset.form-buttons {
  padding: 9px 0;
}
@media (max-width: 1800px) {
  .crud-form fieldset.form-buttons {
    padding: 8.1px 0;
  }
}
@media (max-width: 1600px) {
  .crud-form fieldset.form-buttons {
    padding: 7.47px 0;
  }
}
@media (max-width: 1400px) {
  .crud-form fieldset.form-buttons {
    padding: 6.75px 0;
  }
}
.crud-form .check-inputs-label {
  padding-top: 4px;
}
@media (max-width: 1800px) {
  .crud-form .check-inputs-label {
    padding-top: 3.6px;
  }
}
@media (max-width: 1600px) {
  .crud-form .check-inputs-label {
    padding-top: 3.32px;
  }
}
@media (max-width: 1400px) {
  .crud-form .check-inputs-label {
    padding-top: 3px;
  }
}
.crud-form .form-control {
  position: relative;
}
.crud-form .form-control .error {
  background: #ffcccc;
  border: 1px solid #ffb3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  /*margin-top: 5px;*/
  margin-left: 5px;
  padding: 7px 10px;
  position: absolute;
  /*top: 100%;*/
  left: 100%;
  top: 0;
  white-space: nowrap;
  z-index: 100;
}
@media (max-width: 1800px) {
  .crud-form .form-control .error {
    padding: 6.3px 9px;
  }
}
@media (max-width: 1600px) {
  .crud-form .form-control .error {
    padding: 5.81px 8.3px;
  }
}
@media (max-width: 1400px) {
  .crud-form .form-control .error {
    padding: 5.25px 7.5px;
  }
}

.are-you-sure {
  font-weight: bold;
  margin-bottom: 1em;
  color: #cc0000;
}

/*---------------------------------------------
-- color picker
---------------------------------------------*/
.color-picker label {
  position: relative;
  float: left;
  height: 28px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 57px;
}
@media (max-width: 1800px) {
  .color-picker label {
    height: 25.2px;
  }
}
@media (max-width: 1600px) {
  .color-picker label {
    height: 23.24px;
  }
}
@media (max-width: 1400px) {
  .color-picker label {
    height: 21px;
  }
}
@media (max-width: 1800px) {
  .color-picker label {
    margin-right: 9px;
  }
}
@media (max-width: 1600px) {
  .color-picker label {
    margin-right: 8.3px;
  }
}
@media (max-width: 1400px) {
  .color-picker label {
    margin-right: 7.5px;
  }
}
@media (max-width: 1800px) {
  .color-picker label {
    margin-bottom: 9px;
  }
}
@media (max-width: 1600px) {
  .color-picker label {
    margin-bottom: 8.3px;
  }
}
@media (max-width: 1400px) {
  .color-picker label {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 1800px) {
  .color-picker label {
    width: 51.3px;
  }
}
@media (max-width: 1600px) {
  .color-picker label {
    width: 47.31px;
  }
}
@media (max-width: 1400px) {
  .color-picker label {
    width: 42.75px;
  }
}
.color-picker input {
  position: absolute;
  opacity: 0;
}

.color-picker-color-preview {
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 100%;
  line-height: 28px;
  width: 100%;
  text-align: center;
}

/*---------------------------------------------
-- editable list
---------------------------------------------*/
.editable-list-control.read-only {
  background: #f2f2f2;
}
.editable-list-control.read-only .toolbar {
  display: none;
}
.editable-list-control .toolbar {
  margin-bottom: 9px;
}
.editable-list-control .toolbar .button, .editable-list-control .toolbar .datagrid .col-pagination .btn, .datagrid .col-pagination .editable-list-control .toolbar .btn {
  margin-right: 9px;
}
.editable-list-control table {
  width: 100%;
}
.editable-list-control tbody.dragged-over {
  background-color: #dfedf7;
}
.editable-list-control thead th {
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
}
.editable-list-control thead th:first-child {
  border-left: 0;
}
.editable-list-control thead th:last-child {
  border-right: 0;
}
.editable-list-control thead th a {
  color: #333;
}
.editable-list-control th, .editable-list-control td {
  line-height: 1.1em;
  padding: 8px 20px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .editable-list-control th, .editable-list-control td {
    padding: 7.2px 18px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control th, .editable-list-control td {
    padding: 6.64px 16.6px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control th, .editable-list-control td {
    padding: 6px 15px;
  }
}
.editable-list-control th.smaller-padding, .editable-list-control td.smaller-padding {
  padding: 4px;
}
@media (max-width: 1800px) {
  .editable-list-control th.smaller-padding, .editable-list-control td.smaller-padding {
    padding: 3.6px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control th.smaller-padding, .editable-list-control td.smaller-padding {
    padding: 3.32px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control th.smaller-padding, .editable-list-control td.smaller-padding {
    padding: 3px;
  }
}
.editable-list-control .highlight td {
  background: #ffff99;
}
.editable-list-control .highlight:hover td {
  background: #f9f89e;
}
.editable-list-control .highlight.selected td {
  background: #e2ea9b;
}
.editable-list-control .selected {
  background: #dfedf7;
}
.editable-list-control tbody tr:hover {
  background: #fafafa;
}
.editable-list-control tbody tr:hover.selected {
  background: #e7f2f9;
}
.editable-list-control tbody td {
  border-bottom: 1px solid #b3b3b3;
}
.editable-list-control.drivers th, .editable-list-control.drivers td {
  padding: 6px 12px;
}
@media (max-width: 1800px) {
  .editable-list-control.drivers th, .editable-list-control.drivers td {
    padding: 5.4px 10.8px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control.drivers th, .editable-list-control.drivers td {
    padding: 4.98px 9.96px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control.drivers th, .editable-list-control.drivers td {
    padding: 4.5px 9px;
  }
}
.editable-list-control.drivers td.col-diets, .editable-list-control.drivers td.col-premies, .editable-list-control.drivers td.col-settlement, .editable-list-control.drivers td.col-holidays_extra {
  text-align: right;
}
.editable-list-control.attachements th, .editable-list-control.attachements td {
  padding: 6px 12px;
}
@media (max-width: 1800px) {
  .editable-list-control.attachements th, .editable-list-control.attachements td {
    padding: 5.4px 10.8px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control.attachements th, .editable-list-control.attachements td {
    padding: 4.98px 9.96px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control.attachements th, .editable-list-control.attachements td {
    padding: 4.5px 9px;
  }
}
.editable-list-control.attachements td.col-file {
  padding: 3px;
  text-align: center;
}
@media (max-width: 1800px) {
  .editable-list-control.attachements td.col-file {
    padding: 2.7px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control.attachements td.col-file {
    padding: 2.49px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control.attachements td.col-file {
    padding: 2.25px;
  }
}
.editable-list-control.check-in-bus-stops th, .editable-list-control.check-in-bus-stops td {
  font-size: 10px;
  line-height: 1em;
  padding: 4px 6px;
  white-space: nowrap;
}
@media (max-width: 1800px) {
  .editable-list-control.check-in-bus-stops th, .editable-list-control.check-in-bus-stops td {
    padding: 3.6px 5.4px;
  }
}
@media (max-width: 1600px) {
  .editable-list-control.check-in-bus-stops th, .editable-list-control.check-in-bus-stops td {
    padding: 3.32px 4.98px;
  }
}
@media (max-width: 1400px) {
  .editable-list-control.check-in-bus-stops th, .editable-list-control.check-in-bus-stops td {
    padding: 3px 4.5px;
  }
}
.editable-list-control.check-in-bus-stops .col-is_collection {
  text-align: center;
}
.editable-list-control.check-in-bus-stops .table-wrapper {
  overflow-y: scroll;
}
.editable-list-control .highlight-time .col-time {
  background: #ffcccc;
}

.smaller-padding th, .smaller-padding td {
  padding: 5px 7px;
}
@media (max-width: 1800px) {
  .smaller-padding th, .smaller-padding td {
    padding: 4.5px 6.3px;
  }
}
@media (max-width: 1600px) {
  .smaller-padding th, .smaller-padding td {
    padding: 4.15px 5.81px;
  }
}
@media (max-width: 1400px) {
  .smaller-padding th, .smaller-padding td {
    padding: 3.75px 5.25px;
  }
}

.control-active-icon {
  min-height: 1em;
  width: 100%;
  display: block;
  cursor: pointer;
}
.control-active-icon:not(.activate) {
  background: none;
}

/*---------------------------------------------
-- poupu form
---------------------------------------------*/
.popup-form {
  width: 320px;
}
.popup-form .popup-form-title {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 18px;
}
@media (max-width: 1800px) {
  .popup-form .popup-form-title {
    padding: 16.2px;
  }
}
@media (max-width: 1600px) {
  .popup-form .popup-form-title {
    padding: 14.94px;
  }
}
@media (max-width: 1400px) {
  .popup-form .popup-form-title {
    padding: 13.5px;
  }
}
.popup-form .popup-form-body {
  padding: 22px 18px 9px 18px;
}
@media (max-width: 1800px) {
  .popup-form .popup-form-body {
    padding: 19.8px 16.2px 8.1px 16.2px;
  }
}
@media (max-width: 1600px) {
  .popup-form .popup-form-body {
    padding: 18.26px 14.94px 7.47px 14.94px;
  }
}
@media (max-width: 1400px) {
  .popup-form .popup-form-body {
    padding: 16.5px 13.5px 6.75px 13.5px;
  }
}
.popup-form .form-pair:after {
  clear: both;
  content: "";
  display: block;
}
.popup-form .form-label {
  float: left;
  padding-right: 24px;
  text-align: right;
  width: 30%;
}
@media (max-width: 1800px) {
  .popup-form .form-label {
    padding-right: 21.6px;
  }
}
@media (max-width: 1600px) {
  .popup-form .form-label {
    padding-right: 19.92px;
  }
}
@media (max-width: 1400px) {
  .popup-form .form-label {
    padding-right: 18px;
  }
}
.popup-form .form-pair > .form-control {
  width: 55%;
  float: left;
}
.popup-form .form-pair.full-width > .form-control {
  width: 70%;
}
.popup-form .form-buttons {
  margin-top: 8px;
}
@media (max-width: 1800px) {
  .popup-form .form-buttons {
    margin-top: 7.2px;
  }
}
@media (max-width: 1600px) {
  .popup-form .form-buttons {
    margin-top: 6.64px;
  }
}
@media (max-width: 1400px) {
  .popup-form .form-buttons {
    margin-top: 6px;
  }
}
.popup-form .check-inputs-label {
  padding-top: 4px;
}
@media (max-width: 1800px) {
  .popup-form .check-inputs-label {
    padding-top: 3.6px;
  }
}
@media (max-width: 1600px) {
  .popup-form .check-inputs-label {
    padding-top: 3.32px;
  }
}
@media (max-width: 1400px) {
  .popup-form .check-inputs-label {
    padding-top: 3px;
  }
}

.fancybox-popup-form .fancybox-skin .fancybox-close {
  background: none;
  color: #fff;
  height: 48px;
  line-height: 48px;
  right: 0;
  top: 0;
  width: 48px;
}
.fancybox-popup-form .fancybox-skin .fancybox-close:after {
  content: "x";
  display: block;
  font-weight: bold;
  height: 10px;
  margin: 0 auto;
  width: 10px;
}
.fancybox-popup-form .fancybox-skin .fancybox-close:hover {
  color: #0077cc;
}

/*---------------------------------------------
-- vicesloupcove radky
---------------------------------------------*/
.form-flex-section {
  /*justify-content: space-between;*/
  display: flex;
}
.form-flex-section .form-pair {
  flex-grow: 1;
  margin-right: 8px;
}
@media (max-width: 1800px) {
  .form-flex-section .form-pair {
    margin-right: 7.2px;
  }
}
@media (max-width: 1600px) {
  .form-flex-section .form-pair {
    margin-right: 6.64px;
  }
}
@media (max-width: 1400px) {
  .form-flex-section .form-pair {
    margin-right: 6px;
  }
}
.form-flex-section .form-pair:last-child {
  margin-right: 0;
}
.form-flex-section .form-pair.first:not(.no-labels) {
  flex: 0 0 55%;
}
.form-flex-section .form-pair.first:not(.no-labels) .form-label {
  width: 55%;
}
.form-flex-section .form-pair.first:not(.no-labels) .form-control {
  width: 45%;
}
.form-flex-section .form-pair.first:not(.no-labels).first-only-label {
  flex: 0 0 30%;
  margin-right: 0;
}
.form-flex-section .form-pair.first:not(.no-labels).first-only-label .form-label {
  width: 100%;
}
.form-flex-section .form-pair.flex {
  display: flex;
  align-items: center;
}
.form-flex-section.by-thirds .form-pair.first {
  flex: 0 0 76%;
}
.form-flex-section.by-thirds .form-pair.first .form-label {
  width: 39.5%;
}
.form-flex-section.by-thirds .form-pair.first .form-control {
  width: 60.5%;
}
.form-flex-section.by-thirds .form-pair.second {
  flex-grow: 1;
}
.form-flex-section.by-halfs .form-pair.first {
  width: 65%;
  flex: 0 0 65%;
}
.form-flex-section.by-halfs .form-pair.first .form-label {
  width: 46.15%;
}
.form-flex-section.by-halfs .form-pair.first .form-control {
  width: 53.85%;
}

.form-two-columns-section:after, .form-three-columns-section:after {
  content: "";
  clear: both;
  display: block;
}
.form-two-columns-section .form-pair, .form-three-columns-section .form-pair {
  clear: both;
}
.form-two-columns-section .form-pair.first, .form-three-columns-section .form-pair.first {
  float: left;
  width: 60%;
}
.form-two-columns-section .form-pair.first .form-label, .form-three-columns-section .form-pair.first .form-label {
  width: 50%;
}
.form-two-columns-section .form-pair.first .form-control, .form-three-columns-section .form-pair.first .form-control {
  width: 50%;
}
.form-two-columns-section .form-pair.second, .form-three-columns-section .form-pair.second {
  padding-left: 10px;
  clear: none;
  display: flex;
  width: 25%;
}
@media (max-width: 1800px) {
  .form-two-columns-section .form-pair.second, .form-three-columns-section .form-pair.second {
    padding-left: 9px;
  }
}
@media (max-width: 1600px) {
  .form-two-columns-section .form-pair.second, .form-three-columns-section .form-pair.second {
    padding-left: 8.3px;
  }
}
@media (max-width: 1400px) {
  .form-two-columns-section .form-pair.second, .form-three-columns-section .form-pair.second {
    padding-left: 7.5px;
  }
}
.form-two-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.second .form-label {
  padding-right: 5px;
}
@media (max-width: 1800px) {
  .form-two-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.second .form-label {
    padding-right: 4.5px;
  }
}
@media (max-width: 1600px) {
  .form-two-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.second .form-label {
    padding-right: 4.15px;
  }
}
@media (max-width: 1400px) {
  .form-two-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.second .form-label {
    padding-right: 3.75px;
  }
}
.form-two-columns-section .form-pair.second .form-control, .form-three-columns-section .form-pair.second .form-control {
  flex-grow: 2;
}
.form-two-columns-section .form-pair.first-large, .form-three-columns-section .form-pair.first-large {
  float: left;
  width: 90%;
}
.form-two-columns-section .form-pair.first-large .form-label, .form-three-columns-section .form-pair.first-large .form-label {
  width: 33%;
}
.form-two-columns-section .form-pair.first-large .form-control, .form-three-columns-section .form-pair.first-large .form-control {
  width: 67%;
}
.form-two-columns-section .form-pair.second-of-large, .form-three-columns-section .form-pair.second-of-large {
  padding-left: 10px;
  clear: none;
  float: left;
  width: 10%;
}
.form-two-columns-section .form-pair.second-of-large.no-labels .form-control, .form-three-columns-section .form-pair.second-of-large.no-labels .form-control {
  width: 100%;
}
.form-two-columns-section .form-pair.first-smaller, .form-three-columns-section .form-pair.first-smaller {
  width: 25%;
}
.form-two-columns-section .form-pair.first-smaller.no-labels .form-label, .form-three-columns-section .form-pair.first-smaller.no-labels .form-label {
  display: none;
}
.form-two-columns-section .form-pair.first-smaller.no-labels .form-control, .form-three-columns-section .form-pair.first-smaller.no-labels .form-control {
  width: auto;
}
.form-two-columns-section .form-pair.second-wider, .form-three-columns-section .form-pair.second-wider {
  width: 75%;
}
.form-two-columns-section.other-services .form-pair.first, .form-three-columns-section.other-services .form-pair.first {
  width: 70%;
}
.form-two-columns-section.other-services .form-pair.first .form-label, .form-three-columns-section.other-services .form-pair.first .form-label {
  width: 60%;
}
.form-two-columns-section.other-services .form-pair.first .form-control, .form-three-columns-section.other-services .form-pair.first .form-control {
  width: 40%;
}
.form-two-columns-section.other-services .form-pair.second, .form-three-columns-section.other-services .form-pair.second {
  width: 15%;
}

.form-three-columns-section .form-pair {
  float: left;
}
.form-three-columns-section .form-pair.first {
  width: 55%;
}
.form-three-columns-section .form-pair.first .form-label {
  width: 55%;
}
.form-three-columns-section .form-pair.first .form-control {
  width: 45%;
}
.form-three-columns-section .form-pair.second, .form-three-columns-section .form-pair.third {
  clear: none;
  display: block;
  padding-left: 8px;
  width: 22.5%;
}
@media (max-width: 1800px) {
  .form-three-columns-section .form-pair.second, .form-three-columns-section .form-pair.third {
    padding-left: 7.2px;
  }
}
@media (max-width: 1600px) {
  .form-three-columns-section .form-pair.second, .form-three-columns-section .form-pair.third {
    padding-left: 6.64px;
  }
}
@media (max-width: 1400px) {
  .form-three-columns-section .form-pair.second, .form-three-columns-section .form-pair.third {
    padding-left: 6px;
  }
}
.form-three-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.third .form-label {
  padding-right: 5px;
}
@media (max-width: 1800px) {
  .form-three-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.third .form-label {
    padding-right: 4.5px;
  }
}
@media (max-width: 1600px) {
  .form-three-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.third .form-label {
    padding-right: 4.15px;
  }
}
@media (max-width: 1400px) {
  .form-three-columns-section .form-pair.second .form-label, .form-three-columns-section .form-pair.third .form-label {
    padding-right: 3.75px;
  }
}
.form-three-columns-section .form-pair.second .form-control, .form-three-columns-section .form-pair.third .form-control {
  flex-grow: 2;
}

.form-four-columns-section.with-border-bottom {
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 10px;
}
.form-four-columns-section.with-border-bottom .form-pair {
  margin-bottom: 5px;
}
.form-four-columns-section .form-pair {
  float: left;
}
.form-four-columns-section .form-pair.first {
  width: 45%;
}
.form-four-columns-section .form-pair.first .form-label {
  width: 55%;
}
.form-four-columns-section .form-pair.first .form-control {
  width: 45%;
}
.form-four-columns-section .form-pair.second, .form-four-columns-section .form-pair.third, .form-four-columns-section .form-pair.fourth {
  clear: none;
  display: block;
  padding-left: 8px;
  width: 18.3%;
}
@media (max-width: 1800px) {
  .form-four-columns-section .form-pair.second, .form-four-columns-section .form-pair.third, .form-four-columns-section .form-pair.fourth {
    padding-left: 7.2px;
  }
}
@media (max-width: 1600px) {
  .form-four-columns-section .form-pair.second, .form-four-columns-section .form-pair.third, .form-four-columns-section .form-pair.fourth {
    padding-left: 6.64px;
  }
}
@media (max-width: 1400px) {
  .form-four-columns-section .form-pair.second, .form-four-columns-section .form-pair.third, .form-four-columns-section .form-pair.fourth {
    padding-left: 6px;
  }
}
.form-four-columns-section .form-pair.second .form-label, .form-four-columns-section .form-pair.third .form-label, .form-four-columns-section .form-pair.fourth .form-label {
  padding-right: 5px;
}
@media (max-width: 1800px) {
  .form-four-columns-section .form-pair.second .form-label, .form-four-columns-section .form-pair.third .form-label, .form-four-columns-section .form-pair.fourth .form-label {
    padding-right: 4.5px;
  }
}
@media (max-width: 1600px) {
  .form-four-columns-section .form-pair.second .form-label, .form-four-columns-section .form-pair.third .form-label, .form-four-columns-section .form-pair.fourth .form-label {
    padding-right: 4.15px;
  }
}
@media (max-width: 1400px) {
  .form-four-columns-section .form-pair.second .form-label, .form-four-columns-section .form-pair.third .form-label, .form-four-columns-section .form-pair.fourth .form-label {
    padding-right: 3.75px;
  }
}
.form-four-columns-section .form-pair.second .form-control, .form-four-columns-section .form-pair.third .form-control, .form-four-columns-section .form-pair.fourth .form-control {
  flex-grow: 2;
}
.form-four-columns-section .form-pair.float-right {
  float: right;
}
.form-four-columns-section:after {
  content: "";
  display: block;
  clear: both;
}

.show-client-address {
  position: relative;
}
.show-client-address .form-control {
  position: absolute;
  right: 0;
  width: 100px !important;
  text-align: right;
}
.show-client-address .check-inputs-label {
  color: #0077cc;
  justify-content: space-between;
  cursor: pointer;
}
.show-client-address .check-inputs-label:before {
  opacity: 0 !important;
  width: 0;
}

.order-services-table-section .form-pair {
  float: left;
}
.order-services-table-section .form-pair.first {
  width: 45%;
}
.order-services-table-section .form-pair.first .form-label {
  width: 55%;
}
.order-services-table-section .form-pair.first .form-control {
  width: 45%;
}
.order-services-table-section .form-pair.second, .order-services-table-section .form-pair.third, .order-services-table-section .form-pair.fourth, .order-services-table-section .form-pair.fifth {
  clear: none;
  display: block;
  padding-left: 8px;
  width: 17.5%;
}
@media (max-width: 1800px) {
  .order-services-table-section .form-pair.second, .order-services-table-section .form-pair.third, .order-services-table-section .form-pair.fourth, .order-services-table-section .form-pair.fifth {
    padding-left: 7.2px;
  }
}
@media (max-width: 1600px) {
  .order-services-table-section .form-pair.second, .order-services-table-section .form-pair.third, .order-services-table-section .form-pair.fourth, .order-services-table-section .form-pair.fifth {
    padding-left: 6.64px;
  }
}
@media (max-width: 1400px) {
  .order-services-table-section .form-pair.second, .order-services-table-section .form-pair.third, .order-services-table-section .form-pair.fourth, .order-services-table-section .form-pair.fifth {
    padding-left: 6px;
  }
}
.order-services-table-section .form-pair.second .form-label, .order-services-table-section .form-pair.third .form-label, .order-services-table-section .form-pair.fourth .form-label, .order-services-table-section .form-pair.fifth .form-label {
  padding-right: 5px;
}
@media (max-width: 1800px) {
  .order-services-table-section .form-pair.second .form-label, .order-services-table-section .form-pair.third .form-label, .order-services-table-section .form-pair.fourth .form-label, .order-services-table-section .form-pair.fifth .form-label {
    padding-right: 4.5px;
  }
}
@media (max-width: 1600px) {
  .order-services-table-section .form-pair.second .form-label, .order-services-table-section .form-pair.third .form-label, .order-services-table-section .form-pair.fourth .form-label, .order-services-table-section .form-pair.fifth .form-label {
    padding-right: 4.15px;
  }
}
@media (max-width: 1400px) {
  .order-services-table-section .form-pair.second .form-label, .order-services-table-section .form-pair.third .form-label, .order-services-table-section .form-pair.fourth .form-label, .order-services-table-section .form-pair.fifth .form-label {
    padding-right: 3.75px;
  }
}
.order-services-table-section .form-pair.second .form-control, .order-services-table-section .form-pair.third .form-control, .order-services-table-section .form-pair.fourth .form-control, .order-services-table-section .form-pair.fifth .form-control {
  flex-grow: 2;
}
.order-services-table-section .form-pair.second, .order-services-table-section .form-pair.fourth {
  width: 10%;
}
.order-services-table-section .form-pair.second .standalone-label, .order-services-table-section .form-pair.fourth .standalone-label {
  justify-content: center;
}
.order-services-table-section .form-pair.float-right {
  float: right;
}
.order-services-table-section:after {
  content: "";
  display: block;
  clear: both;
}

.form-four-columns-section.tax-row .form-pair.first {
  width: 55%;
}
.form-four-columns-section.tax-row .form-pair.second {
  width: 10%;
}
.form-four-columns-section.tax-row .form-pair.third, .form-four-columns-section.tax-row .form-pair.fourth {
  width: 17.5%;
}

.form-flex-section.vehicle-card-row .form-pair:first-child {
  width: 20%;
}
.form-flex-section.vehicle-card-row .form-pair:nth-child(2) {
  width: 50%;
}
.form-flex-section.vehicle-card-row .form-pair:nth-child(3) {
  width: 15%;
}
.form-flex-section.vehicle-card-row .form-pair:nth-child(4) {
  width: 15%;
}
.form-flex-section.vehicle-card-row .form-pair .form-label {
  display: none;
}
.form-flex-section.vehicle-card-row .form-pair .form-control, .form-flex-section.vehicle-card-row .form-pair > .form-control {
  width: 100%;
}

/*---------------------------------------------
-- tabulka s platy
---------------------------------------------*/
.pay-form-table thead td {
  padding-bottom: 8px;
}
@media (max-width: 1800px) {
  .pay-form-table thead td {
    padding-bottom: 7.2px;
  }
}
@media (max-width: 1600px) {
  .pay-form-table thead td {
    padding-bottom: 6.64px;
  }
}
@media (max-width: 1400px) {
  .pay-form-table thead td {
    padding-bottom: 6px;
  }
}
.pay-form-table th, .pay-form-table td {
  padding: 5px;
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .pay-form-table th, .pay-form-table td {
    padding: 4.5px;
  }
}
@media (max-width: 1600px) {
  .pay-form-table th, .pay-form-table td {
    padding: 4.15px;
  }
}
@media (max-width: 1400px) {
  .pay-form-table th, .pay-form-table td {
    padding: 3.75px;
  }
}
.pay-form-table th {
  padding-right: 8px;
  text-align: right;
}
@media (max-width: 1800px) {
  .pay-form-table th {
    padding-right: 7.2px;
  }
}
@media (max-width: 1600px) {
  .pay-form-table th {
    padding-right: 6.64px;
  }
}
@media (max-width: 1400px) {
  .pay-form-table th {
    padding-right: 6px;
  }
}
.pay-form-table input.text {
  text-align: right;
}

/*---------------------------------------------
-- objednavka
---------------------------------------------*/
.order-status-item {
  position: relative;
}
.order-status-item .color {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  z-index: 1;
}
.order-status-item.order-status-separator:after {
  content: "";
  display: block;
  border-top: 1px solid #b3b3b3;
}

.bus-line-item {
  position: relative;
}
.bus-line-item .text {
  background-color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 9px;
  z-index: 2;
}
.bus-line-item .color {
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.disabled .bus-line-item .text {
  background-color: #f2f2f2;
}

.nice-select .current .order-status-item .color {
  right: -10px;
}
.nice-select .current .bus-line-item .color {
  top: 8px;
}
@media (max-width: 1800px) {
  .nice-select .current .bus-line-item .color {
    top: 7.2px;
  }
}
@media (max-width: 1600px) {
  .nice-select .current .bus-line-item .color {
    top: 6.64px;
  }
}
@media (max-width: 1400px) {
  .nice-select .current .bus-line-item .color {
    top: 6px;
  }
}
.nice-select .list .order-status-item, .nice-select .list .bus-line-item {
  margin: -7px 0;
  padding: 7px 0;
}
@media (max-width: 1800px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    margin: -6.3px 0;
  }
}
@media (max-width: 1600px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    margin: -5.81px 0;
  }
}
@media (max-width: 1400px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    margin: -5.25px 0;
  }
}
@media (max-width: 1800px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    padding: 6.3px 0;
  }
}
@media (max-width: 1600px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    padding: 5.81px 0;
  }
}
@media (max-width: 1400px) {
  .nice-select .list .order-status-item, .nice-select .list .bus-line-item {
    padding: 5.25px 0;
  }
}
.nice-select .list .order-status-item .color {
  right: 15px;
}
.nice-select .list .bus-line-item .color {
  top: 8px;
}
.nice-select .list .option:focus .bus-line-item .text, .nice-select .list .option.selected .bus-line-item .text, .nice-select .list .option:hover .bus-line-item .text {
  background-color: #f6f6f6;
}

.multiselect .multiselect-toggler .order-status-item {
  padding-right: 15px;
}
.multiselect .multiselect-dropdown .order-status-item {
  margin: -7px 0;
  padding: 7px 0;
}
@media (max-width: 1800px) {
  .multiselect .multiselect-dropdown .order-status-item {
    margin: -6.3px 0;
  }
}
@media (max-width: 1600px) {
  .multiselect .multiselect-dropdown .order-status-item {
    margin: -5.81px 0;
  }
}
@media (max-width: 1400px) {
  .multiselect .multiselect-dropdown .order-status-item {
    margin: -5.25px 0;
  }
}
@media (max-width: 1800px) {
  .multiselect .multiselect-dropdown .order-status-item {
    padding: 6.3px 0;
  }
}
@media (max-width: 1600px) {
  .multiselect .multiselect-dropdown .order-status-item {
    padding: 5.81px 0;
  }
}
@media (max-width: 1400px) {
  .multiselect .multiselect-dropdown .order-status-item {
    padding: 5.25px 0;
  }
}

.order-summary-table {
  width: 100%;
}
.order-summary-table th {
  text-align: left;
}
.order-summary-table td {
  text-align: right;
}
.order-summary-table .inactive {
  color: #999999;
}
.order-summary-table .tpl {
  display: none;
}
.order-summary-table td, .order-summary-table th {
  padding: 3px 10px 3px 0;
}
@media (max-width: 1800px) {
  .order-summary-table td, .order-summary-table th {
    padding: 2.7px 9px 2.7px 0;
  }
}
@media (max-width: 1600px) {
  .order-summary-table td, .order-summary-table th {
    padding: 2.49px 8.3px 2.49px 0;
  }
}
@media (max-width: 1400px) {
  .order-summary-table td, .order-summary-table th {
    padding: 2.25px 7.5px 2.25px 0;
  }
}
.order-summary-table td:last-child, .order-summary-table th:last-child {
  padding-right: 0;
}
.order-summary-table tbody tr:first-child td {
  padding-top: 11px;
}
@media (max-width: 1800px) {
  .order-summary-table tbody tr:first-child td {
    padding-top: 9.9px;
  }
}
@media (max-width: 1600px) {
  .order-summary-table tbody tr:first-child td {
    padding-top: 9.13px;
  }
}
@media (max-width: 1400px) {
  .order-summary-table tbody tr:first-child td {
    padding-top: 8.25px;
  }
}
.order-summary-table tbody tr:last-child td {
  padding-bottom: 11px;
}
@media (max-width: 1800px) {
  .order-summary-table tbody tr:last-child td {
    padding-bottom: 9.9px;
  }
}
@media (max-width: 1600px) {
  .order-summary-table tbody tr:last-child td {
    padding-bottom: 9.13px;
  }
}
@media (max-width: 1400px) {
  .order-summary-table tbody tr:last-child td {
    padding-bottom: 8.25px;
  }
}
.order-summary-table thead td, .order-summary-table thead th {
  padding-bottom: 11px;
  border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 1800px) {
  .order-summary-table thead td, .order-summary-table thead th {
    padding-bottom: 9.9px;
  }
}
@media (max-width: 1600px) {
  .order-summary-table thead td, .order-summary-table thead th {
    padding-bottom: 9.13px;
  }
}
@media (max-width: 1400px) {
  .order-summary-table thead td, .order-summary-table thead th {
    padding-bottom: 8.25px;
  }
}
.order-summary-table tfoot {
  font-weight: bold;
}
.order-summary-table tfoot td, .order-summary-table tfoot th {
  padding-top: 11px;
  border-top: 1px solid #b3b3b3;
}
@media (max-width: 1800px) {
  .order-summary-table tfoot td, .order-summary-table tfoot th {
    padding-top: 9.9px;
  }
}
@media (max-width: 1600px) {
  .order-summary-table tfoot td, .order-summary-table tfoot th {
    padding-top: 9.13px;
  }
}
@media (max-width: 1400px) {
  .order-summary-table tfoot td, .order-summary-table tfoot th {
    padding-top: 8.25px;
  }
}
.order-summary-table.international .inactive .currency {
  display: none;
}

.in-collision {
  color: #cc0000 !important;
}
.in-collision.fully-occupied {
  color: #cccc00 !important;
}

.driver-match-bus-line {
  color: #0077cc !important;
}

.driver-on-others-bus-line {
  color: #ff9800 !important;
}

/*---------------------------------------------
-- ticket objednavka
---------------------------------------------*/
.crud-form .traveler-row {
  border-bottom: 1px solid #b3b3b3;
  display: flex;
}
.crud-form .traveler-row .form-pair {
  margin-bottom: 0;
}
.crud-form .traveler-row.header {
  background: #f2f2f2;
  border-top: 1px solid #b3b3b3;
  display: block;
  padding: 8px 8px;
}
@media (max-width: 1800px) {
  .crud-form .traveler-row.header {
    padding: 7.2px 7.2px;
  }
}
@media (max-width: 1600px) {
  .crud-form .traveler-row.header {
    padding: 6.64px 6.64px;
  }
}
@media (max-width: 1400px) {
  .crud-form .traveler-row.header {
    padding: 6px 6px;
  }
}
.crud-form .traveler-row.header .form-pair {
  display: flex;
}
.crud-form .traveler-row.fade * {
  color: #999999;
}
.crud-form .traveler-row .name-column {
  flex-grow: 2;
}
.crud-form .traveler-row .free-column {
  min-width: 40px;
  width: 70px;
}
.crud-form .traveler-row .form-pair > .form-control {
  width: 100%;
}
.crud-form .traveler-row .form-label {
  display: none;
}
.crud-form .traveler-row input.text {
  border: 0;
  background: none; /* protoze jinak pri zoomovani prekryje border radku */
}
.crud-form .different-value {
  color: #cc0000;
}
.crud-form .final-price-row {
  font-weight: bold;
}

/*---------------------------------------------
-- responsive
---------------------------------------------*/
.crud-form .no-labels .form-label, .crud-form .form-pair.no-labels .form-label, .popup-form .no-labels .form-label, .popup-form .form-pair.no-labels .form-label {
  display: none;
}
.crud-form .no-labels .form-control, .crud-form .no-labels > .form-control, .crud-form .form-pair.no-labels .form-control, .crud-form .form-pair.no-labels > .form-control, .popup-form .no-labels .form-control, .popup-form .no-labels > .form-control, .popup-form .form-pair.no-labels .form-control, .popup-form .form-pair.no-labels > .form-control {
  width: 100%;
}

.crud-form .form-pair:after {
  clear: both;
  content: "";
  display: block;
}
.crud-form .form-pair.checkboxes-thirds .form-control > * {
  float: left;
  width: 33.333%;
}
.crud-form .form-label {
  float: left;
  padding-right: 24px;
  text-align: right;
  width: 30%;
}
@media (max-width: 1800px) {
  .crud-form .form-label {
    padding-right: 21.6px;
  }
}
@media (max-width: 1600px) {
  .crud-form .form-label {
    padding-right: 19.92px;
  }
}
@media (max-width: 1400px) {
  .crud-form .form-label {
    padding-right: 18px;
  }
}
.crud-form .form-pair > .form-control {
  width: 70%;
  float: left;
}
.crud-form .form-pair.smaller-control > .form-control {
  width: 30%;
}
.crud-form .form-pair.half-control > .form-control {
  width: 35%;
}
.crud-form fieldset.column {
  margin-bottom: 1em;
  min-width: 0;
}

@media (min-width: 780px) {
  .popup-form {
    width: 520px;
  }
  .crud-form fieldset.column {
    float: left;
    margin-right: 1%;
    width: 49%;
  }
  .crud-form fieldset.column.column-eighth {
    width: 24%;
  }
}
@media (min-width: 1024px) {
  .crud-form fieldset.column {
    width: 24%;
  }
  .crud-form fieldset.column.double {
    width: 49%;
  }
  .crud-form fieldset.column.double .form-label {
    width: 15%;
  }
  .crud-form fieldset.column.double .form-pair > .form-control {
    width: 85%;
  }
  .crud-form fieldset.column.width-without-labels {
    width: 16.8%;
  }
  .crud-form fieldset.column.column-eighth {
    width: 11.5%;
  }
  .crud-form fieldset.column.column-half {
    width: 49%;
  }
}
@media (min-height: 700px) {
  .crud-form .form-buttons {
    bottom: 0;
    left: 14px;
    position: fixed;
    right: 14px;
    z-index: 2;
  }
}
.tabs .tabs-nav {
  padding: 0 14px 0 26px;
  position: relative;
  white-space: nowrap;
}
.tabs .tabs-nav:after {
  content: "";
  display: block;
  clear: both;
}
.tabs .tabs-nav li {
  display: inline-block;
  margin-right: 16px;
  position: relative;
}
.tabs .tabs-nav li.active {
  z-index: 5;
}
.tabs .tabs-nav li.active a {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #333;
}
.tabs .tabs-nav li.active a:before, .tabs .tabs-nav li.active a:after {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  bottom: -1px;
}
.tabs .tabs-nav li.active .close {
  opacity: 1;
}
.tabs .tabs-nav li.active .icon {
  opacity: 1;
}
.tabs .tabs-nav .ui-sortable-placeholder {
  display: inline-block !important;
  vertical-align: bottom;
}
.tabs .tabs-nav .ui-sortable-placeholder:after {
  content: " ";
}
.tabs .tabs-nav a {
  background: #f2f2f2;
  border-top: 1px solid #b3b3b3;
  color: #7f7f7f;
  display: block;
  margin-bottom: -1px;
  min-height: 32px;
  padding: 10px 39px 9px;
  position: relative;
  white-space: nowrap;
}
.tabs .tabs-nav a:before, .tabs .tabs-nav a:after {
  background: #f2f2f2;
  bottom: 0px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 14px;
}
.tabs .tabs-nav a:before {
  border-left: 1px solid #b3b3b3;
  left: -8px;
  transform: skewX(-26deg);
}
.tabs .tabs-nav a:after {
  border-right: 1px solid #b3b3b3;
  right: -8px;
  transform: skewX(26deg);
}
.tabs .tabs-nav .close {
  background: url(../images/layout/tabs-close-button.svg) no-repeat center center;
  height: 20px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 20px;
  opacity: 0.5;
}
.tabs .tabs-nav .icon {
  /*background: url(../images/layout/test.svg) no-repeat 0 0;*/
  background-image: url(../images/layout/tabs/home.svg);
  position: absolute;
  top: 6px;
  left: 8px;
  height: 20px;
  width: 20px;
  opacity: 0.5;
  /*---------------------------------------------
  -- tickets
  ---------------------------------------------*/
}
.tabs .tabs-nav .icon.home {
  background-image: url(../images/layout/tabs/home.svg);
}
.tabs .tabs-nav .icon.taxes {
  background-image: url(../images/layout/tabs/taxes.svg);
}
.tabs .tabs-nav .icon.users {
  background-image: url(../images/layout/tabs/users.svg);
}
.tabs .tabs-nav .icon.lines {
  background-image: url(../images/layout/tabs/lines.svg);
}
.tabs .tabs-nav .icon.planner {
  background-image: url(../images/layout/tabs/planner.svg);
}
.tabs .tabs-nav .icon.workload {
  background-image: url(../images/layout/tabs/workload.svg);
}
.tabs .tabs-nav .icon.directory {
  background-image: url(../images/layout/tabs/directory.svg);
}
.tabs .tabs-nav .icon.drivers {
  background-image: url(../images/layout/tabs/drivers.svg);
}
.tabs .tabs-nav .icon.vehicles {
  background-image: url(../images/layout/tabs/vehicles.svg);
}
.tabs .tabs-nav .icon.orders {
  background-image: url(../images/layout/tabs/orders.svg);
}
.tabs .tabs-nav .icon.send {
  background-image: url(../images/layout/buttons/send.svg);
}
.tabs .tabs-nav .icon.destinations {
  background-image: url(../images/layout/tabs/destinations.svg);
}
.tabs .tabs-nav .icon.collections {
  background-image: url(../images/layout/tabs/collections.svg);
}
.tabs .tabs-nav .icon.terms {
  background-image: url(../images/layout/tabs/terms.svg);
}
.tabs .tabs-nav .icon.seating-plans {
  background-image: url(../images/layout/tabs/seating-plans.svg);
}
.tabs .tabs-nav .icon.tickets-orders {
  background-image: url(../images/layout/tabs/tickets-orders.svg);
}
.tabs .tabs-nav .icon.check-in {
  background-image: url(../images/layout/tabs/heck-in.svg);
}
.tabs .tabs-nav .icon.carriers {
  background-image: url(../images/layout/tabs/carriers.svg);
}
.tabs .tabs-nav .icon.dealers {
  background-image: url(../images/layout/tabs/dealers.svg);
}
.tabs .tabs-nav .icon.bus-stops {
  background-image: url(../images/layout/tabs/bus-stops.svg);
}
.tabs .tab {
  border: 1px solid #b3b3b3;
  border-bottom: 0;
  background: #fff;
  display: none;
  overflow-y: auto;
}
.tabs .tab.active {
  display: block;
}

.dropdown, .contextmenu {
  background: #fff;
  border: 1px solid #b3b3b3;
  display: none;
  padding: 7px 0;
  left: -14px;
  min-width: 180px;
  position: absolute;
  top: 100%;
  z-index: 300;
}
.dropdown:after, .contextmenu:after, .dropdown:before, .contextmenu:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.dropdown:before, .contextmenu:before {
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #b3b3b3 transparent;
  margin-left: -7.5px;
}
.dropdown:after, .contextmenu:after {
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  margin-left: -7.5px;
  bottom: -1px;
}
.dropdown:before, .contextmenu:before {
  bottom: auto;
  top: -7px;
}
.dropdown:after, .contextmenu:after {
  bottom: auto;
  top: -6px;
}
.dropdown.dropdown-right, .dropdown-right.contextmenu {
  left: auto;
  right: -14px;
}
.dropdown.dropdown-right:before, .dropdown-right.contextmenu:before, .dropdown.dropdown-right:after, .dropdown-right.contextmenu:after {
  left: 100%;
  margin-left: -30px;
}
.dropdown.dropdown-top:before, .dropdown-top.contextmenu:before {
  top: auto;
  bottom: -7px;
}
.dropdown.dropdown-top:after, .dropdown-top.contextmenu:after {
  top: auto;
  bottom: -6px;
}
.dropdown.dropdown-top:before, .dropdown-top.contextmenu:before {
  border-width: 7px 7.5px 0 7.5px;
  border-color: #b3b3b3 transparent transparent transparent;
}
.dropdown.dropdown-top:after, .dropdown-top.contextmenu:after {
  border-width: 7px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
}
.dropdown a, .contextmenu a, .dropdown .btn, .contextmenu .btn {
  color: #333;
  display: block;
  padding: 7px 13px;
}
.dropdown a:hover, .contextmenu a:hover, .dropdown .btn:hover, .contextmenu .btn:hover {
  background: #dfedf7;
}
.dropdown .separator, .contextmenu .separator {
  display: block;
  margin: 7px 13px;
}
.dropdown .separator:after, .contextmenu .separator:after {
  content: "";
  display: block;
  border-top: 1px solid #b3b3b3;
}
.dropdown .order-status-item, .contextmenu .order-status-item {
  margin: -7px 0 -6px;
  padding: 7px 0;
}

.attendance .toolbar {
  margin-bottom: 9px;
  margin-top: -12px;
}
.attendance .toolbar .button, .attendance .toolbar .datagrid .col-pagination .btn, .datagrid .col-pagination .attendance .toolbar .btn {
  margin-right: 9px;
}
.attendance:not(.read-only) [data-id]:hover, .attendance:not(.read-only) [data-link]:hover {
  cursor: pointer;
}

.attendance-table {
  width: 100%;
}
.attendance-table td, .attendance-table th {
  padding: 7px 9px;
  border: 1px solid #b3b3b3;
}
.attendance-table.compact td, .attendance-table.compact th {
  padding: 7px 6px;
}
.attendance-table tfoot, .attendance-table thead {
  font-weight: bold;
}
.attendance-table thead {
  white-space: nowrap;
}
.attendance-table tbody th {
  text-align: left;
}
.attendance-table tbody .day {
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.attendance-table .doubled {
  padding: 0;
  border-right: 0;
}
.attendance-table .doubled.no-border {
  border-left: 0;
}
.attendance-table .num-cell {
  text-align: right;
  white-space: nowrap;
}
.attendance-table .coloring-div-positioner {
  position: relative;
  width: 100%;
}
.attendance-table .colored.coloring-div {
  position: absolute;
  top: 0;
  padding: 0;
  height: 100%;
}
.attendance-table .weekend-day {
  position: absolute;
  width: 100%;
}
.attendance-table .colored.num-cell, .attendance-table thead .colored {
  padding-left: 16px;
}
.attendance-table .colored {
  position: relative;
}
.attendance-table .colored.selected:after {
  border: 3px solid #0077cc;
  border-width: 3px 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.attendance-table .colored.selected.first:after {
  border-left-width: 3px;
}
.attendance-table .colored.selected.last:after {
  border-right-width: 3px;
}
.attendance-table .colored.color-job {
  background: linear-gradient(90deg, #4b8ed0 9px, #ffffff 9px);
}
.attendance-table .colored.color-1 {
  background: url(../images/layout/attendance-aetr.gif) repeat-y 0 0;
}
.attendance-table .colored.color-1.doubled {
  background-repeat: repeat;
}
.attendance-table .colored.color-2 {
  background: linear-gradient(90deg, #ffcc66 9px, #ffffff 9px);
}
.attendance-table .colored.color-2.doubled {
  background: #ffcc66;
}
.attendance-table .colored.color-3 {
  background: linear-gradient(90deg, #ffb2b2 9px, #ffffff 9px);
}
.attendance-table .colored.color-3.doubled {
  background: #ffb2b2;
}
.attendance-table .colored.color-4 {
  background: linear-gradient(90deg, #ffff33 9px, #ffffff 9px);
}
.attendance-table .colored.color-4.doubled {
  background: #ffff33;
}
.attendance-table .colored.color-5 {
  background: linear-gradient(90deg, #4b8ed0 9px, #ffffff 9px);
}
.attendance-table .colored.color-5.doubled {
  background: #4b8ed0;
}
.attendance-table .colored.color-6 {
  background: linear-gradient(90deg, #b2f291 9px, #ffffff 9px);
}
.attendance-table .colored.color-6.doubled {
  background: #b2f291;
}
.attendance-table .gray {
  background: #f2f2f2;
}
.attendance-table .invalid-cell {
  background: #666;
}
.attendance-table .day-holiday {
  /*box-shadow: 1px 0 0 #eeebff;*/
}
.attendance-table .extra-tfoot-row {
  font-weight: normal;
}
.attendance-table .extra-tfoot-row td {
  border: 0;
}
.attendance-table .extra-tfoot-row .text {
  font-weight: bold;
  text-align: right;
}
.attendance-table .extra-tfoot-row .input-cell {
  max-width: 100px;
  padding-right: 0;
  padding-bottom: 0;
}
.attendance-table .extra-tfoot-row--total {
  font-weight: bold;
}
.attendance-table .extra-tfoot-row--total .text {
  background-color: #ffcc66;
}

.attendance.selected:after {
  border: 3px solid #0077cc;
  border-width: 3px 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.attendance.selected.first:after {
  border-left-width: 3px;
}
.attendance.selected.last:after {
  border-right-width: 3px;
}
.attendance.color-job {
  background: #4b8ed0;
}
.attendance.color-1 {
  background: url(../images/layout/attendance-aetr.gif) repeat 0 0;
}
.attendance.color-2 {
  background: #ffcc66;
}
.attendance.color-3 {
  background: #ffb2b2;
}
.attendance.color-4 {
  background: #ffff33;
}
.attendance.color-5 {
  background: #4b8ed0;
}
.attendance.inactive {
  background: #666;
}

.monthly-report .title {
  font-weight: bold;
  margin: 1em 0;
}

.monthly-report-table {
  width: 100%;
}
.monthly-report-table td, .monthly-report-table th {
  line-height: 1.1em;
  padding: 7px 9px;
  vertical-align: middle;
}
.monthly-report-table td.text-right, .monthly-report-table th.text-right {
  padding-right: 60px;
}
.monthly-report-table thead td {
  border: 1px solid #b3b3b3;
}
.monthly-report-table thead td:last-child {
  border-right: 0;
}
.monthly-report-table thead td:first-child {
  border-left: 0;
}
.monthly-report-table tbody td, .monthly-report-table tfoot td {
  border: 1px solid #b3b3b3;
  border-width: 1px 0;
}
.monthly-report-table .gray {
  background: #cccccc;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

.seating-plan {
  margin: 30px 0 0;
  text-align: center;
}
.seating-plan .floor {
  display: inline-block;
  margin: 0 2.5% 30px 2.5%;
  min-width: 400px;
  vertical-align: top;
  text-align: left;
}
@media (min-width: 1024px) {
  .seating-plan .floor {
    min-width: 40%;
  }
}
@media (min-width: 1400px) {
  .seating-plan .floor {
    min-width: 0;
    width: 40%;
    max-width: 700px;
  }
}
.seating-plan .row {
  display: flex;
}
.seating-plan .seat {
  border: 1px solid #333;
  margin-right: -1px;
  margin-bottom: -1px;
  padding-top: 7px;
  padding-left: 9px;
  padding-right: 20px;
  padding-bottom: 20px;
  position: relative;
  white-space: nowrap;
  width: 20%;
  z-index: 1;
}
@media (max-width: 1800px) {
  .seating-plan .seat {
    padding-top: 6.3px;
  }
}
@media (max-width: 1600px) {
  .seating-plan .seat {
    padding-top: 5.81px;
  }
}
@media (max-width: 1400px) {
  .seating-plan .seat {
    padding-top: 5.25px;
  }
}
@media (max-width: 1800px) {
  .seating-plan .seat {
    padding-left: 8.1px;
  }
}
@media (max-width: 1600px) {
  .seating-plan .seat {
    padding-left: 7.47px;
  }
}
@media (max-width: 1400px) {
  .seating-plan .seat {
    padding-left: 6.75px;
  }
}
@media (max-width: 1800px) {
  .seating-plan .seat {
    padding-right: 18px;
  }
}
@media (max-width: 1600px) {
  .seating-plan .seat {
    padding-right: 16.6px;
  }
}
@media (max-width: 1400px) {
  .seating-plan .seat {
    padding-right: 15px;
  }
}
@media (max-width: 1800px) {
  .seating-plan .seat {
    padding-bottom: 18px;
  }
}
@media (max-width: 1600px) {
  .seating-plan .seat {
    padding-bottom: 16.6px;
  }
}
@media (max-width: 1400px) {
  .seating-plan .seat {
    padding-bottom: 15px;
  }
}
.seating-plan .seat .form-control {
  display: inline-block;
  vertical-align: middle;
}
.seating-plan .seat .text {
  width: 40px;
}
.seating-plan .seat.non-seat {
  background-color: #f2f2f2;
  border-color: #b3b3b3;
  z-index: 0;
}
.seating-plan .seat.non-seat .text {
  visibility: hidden;
}
.seating-plan .seat.ui-droppable-hover {
  background-color: #dfedf7;
}
.seating-plan.datagrid {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .seating-plan.datagrid .floor {
    min-width: 80%;
  }
}
@media (min-width: 1400px) {
  .seating-plan.datagrid .floor {
    min-width: 0;
    width: 40%;
    max-width: 700px;
  }
}
.seating-plan.datagrid .seat {
  font-size: 12px;
  padding: 5px;
  height: 43px;
  white-space: normal;
}
@media (max-width: 1800px) {
  .seating-plan.datagrid .seat {
    font-size: 10.8px;
  }
}
@media (max-width: 1600px) {
  .seating-plan.datagrid .seat {
    font-size: 9.96px;
  }
}
@media (max-width: 1400px) {
  .seating-plan.datagrid .seat {
    font-size: 9px;
  }
}
@media (max-width: 1800px) {
  .seating-plan.datagrid .seat {
    padding: 4.5px;
  }
}
@media (max-width: 1600px) {
  .seating-plan.datagrid .seat {
    padding: 4.15px;
  }
}
@media (max-width: 1400px) {
  .seating-plan.datagrid .seat {
    padding: 3.75px;
  }
}
.seating-plan.datagrid .seat .seat-name {
  color: #999999;
  font-size: 10px;
  left: 5px;
  position: absolute;
  top: 5px;
}
.seating-plan.datagrid .seat .seat-content {
  padding-top: 0.9em;
  text-align: center;
}
.seating-plan.datagrid .seat .seat-traveler {
  display: none;
}
.seating-plan.datagrid .seat.non-seat {
  visibility: hidden;
}
.seating-plan.datagrid .seat.occupied {
  background-color: #f2f2f2;
}
.seating-plan.datagrid .seat.with-note {
  color: #cc0000;
}
.seating-plan.datagrid .seat.parent-selected, .seating-plan.datagrid .seat.highlight, .seating-plan.datagrid .seat.selected {
  background-color: #dfedf7;
}

.ui-draggable-dragging {
  z-index: 3;
}

.panel-editor .panel {
  float: left;
  width: 49%;
  margin-right: 1%;
}
.panel-editor .panel-content .panel-tabs {
  margin-right: -1px;
  position: relative;
  float: left;
  width: 20%;
  z-index: 1;
}
.panel-editor .panel-content .panel-tabs span {
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 10px;
  line-height: 1.1em;
  padding: 6px 8px;
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .panel-editor .panel-content .panel-tabs span {
    padding: 5.4px 7.2px;
  }
}
@media (max-width: 1600px) {
  .panel-editor .panel-content .panel-tabs span {
    padding: 4.98px 6.64px;
  }
}
@media (max-width: 1400px) {
  .panel-editor .panel-content .panel-tabs span {
    padding: 4.5px 6px;
  }
}
.panel-editor .panel-content .panel-tabs span.selected {
  border: 1px solid #b3b3b3;
  border-right-color: #fff;
  font-weight: bold;
}
.panel-editor .panel:not(.without-tabs) .panel-content .panel-grid {
  border: 1px solid #b3b3b3;
  float: left;
  width: 80%;
}
.panel-editor .datagrid {
  padding: 6px;
}
.panel-editor .datagrid th, .panel-editor .datagrid td {
  font-size: 10px;
  line-height: 1em;
  padding: 4px 6px;
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .panel-editor .datagrid th, .panel-editor .datagrid td {
    padding: 3.6px 5.4px;
  }
}
@media (max-width: 1600px) {
  .panel-editor .datagrid th, .panel-editor .datagrid td {
    padding: 3.32px 4.98px;
  }
}
@media (max-width: 1400px) {
  .panel-editor .datagrid th, .panel-editor .datagrid td {
    padding: 3px 4.5px;
  }
}
.panel-editor .datagrid th.smaller-padding, .panel-editor .datagrid td.smaller-padding {
  padding: 3px;
}
@media (max-width: 1800px) {
  .panel-editor .datagrid th.smaller-padding, .panel-editor .datagrid td.smaller-padding {
    padding: 2.7px;
  }
}
@media (max-width: 1600px) {
  .panel-editor .datagrid th.smaller-padding, .panel-editor .datagrid td.smaller-padding {
    padding: 2.49px;
  }
}
@media (max-width: 1400px) {
  .panel-editor .datagrid th.smaller-padding, .panel-editor .datagrid td.smaller-padding {
    padding: 2.25px;
  }
}
.panel-editor .datagrid th.padding-to-div, .panel-editor .datagrid td.padding-to-div {
  padding: 0;
}
.panel-editor .datagrid th.padding-to-div > div, .panel-editor .datagrid td.padding-to-div > div {
  padding: 4px 6px;
}
@media (max-width: 1800px) {
  .panel-editor .datagrid th.padding-to-div > div, .panel-editor .datagrid td.padding-to-div > div {
    padding: 3.6px 5.4px;
  }
}
@media (max-width: 1600px) {
  .panel-editor .datagrid th.padding-to-div > div, .panel-editor .datagrid td.padding-to-div > div {
    padding: 3.32px 4.98px;
  }
}
@media (max-width: 1400px) {
  .panel-editor .datagrid th.padding-to-div > div, .panel-editor .datagrid td.padding-to-div > div {
    padding: 3px 4.5px;
  }
}
.panel-editor .panel-editor-footer {
  margin-right: 1%;
  padding: 6px 0;
}
.panel-editor .panel-editor-footer form {
  display: flex;
}
.panel-editor .panel-editor-footer .form-pair {
  display: flex;
  float: left;
  margin-bottom: 0;
}
.panel-editor .panel-editor-footer .form-pair:nth-child(1) {
  margin-right: 1%;
  width: 20%;
}
.panel-editor .panel-editor-footer .form-pair:nth-child(1) .form-label {
  width: 49%;
  float: left;
}
.panel-editor .panel-editor-footer .form-pair:nth-child(2) {
  margin-right: 1%;
}
.panel-editor .panel-editor-footer .form-pair:nth-child(2) .form-control {
  padding-top: 7px;
}
@media (max-width: 1800px) {
  .panel-editor .panel-editor-footer .form-pair:nth-child(2) .form-control {
    padding-top: 6.3px;
  }
}
@media (max-width: 1600px) {
  .panel-editor .panel-editor-footer .form-pair:nth-child(2) .form-control {
    padding-top: 5.81px;
  }
}
@media (max-width: 1400px) {
  .panel-editor .panel-editor-footer .form-pair:nth-child(2) .form-control {
    padding-top: 5.25px;
  }
}
.panel-editor .panel-editor-footer .form-pair:nth-child(3) {
  flex-grow: 2;
  /*width: 69%;*/
}
.panel-editor .panel-editor-footer .form-control {
  flex-grow: 2;
}
.panel-editor .panel-editor-footer .form-label {
  text-align: right;
  padding-right: 6px;
}

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