/* line 1, ../../../src/AppBundle/Resources/sass/env.scss */
.env-info {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  line-height: 20px;
  padding: 20px;
  color: #ffffff;
  pointer-events: none;
  opacity: 0;
}

/* line 13, ../../../src/AppBundle/Resources/sass/env.scss */
.error-window {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: #ffffff;
}
/* line 22, ../../../src/AppBundle/Resources/sass/env.scss */
.error-window .close-btn {
  position: absolute;
  right: 0;
  top: 60px;
  line-height: 20px;
  padding: 20px;
  color: #ffffff;
  background-color: #c10000;
}
/* line 31, ../../../src/AppBundle/Resources/sass/env.scss */
.error-window .close-btn i {
  line-height: 20px;
}
/* line 36, ../../../src/AppBundle/Resources/sass/env.scss */
.error-window iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* global */
/* line 6, assetic_compassJ9VmVn.scss */
html {
  height: 100%;
}

/* line 10, assetic_compassJ9VmVn.scss */
body {
  background-color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}

/* line 22, assetic_compassJ9VmVn.scss */
a {
  text-decoration: none;
  outline: 0;
}
/* line 26, assetic_compassJ9VmVn.scss */
a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}

/* line 34, assetic_compassJ9VmVn.scss */
.hide {
  display: none;
}

/* line 38, assetic_compassJ9VmVn.scss */
.full, .terminal-screen .cell-image, .terminal-screen .cell-image .file-browser, .terminal-screen .cell-image .file-browser .file-preview, .terminal-screen .cell-image .file-browser .file-preview .file-preview-image, .terminal-screen .cell-image .file-browser .actions, .terminal-screen .cell-buttons {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 46, assetic_compassJ9VmVn.scss */
.bg-type-a {
  background-color: #159e00;
}

/* line 47, assetic_compassJ9VmVn.scss */
.bg-type-w {
  background-color: #ffb400;
}

/* line 48, assetic_compassJ9VmVn.scss */
.bg-type-d {
  background-color: #c10000;
}

/* line 50, assetic_compassJ9VmVn.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 51, assetic_compassJ9VmVn.scss */
.mb40 {
  margin-bottom: 40px;
}

/* line 53, assetic_compassJ9VmVn.scss */
.like-a {
  cursor: pointer;
}

/* line 57, assetic_compassJ9VmVn.scss */
ul,
ul > li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* line 64, assetic_compassJ9VmVn.scss */
.capitalize {
  text-transform: capitalize;
}

/* line 68, assetic_compassJ9VmVn.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 72, assetic_compassJ9VmVn.scss */
.clear, .application > .content .edit-container .edit-box .field .inline-btn-info:after, .application > .content .edit-container .edit-box .field .input-type-id:after, .application > .content .edit-container .edit-box .field .fotos-container .foto:after, .application > .content .edit-container .edit-box .field .list .item:after, .application > .content .edit-container .fields-editor .fields-container .item .checker .lr:after, .application > .content .edit-container .select-guest-type:after, .application > .content .list-container .list .day-head:after, .application .raport-container .avg-chart .line:after, .application .rating-boxes:after {
  clear: both;
  content: '';
  display: block;
}

/* line 78, assetic_compassJ9VmVn.scss */
.mbtn {
  display: inline-block;
  text-transform: uppercase;
  background-color: #f2f2f2;
  padding: 5px;
  color: #666666;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  font-weight: normal;
}
/* line 89, assetic_compassJ9VmVn.scss */
.mbtn.selected {
  background-color: #666666;
  color: #ffffff;
}
/* line 94, assetic_compassJ9VmVn.scss */
.mbtn.margins {
  margin: 4px 0;
}

/* line 99, assetic_compassJ9VmVn.scss */
.mlabel {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 10px;
  margin-left: 1px;
  vertical-align: 4px;
  color: #ffffff;
  background-color: #666666;
  vertical-align: middle;
}
/* line 115, assetic_compassJ9VmVn.scss */
.mlabel.mlabel-on {
  background-color: #159e00;
}
/* line 119, assetic_compassJ9VmVn.scss */
.mlabel.mlabel-off {
  background-color: #c10000;
}

/* line 125, assetic_compassJ9VmVn.scss */
.text-color-success {
  color: #159e00;
}

/* line 129, assetic_compassJ9VmVn.scss */
.text-color-change {
  color: #00a6e4;
}

/* line 133, assetic_compassJ9VmVn.scss */
.text-color-out {
  color: #ffb400;
}

/* line 137, assetic_compassJ9VmVn.scss */
.text-color-error {
  color: #c10000;
}

/* line 141, assetic_compassJ9VmVn.scss */
.background-color-success {
  background-color: #159e00;
}

/* line 145, assetic_compassJ9VmVn.scss */
.background-color-change {
  background-color: #00a6e4;
}

/* line 149, assetic_compassJ9VmVn.scss */
.background-color-out {
  background-color: #ffb400;
}

/* line 153, assetic_compassJ9VmVn.scss */
.background-color-error {
  background-color: #c10000;
}

/* line 157, assetic_compassJ9VmVn.scss */
.xbtn {
  line-height: 78px;
  height: 80px;
  width: 100%;
  display: block;
  text-align: center;
  background-color: #666666;
  color: #ffffff;
  font-weight: bold;
  font-size: 36px;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #666666;
  -webkit-appearance: none;
}
/* line 174, assetic_compassJ9VmVn.scss */
.xbtn:focus, .xbtn:active {
  color: #ffffff;
  text-decoration: none;
}
/* line 180, assetic_compassJ9VmVn.scss */
.xbtn.success {
  background-color: #159e00;
  border-color: #159e00;
}
/* line 185, assetic_compassJ9VmVn.scss */
.xbtn.change {
  background-color: #00a6e4;
  border-color: #00a6e4;
}
/* line 190, assetic_compassJ9VmVn.scss */
.xbtn.out {
  background-color: #ffb400;
  border-color: #ffb400;
}
/* line 195, assetic_compassJ9VmVn.scss */
.xbtn.error {
  background-color: #c10000;
  border-color: #c10000;
}
/* line 200, assetic_compassJ9VmVn.scss */
.xbtn:focus {
  border-width: 4px;
  border-color: #000000;
  line-height: 72px;
  padding: 0 17px;
  outline: 0;
}
/* line 208, assetic_compassJ9VmVn.scss */
.xbtn.with-icon {
  padding-right: 120px;
}
/* line 211, assetic_compassJ9VmVn.scss */
.xbtn.with-icon i {
  display: block;
  width: 100px;
  height: 80px;
  line-height: 80px;
  font-size: 50px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 224, assetic_compassJ9VmVn.scss */
.xbtn.small {
  padding: 0 10px;
  font-size: 24px;
  line-height: 40px;
  height: 40px;
}
/* line 231, assetic_compassJ9VmVn.scss */
.xbtn.w50 {
  width: 50%;
  float: left;
}
/* line 236, assetic_compassJ9VmVn.scss */
.xbtn.w40 {
  width: 40%;
  float: left;
}
/* line 241, assetic_compassJ9VmVn.scss */
.xbtn.w33 {
  width: 33.3333%;
  float: left;
}
/* line 246, assetic_compassJ9VmVn.scss */
.xbtn.w25 {
  width: 25%;
  float: left;
}
/* line 251, assetic_compassJ9VmVn.scss */
.xbtn.w20 {
  width: 20%;
  float: left;
}
/* line 256, assetic_compassJ9VmVn.scss */
.xbtn.w10 {
  width: 10%;
  float: left;
}
/* line 261, assetic_compassJ9VmVn.scss */
.xbtn.border-right {
  border-right: 1px solid #ffffff;
}
/* line 265, assetic_compassJ9VmVn.scss */
.xbtn.left-btn {
  font-weight: normal;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 24px;
}
/* line 272, assetic_compassJ9VmVn.scss */
.xbtn.left-btn:focus {
  padding-left: 27px;
  padding-right: 27px;
}
/* line 278, assetic_compassJ9VmVn.scss */
.xbtn:active, .xbtn:hover {
  color: #606060;
  text-decoration: none;
  background-color: #ffffff;
}
/* line 284, assetic_compassJ9VmVn.scss */
.xbtn:active.success, .xbtn:hover.success {
  color: #159e00;
}
/* line 288, assetic_compassJ9VmVn.scss */
.xbtn:active.out, .xbtn:hover.out {
  color: #ffb400;
}
/* line 292, assetic_compassJ9VmVn.scss */
.xbtn:active.error, .xbtn:hover.error {
  color: #c10000;
}
/* line 298, assetic_compassJ9VmVn.scss */
.xbtn.custom:active, .xbtn.custom:hover {
  background-color: #ffffff !important;
}

/* line 305, assetic_compassJ9VmVn.scss */
.icobtn, .application > .content .edit-actions .action, .application > .content .list-container .list a.with-button .btn {
  display: block;
  height: 80px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  padding: 44px 0 0 0;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  line-height: 32px;
}
/* line 318, assetic_compassJ9VmVn.scss */
.icobtn em, .application > .content .edit-actions .action em, .application > .content .list-container .list a.with-button .btn em {
  position: absolute;
  left: 50%;
  top: 40%;
  background-color: #ffffff;
  border-radius: 14px;
  width: 28px;
  height: 28px;
  display: block;
  margin-left: -14px;
  margin-top: -14px;
}
/* line 331, assetic_compassJ9VmVn.scss */
.icobtn i, .application > .content .edit-actions .action i, .application > .content .list-container .list a.with-button .btn i {
  position: absolute;
  font-size: 36px;
  display: block;
  left: 0;
  right: 0;
  top: 6px;
  line-height: 50px;
  text-align: center;
}
/* line 343, assetic_compassJ9VmVn.scss */
.icobtn.just-ico i, .application > .content .edit-actions .just-ico.action i, .application > .content .list-container .list a.with-button .just-ico.btn i {
  top: 0;
  line-height: 80px;
  font-size: 44px;
}
/* line 350, assetic_compassJ9VmVn.scss */
.icobtn.dark, .application > .content .edit-actions .dark.action, .application > .content .list-container .list a.with-button .dark.btn {
  background-color: #ffffff;
  color: #666666;
}
/* line 354, assetic_compassJ9VmVn.scss */
.icobtn.dark:hover, .application > .content .edit-actions .dark.action:hover, .application > .content .list-container .list a.with-button .dark.btn:hover {
  background-color: #ffffff;
  color: #666666;
}
/* line 361, assetic_compassJ9VmVn.scss */
.icobtn.circle i, .application > .content .edit-actions .circle.action i, .application > .content .list-container .list a.with-button .circle.btn i {
  left: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: -20px;
  border-radius: 20px;
  background-color: #666666;
  color: #ffffff;
  right: auto;
  font-size: 26px;
}
/* line 375, assetic_compassJ9VmVn.scss */
.icobtn.circle.just-ico i, .application > .content .edit-actions .circle.just-ico.action i, .application > .content .list-container .list a.with-button .circle.just-ico.btn i {
  width: 60px;
  height: 60px;
  top: 10px;
  line-height: 60px;
  font-size: 32px;
  border-radius: 30px;
  margin-left: -30px;
}

/* line 389, assetic_compassJ9VmVn.scss */
.outer-form {
  height: 100%;
  width: 100%;
}

/* line 394, assetic_compassJ9VmVn.scss */
.application {
  height: 100%;
  width: 100%;
  position: relative;
  padding-left: 200px;
}
/* line 400, assetic_compassJ9VmVn.scss */
.application > .top {
  left: 200px;
  position: absolute;
  top: 0;
  height: 60px;
  right: 0;
}
/* line 407, assetic_compassJ9VmVn.scss */
.application > .top > .left {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #666666;
  left: -200px;
  right: 50%;
}
/* line 415, assetic_compassJ9VmVn.scss */
.application > .top > .left .burger,
.application > .top > .left .search {
  display: none;
}
/* line 420, assetic_compassJ9VmVn.scss */
.application > .top > .left .company {
  display: none;
  float: left;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  padding-left: 20px;
  line-height: 60px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}
/* line 435, assetic_compassJ9VmVn.scss */
.application > .top > .left .logo {
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 60px;
  background: url("/bundles/app/img/logo-limeaccess-white.png") no-repeat center center;
  background-size: contain;
}
/* line 447, assetic_compassJ9VmVn.scss */
.application > .top > .left .user {
  line-height: 60px;
  color: #ffffff;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 200px;
  position: absolute;
  text-align: center;
  font-size: 25px;
  position: relative;
}
/* line 459, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .up {
  font-style: italic;
  padding-top: 8px;
  opacity: 0.7;
}
/* line 464, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .up.one {
  padding-top: 18px;
}
/* line 469, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .down {
  padding-bottom: 8px;
}
/* line 473, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .down,
.application > .top > .left .user .up {
  font-size: 18px;
  display: block;
  line-height: 22px;
}
/* line 479, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .down span,
.application > .top > .left .user .up span {
  text-transform: uppercase;
}
/* line 484, assetic_compassJ9VmVn.scss */
.application > .top > .left .user a {
  color: #ffffff;
}
/* line 488, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .logout {
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  color: #72fa8b;
  cursor: pointer;
}
/* line 500, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .selfservice-manual {
  position: absolute;
  left: 200px;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #000000;
  display: block;
  text-align: center;
}
/* line 511, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .selfservice-manual.is-on {
  color: #72fa8b;
}
/* line 516, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .dropdown {
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 3;
  background-color: #666666;
  line-height: 42px;
}
/* line 525, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .dropdown a {
  text-transform: none;
  display: block;
  font-size: 24px;
  color: #ffffff;
  padding: 0 20px;
}
/* line 532, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .dropdown a:hover {
  background-color: #505050;
}
/* line 537, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .dropdown.opened {
  display: block;
}
/* line 542, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .langs {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 13px;
  line-height: 16px;
}
/* line 550, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .langs a {
  text-transform: uppercase;
  opacity: 0.3;
}
/* line 554, assetic_compassJ9VmVn.scss */
.application > .top > .left .user .langs a.selected {
  opacity: 1;
}
/* line 562, assetic_compassJ9VmVn.scss */
.application > .top > .right {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #505050;
  left: 50%;
  right: 0;
  padding: 10px 30px;
}
/* line 571, assetic_compassJ9VmVn.scss */
.application > .top > .right input {
  background-color: #f2f2f2;
  line-height: 30px;
  padding: 5px 20px;
  color: #666666;
  font-size: 24px;
  border: 0;
  border-radius: 20px;
  width: 100%;
}
/* line 584, assetic_compassJ9VmVn.scss */
.application > .undermenu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
}
/* line 590, assetic_compassJ9VmVn.scss */
.application > .undermenu .tutorial-link {
  display: block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #2b2b2b;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 601, assetic_compassJ9VmVn.scss */
.application > .undermenu .tutorial-link i {
  color: #fed700;
  font-size: 34px;
  vertical-align: -5px;
  margin-right: 10px;
}
/* line 608, assetic_compassJ9VmVn.scss */
.application > .undermenu .tutorial-link:hover {
  background-color: #ffffff;
  color: #666666;
}
/* line 612, assetic_compassJ9VmVn.scss */
.application > .undermenu .tutorial-link:hover i {
  color: #fed700;
}
/* line 618, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info {
  display: block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background-color: #666666;
}
/* line 625, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info i {
  display: inline-block;
  width: 30px;
  text-align: center;
  color: #000000;
}
/* line 631, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info i.info-init {
  color: #ffb400;
}
/* line 632, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info i.info-success {
  color: #1bcd00;
}
/* line 633, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info i.info-error {
  color: #c10000;
}
/* line 634, assetic_compassJ9VmVn.scss */
.application > .undermenu .status-info i.is-progress {
  animation-duration: 0.4s;
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/* line 644, assetic_compassJ9VmVn.scss */
.application > .menu {
  position: absolute;
  left: 0;
  width: 200px;
  top: 60px;
  bottom: 120px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #505050;
}
/* line 654, assetic_compassJ9VmVn.scss */
.application > .menu .header {
  text-transform: uppercase;
  text-align: center;
  height: 80px;
  line-height: 80px;
  font-size: 36px;
  color: #ffffff;
}
/* line 665, assetic_compassJ9VmVn.scss */
.application > .menu ul li a {
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #ffffff;
  position: relative;
  background-color: #606060;
  /*transition: background-color .2s;*/
  text-decoration: none;
}
/* line 678, assetic_compassJ9VmVn.scss */
.application > .menu ul li a.with-icon {
  padding-top: 48px;
}
/* line 681, assetic_compassJ9VmVn.scss */
.application > .menu ul li a.with-icon i {
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 26px;
  width: 100%;
  text-align: center;
}
/* line 692, assetic_compassJ9VmVn.scss */
.application > .menu ul li select {
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #ffffff;
  background-color: #606060;
  text-decoration: none;
  border: 0;
  -webkit-appearance: none;
  outline: 0;
}
/* line 708, assetic_compassJ9VmVn.scss */
.application > .menu ul li:nth-child(even) a, .application > .menu ul li:nth-child(even) select {
  background-color: #505050;
}
/* line 713, assetic_compassJ9VmVn.scss */
.application > .menu ul li a.bg-error {
  background-color: #5e0000;
}
/* line 718, assetic_compassJ9VmVn.scss */
.application > .menu ul li a:hover, .application > .menu ul li a:active, .application > .menu ul li a.selected {
  text-decoration: none;
  background-color: #ffffff;
  color: #606060;
}
/* line 727, assetic_compassJ9VmVn.scss */
.application > .menu ul li.sub-select {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #2b2b2b;
}
/* line 732, assetic_compassJ9VmVn.scss */
.application > .menu ul li.sub-select a {
  text-align: left;
  background-color: #2b2b2b;
  font-size: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 742, assetic_compassJ9VmVn.scss */
.application > .menu ul li.sub-select a i {
  display: inline-block;
  width: 15px;
  text-align: left;
}
/* line 748, assetic_compassJ9VmVn.scss */
.application > .menu ul li.sub-select a:hover {
  color: #ffffff;
}
/* line 757, assetic_compassJ9VmVn.scss */
.application > .content {
  position: absolute;
  left: 200px;
  top: 60px;
  bottom: 0;
  right: 0;
}
/* line 764, assetic_compassJ9VmVn.scss */
.application > .content .inner-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 772, assetic_compassJ9VmVn.scss */
.application > .content .head {
  text-align: center;
  line-height: 80px;
  height: 80px;
  font-size: 36px;
  color: #505050;
  overflow: hidden;
  text-transform: uppercase;
  position: relative;
}
/* line 782, assetic_compassJ9VmVn.scss */
.application > .content .head.blue {
  background-color: #316695;
  color: #ffffff;
}
/* line 787, assetic_compassJ9VmVn.scss */
.application > .content .head a.sort-handler {
  position: absolute;
  display: block;
  background-color: #ffffff;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  padding: 10px;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
/* line 800, assetic_compassJ9VmVn.scss */
.application > .content .head a.close-w {
  position: absolute;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  padding: 10px;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}
/* line 811, assetic_compassJ9VmVn.scss */
.application > .content .head .tags-selector {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 30px;
  font-size: 24px;
  max-width: 200px;
}
/* line 820, assetic_compassJ9VmVn.scss */
.application > .content .head .tags-selector select {
  width: 100%;
}
/* line 824, assetic_compassJ9VmVn.scss */
.application > .content .head .tags-selector a {
  position: absolute;
  width: 30px;
  text-align: center;
  left: -30px;
  top: 0;
  color: #000000;
}
/* line 834, assetic_compassJ9VmVn.scss */
.application > .content .head .sort-selector {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 30px;
  font-size: 24px;
  max-width: 200px;
}
/* line 843, assetic_compassJ9VmVn.scss */
.application > .content .head .sort-selector select {
  width: 100%;
}
/* line 848, assetic_compassJ9VmVn.scss */
.application > .content .head .flex {
  display: flex;
}
/* line 853, assetic_compassJ9VmVn.scss */
.application > .content .head .flex .left a,
.application > .content .head .flex .right a {
  padding: 10px;
  display: inline-block;
  line-height: 60px;
  color: #000000;
}
/* line 861, assetic_compassJ9VmVn.scss */
.application > .content .head .flex .center {
  flex-grow: 1;
  text-align: center;
}
/* line 868, assetic_compassJ9VmVn.scss */
.application > .content > .left {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fef4da;
  transition: bottom .2s ease-out;
}
/* line 880, assetic_compassJ9VmVn.scss */
.application > .content > .left.custom-big {
  width: 100%;
  z-index: 1;
  background-color: #ffffff;
}
/* line 886, assetic_compassJ9VmVn.scss */
.application > .content > .left.custom-evacuation {
  background-color: #ffe5e5 !important;
}
/* line 891, assetic_compassJ9VmVn.scss */
.application > .content > .right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  box-shadow: 0 0 0 transparent;
  transition: bottom .2s ease-out, width .2s ease-out, box-shadow .2s;
}
/* line 904, assetic_compassJ9VmVn.scss */
.application > .content > .right .head {
  background-color: #f2f2f2;
}
/* line 907, assetic_compassJ9VmVn.scss */
.application > .content > .right .head.title {
  background-color: #ffffff;
  font-weight: bold;
}
/* line 912, assetic_compassJ9VmVn.scss */
.application > .content > .right .head.blocked {
  background-color: #c10000;
  color: #ffffff;
  font-weight: bold;
}
/* line 918, assetic_compassJ9VmVn.scss */
.application > .content > .right .head .m-actions {
  position: absolute;
  left: 10px;
  top: 50%;
  line-height: 32px;
  transform: translate(0, -50%);
}
/* line 925, assetic_compassJ9VmVn.scss */
.application > .content > .right .head .m-actions a {
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  display: block;
}
/* line 934, assetic_compassJ9VmVn.scss */
.application > .content > .right.custom-biggie {
  width: 90%;
  z-index: 3 !important;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}
/* line 939, assetic_compassJ9VmVn.scss */
.application > .content > .right.custom-biggie .edit-container .edit-box {
  padding: 0;
}
/* line 945, assetic_compassJ9VmVn.scss */
.application > .content #progress-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  height: 80px;
  background-color: #ffffff;
  transition: bottom .2s ease-out;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f2f2f2;
}
/* line 957, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
/* line 962, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out {
  height: 80px;
  position: relative;
  padding: 8px 8px 8px 80px;
  cursor: pointer;
}
/* line 968, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out i {
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  border-radius: 25px;
}
/* line 981, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out .label-1,
.application > .content #progress-info .item .out .label-2 {
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* line 989, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out .label-1 {
  font-size: 18px;
}
/* line 993, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out .label-2 {
  text-transform: capitalize;
  top: 40px;
}
/* line 997, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item .out .label-2 span {
  text-transform: uppercase;
}
/* line 1004, assetic_compassJ9VmVn.scss */
.application > .content #progress-info .item.status-loading .out {
  animation-duration: .5s;
  animation-name: thinker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-timing-function: ease-in-out;
}
/* line 1016, assetic_compassJ9VmVn.scss */
.application > .content.has-progress-info > .left,
.application > .content.has-progress-info > .right {
  bottom: 80px;
}
/* line 1021, assetic_compassJ9VmVn.scss */
.application > .content.has-progress-info #progress-info {
  bottom: 0;
}
/* line 1026, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions {
  height: 80px;
  display: flex;
  overflow: hidden;
  position: relative;
}
/* line 1032, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .more-actions {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  transition: left .2s ease-out;
}
/* line 1041, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .more-actions.opened {
  left: 0;
}
/* line 1046, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action {
  flex-grow: 1;
  flex-basis: 0;
  background-color: #666666;
  /*
  &:hover,
  &.active {
  	background-color: $color-white;
  	color: $color-gray;
  }
  */
  				/*
  				&.w50 {
  					width: 50%;
  				}
  
  				&.w100 {
  					width: 100%;
  				}
  				*/
}
/* line 1052, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.bg-type-a {
  background-color: #159e00;
}
/* line 1053, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.bg-type-w {
  background-color: #ffb400;
}
/* line 1054, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.bg-type-d {
  background-color: #c10000;
}
/* line 1056, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.just-text {
  padding: 0 5px;
  line-height: 18px;
}
/* line 1060, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.just-text span {
  padding: 0 5px;
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 1071, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.just-ico {
  flex-grow: 0;
  flex-basis: 80px;
}
/* line 1076, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.fit-content {
  flex-grow: 0;
  flex-basis: content;
}
/* line 1081, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.messages {
  padding: 0;
}
/* line 1084, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.messages a {
  height: 26px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  text-align: left;
  padding: 0 5px;
  opacity: 0.8;
}
/* line 1095, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.messages a:hover {
  opacity: 1;
}
/* line 1101, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action:nth-child(1) {
  background-color: #a0a0a0;
}
/* line 1105, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action:nth-child(2) {
  background-color: #808080;
}
/* line 1109, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action:nth-child(3) {
  background-color: #666666;
}
/* line 1113, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.deactivate-handler {
  background-color: #159e00;
}
/* line 1117, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.activate-handler {
  background-color: #c10000;
}
/* line 1139, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.success {
  background-color: #159e00;
  color: #ffffff;
}
/* line 1144, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.error {
  background-color: #c10000;
  color: #ffffff;
}
/* line 1149, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.change {
  background-color: #00a6e4;
  color: #ffffff;
}
/* line 1154, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.out {
  background-color: #ffb400;
  color: #ffffff;
}
/* line 1159, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions .action.blank {
  background-color: #666666;
  color: #ffffff;
}
/* line 1167, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions.blue a.action:nth-child(1) {
  background-color: #254c6e;
}
/* line 1171, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions.blue a.action:nth-child(2) {
  background-color: #183f60;
}
/* line 1175, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions.blue a.action:nth-child(3) {
  background-color: #254c6e;
}
/* line 1179, assetic_compassJ9VmVn.scss */
.application > .content .edit-actions.blue a.action:hover, .application > .content .edit-actions.blue a.action.active {
  background-color: #ffffff;
  color: #666666;
}
/* line 1189, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box {
  padding: 40px 50px;
  color: #505050;
  font-size: 24px;
  position: relative;
}
/* line 1195, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box > form {
  display: flex;
  flex-direction: column;
}
/* line 1198, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box > form > * {
  order: 10;
}
/* line 1201, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box > form > *.field-move-to-basic {
  order: 1;
}
/* line 1207, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .corner-button {
  position: absolute;
  right: 0;
  top: -160px;
  width: 100px;
}
/* line 1214, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .group-container {
  display: none;
}
/* line 1218, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .edit-trash {
  display: none;
}
/* line 1222, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box h3 {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 60px;
}
/* line 1228, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box h3:first-child {
  margin-top: 0;
}
/* line 1233, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box h4 {
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  margin-top: 100px;
  padding-bottom: 20px;
}
/* line 1241, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box h4.nmt {
  margin-top: 0;
}
/* line 1246, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box p.header-info {
  margin-bottom: 50px;
  font-size: 20px;
}
/* line 1251, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field {
  margin-bottom: 30px;
  position: relative;
}
/* line 1255, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field > label {
  display: block;
  font-weight: normal;
  width: 100%;
  font-size: 24px;
}
/* line 1261, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field > label > span {
  opacity: 0.5;
}
/* line 1264, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field > label > span.visible {
  display: block;
}
/* line 1271, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-fold > label i {
  margin-right: 10px;
}
/* line 1274, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-fold > label i:before {
  content: "\f13a";
}
/* line 1280, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-fold.folded > label i:before {
  content: "\f138";
}
/* line 1284, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-fold.folded .container-items {
  display: none;
}
/* line 1290, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field > span,
.application > .content .edit-container .edit-box .field input[type="text"],
.application > .content .edit-container .edit-box .field input[type="email"],
.application > .content .edit-container .edit-box .field input[type="password"],
.application > .content .edit-container .edit-box .field textarea,
.application > .content .edit-container .edit-box .field select {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  width: 100%;
  display: block;
  -webkit-appearance: none;
}
/* line 1304, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea,
.application > .content .edit-container .edit-box .field input[type="text"],
.application > .content .edit-container .edit-box .field input[type="email"],
.application > .content .edit-container .edit-box .field input[type="password"],
.application > .content .edit-container .edit-box .field select {
  border: 1px solid #666666;
  display: none;
}
/* line 1312, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.required,
.application > .content .edit-container .edit-box .field input[type="text"].required,
.application > .content .edit-container .edit-box .field input[type="email"].required,
.application > .content .edit-container .edit-box .field input[type="password"].required,
.application > .content .edit-container .edit-box .field select.required {
  border: 1px solid #c10000;
}
/* line 1316, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.half,
.application > .content .edit-container .edit-box .field input[type="text"].half,
.application > .content .edit-container .edit-box .field input[type="email"].half,
.application > .content .edit-container .edit-box .field input[type="password"].half,
.application > .content .edit-container .edit-box .field select.half {
  width: 50%;
}
/* line 1320, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.mini,
.application > .content .edit-container .edit-box .field input[type="text"].mini,
.application > .content .edit-container .edit-box .field input[type="email"].mini,
.application > .content .edit-container .edit-box .field input[type="password"].mini,
.application > .content .edit-container .edit-box .field select.mini {
  width: 60px;
}
/* line 1324, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.inline,
.application > .content .edit-container .edit-box .field input[type="text"].inline,
.application > .content .edit-container .edit-box .field input[type="email"].inline,
.application > .content .edit-container .edit-box .field input[type="password"].inline,
.application > .content .edit-container .edit-box .field select.inline {
  display: inline-block;
}
/* line 1330, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.maxi {
  height: 200px;
}
/* line 1334, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.is-yml {
  height: 300px;
  font-family: 'Courier New';
  font-size: 12px;
  line-height: 16px;
}
/* line 1341, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field textarea.short {
  height: 50px;
}
/* line 1346, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .required-label,
.application > .content .edit-container .edit-box .field .error-label {
  color: #c10000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  display: none;
  margin-top: 5px;
}
/* line 1356, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .required-label i,
.application > .content .edit-container .edit-box .field .error-label i {
  float: right;
  font-size: 36px;
}
/* line 1363, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.show-error .required-label,
.application > .content .edit-container .edit-box .field.show-error .error-label {
  display: block;
}
/* line 1369, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.with-handlers {
  padding-right: 30px;
}
/* line 1372, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.with-handlers .handler {
  position: absolute;
  right: 0;
  top: 36px;
  color: #666666;
  display: block;
}
/* line 1380, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.with-handlers .add-handler {
  display: none;
}
/* line 1385, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.with-handlers.is-new .add-handler {
  display: block;
}
/* line 1389, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.with-handlers.is-new .del-handler {
  display: none;
}
/* line 1395, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.main-checkbox {
  position: relative;
  padding-left: 30px;
}
/* line 1399, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.main-checkbox input {
  position: absolute;
  left: 0;
  top: 6px;
}
/* line 1406, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container {
  position: relative;
}
/* line 1409, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  right: 0;
  border: 1px solid #666666;
  z-index: 1;
  background-color: #ffffff;
  line-height: 32px;
  max-height: 160px;
  overflow-y: auto;
  /*
  .term-button {
  	display: none;
  }
  */
}
/* line 1422, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown a {
  display: block;
  color: #666666;
}
/* line 1426, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown a i {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin-right: 5px;
  font-size: 20px;
}
/* line 1434, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown a:hover, .application > .content .edit-container .edit-box .field .input-container .dropdown a.selected {
  color: #ffffff;
  background-color: #606060;
}
/* line 1447, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown .term-button {
  display: none;
  background-color: #159e00;
  color: #ffffff;
  padding: 0 10px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 32px;
  vertical-align: top;
}
/* line 1457, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .dropdown .term-button.tb-create {
  background-color: #00a6e4;
  display: inline-block;
}
/* line 1464, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .text-input-container {
  position: relative;
}
/* line 1468, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container .clear-handler {
  position: absolute;
  right: 8px;
  top: 1px;
  display: block;
  font-size: 16px;
  color: #000000;
}
/* line 1478, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container.multiple-inputs .input-line {
  margin-bottom: 5px;
  position: relative;
}
/* line 1482, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-container.multiple-inputs .input-line a {
  position: absolute;
  right: -30px;
  top: 0;
}
/* line 1491, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .data-container {
  margin: 6px 0;
  border: 1px solid #e8e8e8;
  padding: 10px;
  font-size: 20px;
  line-height: 26px;
  columns: 2;
}
/* line 1499, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .data-container .info {
  margin-bottom: 4px;
}
/* line 1502, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .data-container .info strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
}
/* line 1510, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row {
  line-height: 22px;
  position: relative;
  padding-left: 30px;
  font-size: 18px;
}
/* line 1516, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row .checkbox-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
/* line 1522, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row .checkbox-c input {
  -webkit-appearance: checkbox;
}
/* line 1527, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row label {
  font-weight: normal;
  font-size: 18px;
}
/* line 1532, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row.with-padding {
  padding-left: 50px;
}
/* line 1535, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .check-row.with-padding .checkbox-c {
  left: 20px;
}
/* line 1544, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .inline-btn-info label {
  float: left;
  width: 30%;
  padding-left: 30px;
}
/* line 1550, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .inline-btn-info input {
  float: left;
  width: 34%;
  margin-left: 1%;
}
/* line 1555, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .inline-btn-info input.maxi {
  width: 69%;
}
/* line 1561, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.no-margin-bottom {
  margin-bottom: 10px;
}
/* line 1566, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-type-id select {
  float: left;
  width: 50%;
}
/* line 1571, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .input-type-id input[type="text"] {
  float: left;
  width: 50%;
}
/* line 1582, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .fotos-container .foto {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 10px;
}
/* line 1587, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .fotos-container .foto .left {
  float: left;
  width: 40%;
  padding-right: 20px;
  line-height: 0;
  font-size: 0;
}
/* line 1594, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .fotos-container .foto .left img {
  width: 100%;
  height: auto;
}
/* line 1600, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .fotos-container .foto .right {
  float: left;
  width: 60%;
}
/* line 1611, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container {
  display: none;
  padding: 0;
}
/* line 1615, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar {
  background-color: #a0a0a0;
  height: 40px;
  border-radius: 20px;
  position: relative;
  color: #000000;
}
/* line 1622, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar a {
  color: #000000;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
}
/* line 1631, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar a i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 1639, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar a.button-play, .application > .content .edit-container .edit-box .field .sound-container .sound-bar a.button-pause {
  left: 20px;
}
/* line 1644, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar a.button-pause {
  display: none;
}
/* line 1649, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container .sound-bar span {
  display: block;
  line-height: 40px;
  height: 40px;
  text-align: center;
}
/* line 1659, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container.playing .sound-bar a.button-pause {
  display: block;
}
/* line 1663, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .sound-container.playing .sound-bar a.button-play {
  display: none;
}
/* line 1672, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .files-browser .files-container .line {
  padding: 0 40px;
  position: relative;
  margin-bottom: 3px;
}
/* line 1677, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .files-browser .files-container .line span {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
/* line 1683, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .files-browser .files-container .line a {
  display: block;
  width: 40px;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
}
/* line 1691, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .files-browser .files-container .line .download-handler {
  position: absolute;
  left: 0;
}
/* line 1696, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .files-browser .files-container .line .remove-handler {
  position: absolute;
  right: 0;
  display: none;
}
/* line 1705, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field p.info {
  font-size: 15px;
  line-height: 18px;
  font-style: italic;
  display: none;
}
/* line 1711, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field p.info.always-show {
  display: block;
}
/* line 1722, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit > span {
  display: none;
}
/* line 1725, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit > span.show-when-edit {
  display: block;
}
/* line 1730, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit textarea,
.application > .content .edit-container .edit-box .field.always-edit input,
.application > .content .edit-container .edit-box .field.always-edit select {
  display: block;
}
/* line 1735, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit textarea.half,
.application > .content .edit-container .edit-box .field.always-edit input.half,
.application > .content .edit-container .edit-box .field.always-edit select.half {
  display: inline-block;
}
/* line 1740, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit textarea.big {
  height: 200px;
}
/* line 1744, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.always-edit p.info {
  display: block;
}
/* line 1750, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.field-consent .signature-image {
  display: none;
}
/* line 1753, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.field-consent .signature-image img {
  height: 100px;
  width: auto;
}
/* line 1758, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.field-consent .signature-image.show-preview {
  display: block;
}
/* line 1764, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .tiles {
  margin: 0 -5px;
  font-size: 0;
  line-height: 0;
}
/* line 1769, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .tiles a {
  display: inline-block;
  margin: 5px;
  border: 2px solid #666666;
  color: #666666;
  padding: 3px 20px;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  pointer-events: none;
}
/* line 1780, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .tiles a:not(.selected) {
  background-color: transparent !important;
}
/* line 1784, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .tiles a.selected {
  color: #ffffff;
  background-color: #666666;
}
/* line 1792, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .list .item {
  display: block;
  padding-left: 40px;
  color: #666666;
  margin-bottom: 5px;
  position: relative;
  pointer-events: none;
}
/* line 1802, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .list .item.zero-v {
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
  font-weight: bold;
}
/* line 1808, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .list .item i {
  position: absolute;
  top: 7px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #666666;
  background-color: #ffffff;
  display: block;
  content: '';
}
/* line 1821, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .list .item.selected i:after {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #666666;
  display: block;
  content: '';
}
/* line 1834, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .list .item.partial-selected i:after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 0 0;
  border-color: #666666 transparent transparent transparent;
  display: block;
  content: '';
}
/* line 1850, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item {
  display: flex;
  padding-left: 0;
}
/* line 1854, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item .labels {
  display: block;
  white-space: nowrap;
  padding-right: 10px;
}
/* line 1859, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item .labels a {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #666666;
  color: #666666;
}
/* line 1865, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item .labels a.selected {
  background-color: #666666;
  color: #ffffff;
}
/* line 1872, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item.zero-v .labels {
  font-weight: normal;
}
/* line 1876, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item.partial-selected .labels {
  opacity: 0.6;
}
/* line 1880, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field.param-labels .list .item .name {
  display: block;
}
/* line 1885, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .images {
  margin: 0 -5px;
  font-size: 0;
  line-height: 0;
}
/* line 1890, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .images .image {
  display: inline-block;
  margin: 5px;
  width: 100px;
  position: relative;
  cursor: pointer;
  pointer-events: none;
}
/* line 1898, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .images .image i {
  width: 100%;
  height: 100px;
  display: block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: opacity .2s;
}
/* line 1909, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .images .image span {
  margin: 5px 0 10px 0;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  height: 42px;
  overflow: hidden;
}
/* line 1920, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .images .image.selected i {
  opacity: 1;
}
/* line 1927, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box {
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
  border: 1px solid #e8e8e8;
}
/* line 1933, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box ul {
  padding-left: 0;
}
/* line 1936, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 4px;
}
/* line 1943, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box ol {
  padding-left: 0;
}
/* line 1946, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box ol li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 4px;
}
/* line 1953, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box a.button {
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  padding: 4px 16px;
  background-color: #a0a0a0;
  color: #000000;
  text-decoration: none;
  margin: 5px 0;
}
/* line 1963, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .info-box a.button.full-w {
  display: block;
  text-align: center;
}
/* line 1970, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .training-slide-answers {
  margin-bottom: 15px;
  margin-left: 20px;
  padding-left: 10px;
  border-left: 6px solid #e8e8e8;
}
/* line 1976, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .training-slide-answers .correct-0,
.application > .content .edit-container .edit-box .field .training-slide-answers .corrent-off {
  color: #c10000;
}
/* line 1981, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .edit-box .field .training-slide-answers .correct-1,
.application > .content .edit-container .edit-box .field .training-slide-answers .correct-on {
  color: #159e00;
}
/* line 1989, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .cancel-handler,
.application > .content .edit-container .save-handler {
  display: none;
}
/* line 1994, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .hide-when-non-edit {
  display: none;
}
/* line 2006, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field > span {
  display: none;
}
/* line 2009, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field > span.show-when-edit {
  display: block;
}
/* line 2014, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field textarea,
.application > .content .edit-container.editable .edit-box .field input,
.application > .content .edit-container.editable .edit-box .field select {
  display: block;
}
/* line 2019, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field textarea.half,
.application > .content .edit-container.editable .edit-box .field input.half,
.application > .content .edit-container.editable .edit-box .field select.half {
  display: inline-block;
}
/* line 2024, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field textarea.big {
  height: 200px;
}
/* line 2028, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field p.info {
  display: block;
}
/* line 2035, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field .files-browser .files-container .line .remove-handler {
  display: block;
}
/* line 2042, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .edit-box .field .images .image,
.application > .content .edit-container.editable .edit-box .field .list a,
.application > .content .edit-container.editable .edit-box .field .tiles a,
.application > .content .edit-container.editable .edit-box .field > label.with-checkbox {
  pointer-events: all;
}
/* line 2051, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .cancel-handler,
.application > .content .edit-container.editable .save-handler {
  display: block;
}
/* line 2056, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .hide-when-edit {
  display: none;
}
/* line 2060, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .hide-when-non-edit {
  display: block;
}
/* line 2068, assetic_compassJ9VmVn.scss */
.application > .content .edit-container.editable .fields-editor .fields-container .item .name span {
  right: 70px;
}
/* line 2078, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .field-template {
  display: none;
}
/* line 2082, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item {
  padding-right: 30px;
  position: relative;
  margin-bottom: 20px;
}
/* line 2087, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name {
  font-weight: bold;
  margin-bottom: 5px;
  position: relative;
}
/* line 2092, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
  color: #666666;
}
/* line 2099, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span input {
  display: none;
}
/* line 2103, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span a {
  color: #666666;
}
/* line 2106, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span a i {
  display: none;
}
/* line 2111, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span a:hover i {
  display: inline-block;
}
/* line 2118, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span.opened input {
  display: block;
}
/* line 2122, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .name span.opened a {
  display: none;
}
/* line 2129, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker {
  line-height: 22px;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  margin-bottom: 5px;
}
/* line 2137, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker .checkbox-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
/* line 2143, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker .checkbox-c input {
  -webkit-appearance: checkbox;
}
/* line 2148, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker label {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}
/* line 2154, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker p {
  margin: 10px 0 5px 0;
}
/* line 2157, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker p.info {
  font-style: italic;
}
/* line 2162, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker .lr {
  margin-bottom: 2px;
}
/* line 2165, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker .lr label {
  float: left;
  width: 20%;
  margin-top: 6px;
  padding-right: 10px;
  text-align: right;
}
/* line 2173, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .checker .lr input {
  float: left;
  width: 80%;
}
/* line 2184, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .info-reply {
  margin-bottom: 1px;
  padding-left: 30px;
  position: relative;
}
/* line 2189, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item .info-reply i {
  position: absolute;
  left: 2px;
  top: 7px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: block;
}
/* line 2200, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item a.del-handler {
  display: block;
  color: #666666;
  position: absolute;
  right: 40px;
  top: 10px;
}
/* line 2208, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item a.move-up-handler,
.application > .content .edit-container .fields-editor .fields-container .item a.move-down-handler {
  background-color: #e8e8e8;
  display: block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 50%;
  top: 0;
  color: #000000;
}
/* line 2219, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item a.move-up-handler:hover,
.application > .content .edit-container .fields-editor .fields-container .item a.move-down-handler:hover {
  background-color: #a0a0a0;
  color: #ffffff;
}
/* line 2224, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item a.move-up-handler i,
.application > .content .edit-container .fields-editor .fields-container .item a.move-down-handler i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
/* line 2233, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item a.move-down-handler {
  top: 50%;
}
/* line 2237, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .fields-editor .fields-container .item.with-bg {
  background-color: #f2f2f2;
  padding: 10px 40px 10px 10px;
}
/* line 2245, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .guest-type-bar {
  padding: 5px 0 5px 50px;
  color: #ffffff;
  border-radius: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  position: relative;
  margin-top: 5px;
}
/* line 2256, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .guest-type-bar i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}
/* line 2272, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type {
  display: block;
  width: 100%;
  padding: 4px 10px 4px 50px;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  /*
  input:focus + span {
  	opacity: 0.5;
  }
  */
}
/* line 2281, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type input {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  opacity: 0;
}
/* line 2291, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type > i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  opacity: 0.5;
}
/* line 2300, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type > i > i {
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 18px;
  background-color: #ffffff;
}
/* line 2314, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type .bg {
  pointer-events: none;
  position: absolute;
  left: 20px;
  right: 10px;
  top: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 40px;
  display: block;
  opacity: 0;
}
/* line 2327, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #000000;
  background-color: transparent !important;
  position: relative;
}
/* line 2338, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type:hover > i {
  opacity: 1;
}
/* line 2341, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type:hover > i > i {
  background-color: transparent;
  color: #ffffff !important;
}
/* line 2348, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type input:checked + span {
  opacity: 1;
}
/* line 2351, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type input:checked + span + i {
  opacity: 1;
}
/* line 2354, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type input:checked + span + i > i {
  background-color: transparent;
  color: #ffffff !important;
}
/* line 2359, assetic_compassJ9VmVn.scss */
.application > .content .edit-container .select-guest-type .guest-type input:checked + span + i + .name {
  color: #ffffff;
}
/* line 2377, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list .day-head {
  padding: 4px 20px;
  line-height: 32px;
  font-style: normal;
  background-color: #e8e8e8;
}
/* line 2385, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list .day-head .left {
  float: left;
}
/* line 2389, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list .day-head .right {
  float: right;
}
/* line 2394, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a {
  display: block;
  height: 80px;
  color: #505050;
  text-decoration: none;
  position: relative;
}
/* line 2401, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .tree-padding {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #808080;
}
/* line 2409, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .name {
  line-height: 30px;
  height: 40px;
  padding: 10px 30px 0 30px;
  font-size: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 2418, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .name span {
  text-transform: uppercase;
}
/* line 2423, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .info1 {
  line-height: 30px;
  height: 30px;
  float: left;
  padding: 0 0 0 60px;
  font-size: 18px;
  width: 40%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* line 2434, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .info1.allw {
  width: 100%;
}
/* line 2439, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .info2 {
  line-height: 30px;
  height: 30px;
  float: right;
  padding: 0 30px 0;
  font-size: 18px;
  width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* line 2451, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-status {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: -1px;
  background-color: #159e00;
}
/* line 2460, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-status.training-status-0 {
  background-color: #c10000;
}
/* line 2465, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-on,
.application > .content .list-container .list a .training-off {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 10px;
  margin-left: 1px;
  vertical-align: 4px;
  color: #ffffff;
  background-color: #159e00;
}
/* line 2482, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-off {
  background-color: #c10000;
}
/* line 2486, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-slide-answers {
  display: inline-block;
  line-height: 0;
  height: 20px;
  vertical-align: middle;
  font-size: 0;
}
/* line 2493, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-slide-answers i {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  width: 30px;
}
/* line 2500, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-slide-answers i.correct-0, .application > .content .list-container .list a .training-slide-answers i.corrent-off {
  color: #c10000;
}
/* line 2505, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .training-slide-answers i.correct-1, .application > .content .list-container .list a .training-slide-answers i.correct-on {
  color: #159e00;
}
/* line 2512, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .card {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 1px;
  vertical-align: 4px;
  color: #ffffff;
  background-color: #666666;
}
/* line 2527, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .card.ci-1 {
  background-color: #159e00;
}
/* line 2528, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .card.ci-2 {
  background-color: #ffb400;
}
/* line 2529, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .card.ci-3 {
  background-color: #c10000;
}
/* line 2530, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .card.ci-4 {
  background-color: #000000;
}
/* line 2533, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info {
  display: inline-block;
  position: relative;
  text-transform: none;
}
/* line 2538, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info.type-a i {
  color: #159e00;
}
/* line 2539, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info.type-w i {
  color: #ffb400;
}
/* line 2540, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info.type-d i {
  color: #c10000;
}
/* line 2542, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info .pop {
  display: none;
  pointer-events: none;
  position: absolute;
  background-color: #316695;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 8px;
  padding: 6px 12px;
  left: 46px;
  white-space: nowrap;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
/* line 2559, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info .pop:before {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 20px 5px 0;
  border-color: transparent #316695 transparent transparent;
  top: 50%;
  margin-top: -5px;
  left: 0;
  margin-left: -20px;
}
/* line 2576, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a .message-info:hover .pop {
  display: block;
}
/* line 2582, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a:hover, .application > .content .list-container .list a:active {
  text-decoration: none;
}
/* line 2587, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 2591, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a:hover, .application > .content .list-container .list a.selected {
  background-color: #ffffff;
}
/* line 2596, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-button {
  /*
  &:hover {
  	.btn {
  		color: $color-gray;
  	}
  }
  */
}
/* line 2597, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-button .info2 {
  padding-right: 150px;
}
/* line 2601, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-button .btn {
  width: 120px;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 2617, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-button .btn.success i {
  color: #159e00;
}
/* line 2621, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-button .btn.out i {
  color: #ffb400;
}
/* line 2627, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number .info2 {
  /*padding-right: 150px;*/
  text-align: right;
}
/* line 2632, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number .number {
  width: 150px;
  position: absolute;
  right: 30px;
  top: 10px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 24px;
}
/* line 2643, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number .under-number {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
/* line 2649, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number .under-number > div {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 2657, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-left-icon {
  padding-left: 50px;
}
/* line 2660, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-left-icon > i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #666666;
  line-height: 50px;
  text-align: center;
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  color: #ffffff;
  transition: border-radius .2s ease-out, color .2s;
  overflow: hidden;
}
/* line 2675, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-left-icon > i.terminal-icon {
  background-color: #c10000;
}
/* line 2676, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-left-icon > i.guests-icon {
  background-color: #159e00;
}
/* line 2677, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-left-icon > i.contractors-icon {
  background-color: #ffb400;
}
/* line 2682, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.blocked .name {
  color: #c10000;
}
/* line 2688, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon .info2 {
  padding-right: 150px;
}
/* line 2692, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon .icon {
  width: 120px;
  position: absolute;
  right: 0;
  top: 0;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
}
/* line 2702, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon .icon i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  display: inline-block;
  color: #ffffff;
}
/* line 2711, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon .icon i.success {
  background-color: #159e00;
}
/* line 2715, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon .icon i.error {
  background-color: #c10000;
}
/* line 2724, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number.with-button .info2, .application > .content .list-container .list a.with-icon.with-button .info2 {
  padding-right: 150px;
}
/* line 2728, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-number.with-button .under-number,
.application > .content .list-container .list a.with-number.with-button .number, .application > .content .list-container .list a.with-icon.with-button .under-number,
.application > .content .list-container .list a.with-icon.with-button .number {
  right: 150px;
}
/* line 2735, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.positionable .position-up-handler,
.application > .content .list-container .list a.positionable .position-down-handler {
  position: absolute;
  right: 40px;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  top: 30%;
  transform: translate(0, -50%);
  text-align: center;
  display: none;
}
/* line 2748, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.positionable .position-down-handler {
  top: 70%;
}
/* line 2753, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.positionable:hover .position-up-handler,
.application > .content .list-container .list a.positionable:hover .position-down-handler {
  display: block;
}
/* line 2761, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.with-icon.positionable .position-up-handler,
.application > .content .list-container .list a.with-icon.positionable .position-down-handler {
  right: 5px;
}
/* line 2768, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.big .name {
  text-transform: uppercase;
  line-height: 60px;
  font-size: 40px;
  text-overflow: initial;
  overflow: visible;
}
/* line 2777, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.out {
  background-color: #ffb400 !important;
  color: #ffffff;
}
/* line 2781, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.out:nth-child(odd):hover, .application > .content .list-container .list a.out:hover {
  color: #ffffff;
  background-color: #ff8901 !important;
}
/* line 2786, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.out:nth-child(odd):hover .name,
.application > .content .list-container .list a.out:nth-child(odd):hover .btn, .application > .content .list-container .list a.out:hover .name,
.application > .content .list-container .list a.out:hover .btn {
  color: #ffffff;
}
/* line 2793, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.change {
  background-color: #00a6e4 !important;
  color: #ffffff;
}
/* line 2797, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.change:nth-child(odd):hover, .application > .content .list-container .list a.change:hover {
  color: #ffffff;
  background-color: #0093cb !important;
}
/* line 2802, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.change:nth-child(odd):hover .name,
.application > .content .list-container .list a.change:nth-child(odd):hover .btn, .application > .content .list-container .list a.change:hover .name,
.application > .content .list-container .list a.change:hover .btn {
  color: #ffffff;
}
/* line 2809, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.success {
  background-color: #159e00 !important;
  color: #ffffff;
}
/* line 2813, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.success:nth-child(odd):hover, .application > .content .list-container .list a.success:hover {
  color: #ffffff;
  background-color: #1bcd00 !important;
}
/* line 2818, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.success:nth-child(odd):hover .name,
.application > .content .list-container .list a.success:nth-child(odd):hover .btn, .application > .content .list-container .list a.success:hover .name,
.application > .content .list-container .list a.success:hover .btn {
  color: #ffffff;
}
/* line 2826, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.back .name {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: auto;
  transform: translate(0, -50%);
  padding: 0 30px 0 80px;
}
/* line 2836, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list a.back i {
  position: absolute;
  right: auto;
  top: 0;
  left: 0;
  line-height: 80px;
  width: 80px;
  text-align: center;
  font-size: 34px;
  display: block;
}
/* line 2852, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.rev a:nth-child(odd) {
  background-color: transparent;
}
/* line 2856, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.rev a:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 2866, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.multi-select a.with-left-icon > i:after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  content: "\f00c";
  color: #ffffff;
  display: block;
  transition: top .2s ease-out;
}
/* line 2878, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.multi-select a.with-left-icon > i:hover {
  border-radius: 0;
  color: rgba(255, 255, 255, 0);
}
/* line 2882, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.multi-select a.with-left-icon > i:hover:after {
  top: 0;
}
/* line 2889, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.multi-select a.with-left-icon.selected > i {
  border-radius: 0;
  color: rgba(255, 255, 255, 0);
}
/* line 2893, assetic_compassJ9VmVn.scss */
.application > .content .list-container .list.multi-select a.with-left-icon.selected > i:after {
  top: 0;
}
/* line 2903, assetic_compassJ9VmVn.scss */
.application > .content .list-container .add-handler {
  display: block;
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
  padding: 0 30px;
  color: #505050;
  text-decoration: none;
  transition: background-color .2s;
}
/* line 2913, assetic_compassJ9VmVn.scss */
.application > .content .list-container .add-handler i {
  float: right;
  display: block;
  line-height: 80px;
  height: 80px;
  width: 80px;
  text-align: center;
  font-size: 48px;
}
/* line 2923, assetic_compassJ9VmVn.scss */
.application > .content .list-container .add-handler.odd {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 2927, assetic_compassJ9VmVn.scss */
.application > .content .list-container .add-handler:hover, .application > .content .list-container .add-handler.selected {
  background-color: #ffffff;
  color: #666666;
}
/* line 2935, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list {
  color: #ffffff;
  background-color: #2f4230;
}
/* line 2939, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .head {
  color: #ffffff;
}
/* line 2945, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item {
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
/* line 2950, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item .name {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: auto;
  transform: translate(0, -50%);
  padding: 0 80px 0 30px;
}
/* line 2960, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item i {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 80px;
  width: 80px;
  text-align: center;
  font-size: 34px;
  display: block;
}
/* line 2970, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item i.bulb {
  color: #fed700;
}
/* line 2973, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item i.bulb.done {
  color: #666666;
}
/* line 2980, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item.back .name {
  padding: 0 30px 0 80px;
}
/* line 2984, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item.back i {
  left: 0;
  right: auto;
}
/* line 2990, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item:nth-child(odd) {
  background-color: #293a2a;
}
/* line 2994, assetic_compassJ9VmVn.scss */
.application > .content .custom-tutorial-list .list-container .list .item:hover, .application > .content .custom-tutorial-list .list-container .list .item.selected {
  background-color: #ffffff;
  color: #666666;
}
/* line 3004, assetic_compassJ9VmVn.scss */
.application > .content .tutorial-progress {
  height: 80px;
  padding: 4px 50px 0 50px;
}
/* line 3008, assetic_compassJ9VmVn.scss */
.application > .content .tutorial-progress .bar {
  margin-top: 4px;
  width: 100%;
  position: relative;
  background-color: #e8e8e8;
  height: 25px;
  line-height: 25px;
}
/* line 3016, assetic_compassJ9VmVn.scss */
.application > .content .tutorial-progress .bar .inside {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #17b700;
}
/* line 3024, assetic_compassJ9VmVn.scss */
.application > .content .tutorial-progress .bar .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
/* line 3035, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert {
  background-color: #666666;
  color: #ffffff;
  z-index: 2;
}
/* line 3040, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .head {
  background-color: #666666;
  color: #ffffff;
}
/* line 3044, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .head i {
  color: #ffffff;
}
/* line 3051, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .list-container .list a {
  color: #ffffff;
}
/* line 3054, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .list-container .list a:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.2);
}
/* line 3057, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .list-container .list a:nth-child(odd):hover {
  background-color: #ffffff;
  color: #666666;
}
/* line 3063, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .list-container .list a:hover {
  color: #666666;
}
/* line 3066, assetic_compassJ9VmVn.scss */
.application > .content .custom-invert .list-container .list a:hover .btn {
  color: #666666;
}
/* line 3075, assetic_compassJ9VmVn.scss */
.application > .content .info-box {
  /*
  span {
  	text-transform: uppercase;
  }
  */
}
/* line 3077, assetic_compassJ9VmVn.scss */
.application > .content .info-box .inside {
  position: relative;
  padding: 20px 140px 20px 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}
/* line 3091, assetic_compassJ9VmVn.scss */
.application > .content .info-box .inside > i,
.application > .content .info-box > i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  width: 140px;
  text-align: center;
  line-height: 100px;
  font-size: 80px;
  display: block;
}
/* line 3103, assetic_compassJ9VmVn.scss */
.application > .content .info-box .inside > i.success,
.application > .content .info-box > i.success {
  color: #159e00;
}
/* line 3107, assetic_compassJ9VmVn.scss */
.application > .content .info-box .inside > i.error,
.application > .content .info-box > i.error {
  color: #c10000;
}
/* line 3111, assetic_compassJ9VmVn.scss */
.application > .content .info-box .inside > i.out,
.application > .content .info-box > i.out {
  color: #ffb400;
}
/* line 3116, assetic_compassJ9VmVn.scss */
.application > .content .info-box .html {
  margin: 50px;
  padding: 20px;
  border: 1px solid #666666;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 16px;
}
/* line 3126, assetic_compassJ9VmVn.scss */
.application > .content .foto-placeholder {
  background-color: #f2f2f2;
  width: 100%;
  /*padding-top: 140%;*/
  padding-top: 75%;
  margin-bottom: 5px;
  position: relative;
}
/* line 3134, assetic_compassJ9VmVn.scss */
.application > .content .foto-placeholder .foto-preview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 3142, assetic_compassJ9VmVn.scss */
.application > .content .foto-placeholder img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 3149, assetic_compassJ9VmVn.scss */
.application > .content .foto-placeholder img.blank {
  display: none;
}
/* line 3159, assetic_compassJ9VmVn.scss */
.application > .content .snapshot-handler i {
  background-color: #159e00;
  color: #ffffff;
}
/* line 3165, assetic_compassJ9VmVn.scss */
.application > .content .foto-canvas {
  display: none;
}
/* line 3170, assetic_compassJ9VmVn.scss */
.application .loading {
  position: relative;
  pointer-events: none;
}
/* line 3174, assetic_compassJ9VmVn.scss */
.application .loading > * {
  display: none !important;
}
/* line 3178, assetic_compassJ9VmVn.scss */
.application .loading:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
/* line 3190, assetic_compassJ9VmVn.scss */
.application .loading:after {
  content: '';
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  position: absolute;
  border: 10px solid rgba(102, 102, 102, 0.25);
  border-radius: 50%;
  border-top-color: #666666;
  animation-duration: 0.8s;
  animation-name: spinner;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: 11;
}
/* line 3211, assetic_compassJ9VmVn.scss */
.application .loading.inline-loading:before {
  display: none;
}
/* line 3215, assetic_compassJ9VmVn.scss */
.application .loading.inline-loading:after {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  border-top-color: #000000;
  border-width: 5px;
}
/* line 3226, assetic_compassJ9VmVn.scss */
.application .inactive {
  opacity: 0.3;
  pointer-events: none;
}
/* line 3234, assetic_compassJ9VmVn.scss */
.application.route-app_operator > .content > .left, .application.route-app_host > .content > .left {
  background-color: #e3f3ff;
}
/* line 3237, assetic_compassJ9VmVn.scss */
.application.route-app_operator > .content > .left.custom-tutorial-list, .application.route-app_host > .content > .left.custom-tutorial-list {
  color: #ffffff;
  background-color: #2f4230;
}
/* line 3244, assetic_compassJ9VmVn.scss */
.application.route-app_operator .current-status, .application.route-app_host .current-status {
  padding: 30px 10px;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-align: left;
}
/* line 3251, assetic_compassJ9VmVn.scss */
.application.route-app_operator .current-status .error, .application.route-app_host .current-status .error {
  color: #c10000;
  margin-right: 10px;
}
/* line 3258, assetic_compassJ9VmVn.scss */
.application .search-input-container {
  position: relative;
}
/* line 3261, assetic_compassJ9VmVn.scss */
.application .search-input-container > i {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  width: 54px;
  text-align: center;
  display: block;
  color: #666666;
}
/* line 3272, assetic_compassJ9VmVn.scss */
.application .search-input-container > i.close-search {
  display: none;
}
/* line 3277, assetic_compassJ9VmVn.scss */
.application .search-input-container.has-plus {
  padding-right: 50px;
}
/* line 3280, assetic_compassJ9VmVn.scss */
.application .search-input-container.has-plus > i {
  right: 50px;
}
/* line 3285, assetic_compassJ9VmVn.scss */
.application .search-input-container a {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
/* line 3291, assetic_compassJ9VmVn.scss */
.application .search-input-container a i {
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  display: block;
  color: #ffffff;
  background-color: #159e00;
  border-radius: 20px;
}
/* line 3305, assetic_compassJ9VmVn.scss */
.application .login-form h1 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  margin: 40px 0 0 0;
  color: #666666;
}
/* line 3312, assetic_compassJ9VmVn.scss */
.application .login-form h1.error {
  color: #c10000;
}
/* line 3317, assetic_compassJ9VmVn.scss */
.application .login-form h2 {
  margin: 0;
}
/* line 3321, assetic_compassJ9VmVn.scss */
.application .login-form h3 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  margin: 60px 0;
  color: #666666;
}
/* line 3329, assetic_compassJ9VmVn.scss */
.application .login-form .input-info {
  font-style: italic;
  margin: 4px 0 20px 0;
  font-size: 12px;
  line-height: 16px;
}
/* line 3335, assetic_compassJ9VmVn.scss */
.application .login-form .input-info span {
  display: block;
  text-transform: uppercase;
}
/* line 3342, assetic_compassJ9VmVn.scss */
.application .login-form .view-list a {
  margin-bottom: 10px;
}
/* line 3347, assetic_compassJ9VmVn.scss */
.application .login-form .box {
  padding: 40px;
}
/* line 3350, assetic_compassJ9VmVn.scss */
.application .login-form .box label {
  font-size: 24px;
  font-weight: normal;
  display: block;
}
/* line 3356, assetic_compassJ9VmVn.scss */
.application .login-form .box input {
  width: 100%;
}
/* line 3360, assetic_compassJ9VmVn.scss */
.application .login-form .box a.passrec {
  color: #666666;
  font-style: italic;
  font-size: 18px;
}
/* line 3366, assetic_compassJ9VmVn.scss */
.application .login-form .box .error {
  margin-bottom: 40px;
  color: #c10000;
}
/* line 3370, assetic_compassJ9VmVn.scss */
.application .login-form .box .error input {
  border: 1px solid #c10000;
}
/* line 3378, assetic_compassJ9VmVn.scss */
.application .login-form.with-margin .box input {
  margin-bottom: 20px;
}
/* line 3384, assetic_compassJ9VmVn.scss */
.application .login-form .clause {
  font-size: 14px;
  line-height: 20px;
  margin-top: 40px;
}
/* line 3391, assetic_compassJ9VmVn.scss */
.application .register-summary-table {
  width: 100%;
}
/* line 3394, assetic_compassJ9VmVn.scss */
.application .register-summary-table .align-right {
  text-align: right;
}
/* line 3399, assetic_compassJ9VmVn.scss */
.application .summary-table {
  padding: 30px 0;
}
/* line 3402, assetic_compassJ9VmVn.scss */
.application .summary-table table {
  width: 100%;
}
/* line 3405, assetic_compassJ9VmVn.scss */
.application .summary-table table td,
.application .summary-table table th {
  text-align: left;
}
/* line 3410, assetic_compassJ9VmVn.scss */
.application .summary-table table td:last-child,
.application .summary-table table th:last-child {
  text-align: right;
}
/* line 3417, assetic_compassJ9VmVn.scss */
.application .summary-table tfoot td {
  border-top: 1px solid #000000;
}
/* line 3422, assetic_compassJ9VmVn.scss */
.application .summary-table .sub-table {
  font-size: 12px;
  font-style: italic;
  line-height: 15px;
  text-align: right;
}
/* line 3430, assetic_compassJ9VmVn.scss */
.application .bottom-form {
  margin-top: 40px;
}
/* line 3433, assetic_compassJ9VmVn.scss */
.application .bottom-form .acc-row {
  padding-left: 50px;
  position: relative;
  margin-bottom: 20px;
}
/* line 3438, assetic_compassJ9VmVn.scss */
.application .bottom-form .acc-row input {
  position: absolute;
  left: 10px;
  top: 6px;
  width: auto;
  height: auto;
}
/* line 3447, assetic_compassJ9VmVn.scss */
.application .bottom-form .button-container {
  margin-left: -40px;
  margin-right: -40px;
}
/* line 3453, assetic_compassJ9VmVn.scss */
.application .register-summary {
  padding: 40px;
}
/* line 3456, assetic_compassJ9VmVn.scss */
.application .register-summary table {
  width: 100%;
}
/* line 3459, assetic_compassJ9VmVn.scss */
.application .register-summary table th, .application .register-summary table td {
  padding: 5px;
}
/* line 3463, assetic_compassJ9VmVn.scss */
.application .register-summary table thead th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #000000;
  vertical-align: bottom;
}
/* line 3469, assetic_compassJ9VmVn.scss */
.application .register-summary table tfoot td {
  background-color: #f2f2f2;
}
/* line 3473, assetic_compassJ9VmVn.scss */
.application .register-summary table .align-right {
  text-align: right;
}
/* line 3479, assetic_compassJ9VmVn.scss */
.application .raport-container {
  padding: 50px;
  background-color: #ffffff;
}
/* line 3483, assetic_compassJ9VmVn.scss */
.application .raport-container .filters {
  margin-bottom: 50px;
}
/* line 3486, assetic_compassJ9VmVn.scss */
.application .raport-container .filters label {
  font-size: 24px;
  font-weight: normal;
  display: block;
}
/* line 3492, assetic_compassJ9VmVn.scss */
.application .raport-container .filters .field {
  padding-bottom: 20px;
}
/* line 3496, assetic_compassJ9VmVn.scss */
.application .raport-container .filters .timeset .mbtn {
  margin-bottom: 6px;
  font-size: 15px;
  padding: 5px 10px;
  line-height: 22px;
}
/* line 3504, assetic_compassJ9VmVn.scss */
.application .raport-container .like-input,
.application .raport-container input,
.application .raport-container select {
  display: block;
  color: #505050;
  font-size: 24px;
  background-color: #f2f2f2;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  width: 100%;
}
/* line 3519, assetic_compassJ9VmVn.scss */
.application .raport-container .like-input {
  text-align: center;
}
/* line 3521, assetic_compassJ9VmVn.scss */
.application .raport-container .like-input i {
  margin: 0 10px;
}
/* line 3526, assetic_compassJ9VmVn.scss */
.application .raport-container .legend {
  font-size: 12px;
  line-height: 15px;
  list-style-type: disc;
  margin-top: 40px;
}
/* line 3532, assetic_compassJ9VmVn.scss */
.application .raport-container .legend li {
  margin: 0 0 5px 20px;
  list-style-type: disc;
}
/* line 3538, assetic_compassJ9VmVn.scss */
.application .raport-container .pages {
  font-size: 24px;
  margin: 60px 0 3px 0;
}
/* line 3542, assetic_compassJ9VmVn.scss */
.application .raport-container .pages .page {
  font-weight: normal;
  color: #000000;
  display: inline-block;
  margin: 0 10px;
}
/* line 3548, assetic_compassJ9VmVn.scss */
.application .raport-container .pages .page.selected {
  font-weight: bold;
}
/* line 3554, assetic_compassJ9VmVn.scss */
.application .raport-container .summary {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}
/* line 3560, assetic_compassJ9VmVn.scss */
.application .raport-container .actions {
  text-align: right;
  margin-top: 60px;
}
/* line 3564, assetic_compassJ9VmVn.scss */
.application .raport-container .actions button {
  background-color: #f2f2f2;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  font-size: 24px;
  color: #666666;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 3576, assetic_compassJ9VmVn.scss */
.application .raport-container .table {
  font-size: 12px;
}
/* line 3581, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line {
  width: 50%;
  line-height: 40px;
  height: 40px;
}
/* line 3590, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line .owner {
  float: left;
  width: 50%;
  text-align: right;
  font-size: 24px;
  padding-right: 10px;
}
/* line 3598, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line .bar {
  width: 50%;
  float: left;
  position: relative;
  height: 40px;
}
/* line 3604, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line .bar .in {
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  background-color: #316695;
}
/* line 3611, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line .bar .in span {
  position: absolute;
  left: 100%;
  top: -10px;
  padding-left: 10px;
  white-space: nowrap;
}
/* line 3622, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line.all .owner {
  font-weight: bold;
}
/* line 3626, assetic_compassJ9VmVn.scss */
.application .raport-container .avg-chart .line.all .bar .in {
  background-color: #159e00;
}
/* line 3636, assetic_compassJ9VmVn.scss */
.application .evacuation .head {
  background-color: #ffcccc;
}
/* line 3640, assetic_compassJ9VmVn.scss */
.application .evacuation .text {
  background-color: #ffe5e5;
  font-size: 24px;
  padding: 50px;
}
/* line 3649, assetic_compassJ9VmVn.scss */
.application .markdown.with-padding {
  padding: 20px 50px;
}
/* line 3653, assetic_compassJ9VmVn.scss */
.application .markdown h1, .application .markdown h2, .application .markdown h3, .application .markdown h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
}
/* line 3660, assetic_compassJ9VmVn.scss */
.application .markdown p {
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 10px 0;
}
/* line 3666, assetic_compassJ9VmVn.scss */
.application .markdown ul, .application .markdown ul > li {
  list-style-type: disc;
}
/* line 3670, assetic_compassJ9VmVn.scss */
.application .markdown ol, .application .markdown ul {
  padding-left: 40px;
  margin: 10px 0 30px 0;
}
/* line 3674, assetic_compassJ9VmVn.scss */
.application .markdown ol li, .application .markdown ul li {
  margin-bottom: 5px;
  padding-left: 10px;
}
/* line 3680, assetic_compassJ9VmVn.scss */
.application .markdown img {
  margin: 20px 0;
  width: 100%;
  height: auto;
}
/* line 3686, assetic_compassJ9VmVn.scss */
.application .markdown .confirm {
  margin-top: 60px;
}
/* line 3688, assetic_compassJ9VmVn.scss */
.application .markdown .confirm input {
  margin-right: 20px;
}
/* line 3692, assetic_compassJ9VmVn.scss */
.application .markdown .confirm label {
  font-weight: normal;
}
/* line 3699, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview {
  width: 100px;
  height: 100px;
  background-color: #f2f2f2;
  margin-bottom: 10px;
  position: relative;
}
/* line 3706, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview .file-preview-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #666666;
}
/* line 3715, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview .file-preview-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  overflow: hidden;
  display: none;
}
/* line 3727, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview .file-preview-image span {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 10px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  text-align: center;
}
/* line 3739, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview .file-preview-name {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
/* line 3752, assetic_compassJ9VmVn.scss */
.application .file-browser .file-preview.has-image .file-preview-image {
  display: block;
}
/* line 3758, assetic_compassJ9VmVn.scss */
.application .file-browser .mbtn {
  text-align: center;
  width: 100px;
}
/* line 3764, assetic_compassJ9VmVn.scss */
.application .file-browser.full-width .file-preview {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
/* line 3770, assetic_compassJ9VmVn.scss */
.application .file-browser.full-width .mbtn {
  width: 100%;
}
/* line 3776, assetic_compassJ9VmVn.scss */
.application .file-browser.one-file .file-preview {
  width: 100%;
  height: 80px;
}
/* line 3781, assetic_compassJ9VmVn.scss */
.application .file-browser.one-file .mbtn {
  width: 100%;
}
/* line 3787, assetic_compassJ9VmVn.scss */
.application .rating-boxes {
  margin: 0 -15px;
}
/* line 3792, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rates-history-container {
  text-align: right;
  font-size: 14px;
  padding-right: 15px;
}
/* line 3798, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box {
  float: left;
  padding: 0 15px;
  width: 50%;
  margin-bottom: 30px;
}
/* line 3804, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside {
  position: relative;
}
/* line 3807, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame {
  border-radius: 10px;
  background-color: #a0a0a0;
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
}
/* line 3814, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .name {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #2b2b2b;
  text-transform: uppercase;
  padding: 10px;
}
/* line 3824, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .head-rate {
  padding: 5px 60px 5px 80px;
  position: relative;
  min-height: 50px;
}
/* line 3829, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .head-rate .o-name {
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  color: #000000;
}
/* line 3836, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .head-rate .o-company {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
/* line 3842, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .head-rate .o-rate {
  color: #ffffff;
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}
/* line 3854, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate {
  display: none;
  background-color: #e8e8e8;
  text-align: center;
  padding: 10px;
}
/* line 3859, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate:nth-child(odd) {
  background-color: #f2f2f2;
}
/* line 3861, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate .o-name {
  margin-bottom: 5px;
}
/* line 3865, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate .o-stars {
  font-size: 0;
  line-height: 0;
}
/* line 3869, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate .o-stars i {
  padding: 0 5px;
  font-size: 20px;
  display: inline-block;
  width: 30px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
/* line 3882, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .rates .rate.is-set .o-stars i {
  color: #ffb400;
}
/* line 3890, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards {
  display: flex;
}
/* line 3893, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: transform .2s ease-out;
}
/* line 3901, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card i {
  line-height: 50px;
  font-size: 30px;
  vertical-align: middle;
}
/* line 3907, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card span {
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  margin-left: 5px;
  /*
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  */
}
/* line 3924, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card.loop-1 i {
  color: #159e00;
}
/* line 3925, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card.loop-2 i {
  color: #ffb400;
}
/* line 3926, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card.loop-3 i {
  color: #c10000;
}
/* line 3927, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card.loop-4 i {
  color: #000000;
}
/* line 3929, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .cards .card.is-set {
  transform: scale(1.2);
}
/* line 3935, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .note-container {
  padding: 0;
}
/* line 3938, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .note-container textarea {
  padding: 5px;
  font-size: 14px;
  width: 100%;
  height: 160px;
  border: 1px solid #666666;
}
/* line 3947, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .frame .save-rate-handler {
  display: block;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  background-color: #159e00;
}
/* line 3956, assetic_compassJ9VmVn.scss */
.application .rating-boxes .rating-box .inside .o-icon {
  color: #ffffff;
  position: absolute;
  left: 10px;
  width: 60px;
  height: 60px;
  font-size: 40px;
  border-radius: 50%;
  top: 35px;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
}

/* line 3974, assetic_compassJ9VmVn.scss */
body.long {
  height: auto;
  overflow-y: auto;
}
/* line 3978, assetic_compassJ9VmVn.scss */
body.long .outer-form {
  height: auto;
}
/* line 3982, assetic_compassJ9VmVn.scss */
body.long .application {
  height: auto;
}
/* line 3986, assetic_compassJ9VmVn.scss */
body.long .application > .top > .left {
  width: 968px;
}
/* line 3990, assetic_compassJ9VmVn.scss */
body.long .application > .top > .right {
  left: 768px;
}
/* line 3995, assetic_compassJ9VmVn.scss */
body.long .application .content {
  position: relative;
  height: auto;
  padding-top: 60px;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  width: 100%;
}
/* line 4005, assetic_compassJ9VmVn.scss */
body.long .application .content:after {
  content: '';
  display: block;
  clear: both;
}
/* line 4011, assetic_compassJ9VmVn.scss */
body.long .application .content .left {
  float: left;
  height: auto;
  position: relative;
  left: auto;
  top: auto;
  overflow: visible;
  width: 768px;
}
/* line 4021, assetic_compassJ9VmVn.scss */
body.long .application .content .right {
  float: left;
  height: auto;
  position: relative;
  right: auto;
  top: auto;
  overflow: visible;
  display: none;
}

/* line 4034, assetic_compassJ9VmVn.scss */
.history-container {
  padding: 40px 50px;
}
/* line 4037, assetic_compassJ9VmVn.scss */
.history-container.no-padding {
  padding: 0;
}
/* line 4041, assetic_compassJ9VmVn.scss */
.history-container .history-line {
  margin: 10px 0;
  font-size: 15px;
  line-height: 18px;
}
/* line 4046, assetic_compassJ9VmVn.scss */
.history-container .history-line table {
  font-size: 12px;
  line-height: 15px;
}

/* line 4053, assetic_compassJ9VmVn.scss */
.rate-container {
  padding: 40px 50px;
}
/* line 4056, assetic_compassJ9VmVn.scss */
.rate-container .rate-line {
  margin: 10px 0;
  font-size: 15px;
  line-height: 18px;
}
/* line 4061, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row {
  padding: 0 0 0 60px;
  position: relative;
}
/* line 4065, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  text-align: right;
}
/* line 4072, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c span {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  width: 50px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 10px;
  color: #ffffff;
  background-color: #159e00;
}
/* line 4086, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c > i {
  color: #666666;
}
/* line 4090, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c.idx-0 > i {
  color: #159e00;
}
/* line 4091, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c.idx-1 > i {
  color: #ffb400;
}
/* line 4092, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c.idx-2 > i {
  color: #c10000;
}
/* line 4093, assetic_compassJ9VmVn.scss */
.rate-container .rate-line .icon-row .icon-c.idx-3 > i {
  color: #000000;
}

/* line 4099, assetic_compassJ9VmVn.scss */
.intro-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2b2b2b;
}
/* line 4107, assetic_compassJ9VmVn.scss */
.intro-container .logo {
  width: 295px;
  height: 130px;
  background: url("/bundles/app/img/logo-limeaccess-intro.png") no-repeat center center;
  background-size: 295px 130px;
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translate(-50%, 0);
}

/* line 4119, assetic_compassJ9VmVn.scss */
.p-bar {
  width: 100%;
  position: relative;
  background-color: #e8e8e8;
  height: 25px;
  line-height: 25px;
}
/* line 4126, assetic_compassJ9VmVn.scss */
.p-bar .inside {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #17b700;
}
/* line 4134, assetic_compassJ9VmVn.scss */
.p-bar .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

/* line 4144, assetic_compassJ9VmVn.scss */
.fullscreen-message {
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 4149, assetic_compassJ9VmVn.scss */
.fullscreen-message .in {
  position: absolute;
  width: 90%;
  max-width: 600px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 4157, assetic_compassJ9VmVn.scss */
.fullscreen-message .in .type-a {
  color: #159e00;
}
/* line 4158, assetic_compassJ9VmVn.scss */
.fullscreen-message .in .type-w {
  color: #ffb400;
}
/* line 4159, assetic_compassJ9VmVn.scss */
.fullscreen-message .in .type-d {
  color: #c10000;
}

/* line 4163, assetic_compassJ9VmVn.scss */
.training {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
/* line 4171, assetic_compassJ9VmVn.scss */
.training .center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
/* line 4178, assetic_compassJ9VmVn.scss */
.training .center.small {
  max-width: 600px;
}
/* line 4182, assetic_compassJ9VmVn.scss */
.training .center.w-full {
  width: 100%;
}
/* line 4188, assetic_compassJ9VmVn.scss */
.training .slide h1 {
  font-size: 36px;
  line-height: 42px;
  margin: 0;
  padding-bottom: 20px;
  color: #505050;
}
/* line 4196, assetic_compassJ9VmVn.scss */
.training .slide h2 {
  font-size: 48px;
  line-height: 54px;
  padding-left: 110px;
  color: #505050;
  margin: 0;
}
/* line 4204, assetic_compassJ9VmVn.scss */
.training .slide .is-md {
  font-size: 48px;
  line-height: 54px;
  padding-left: 110px;
  color: #505050;
  margin: 0;
}
/* line 4211, assetic_compassJ9VmVn.scss */
.training .slide .is-md h1 {
  font-weight: bold;
  font-size: 70px;
  line-height: 80px;
  padding: 0;
  margin: 0 0 10px 0;
}
/* line 4219, assetic_compassJ9VmVn.scss */
.training .slide .is-md h2 {
  font-weight: bold;
  font-size: 60px;
  line-height: 70px;
  padding: 0;
  margin: 0 0 10px 0;
}
/* line 4227, assetic_compassJ9VmVn.scss */
.training .slide .is-md p {
  padding: 0;
  marign: 0 0 10px 0;
}
/* line 4233, assetic_compassJ9VmVn.scss */
.training .slide .ins {
  padding-bottom: 40px;
}
/* line 4237, assetic_compassJ9VmVn.scss */
.training .slide .image {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
}
/* line 4245, assetic_compassJ9VmVn.scss */
.training .slide .actions a {
  font-size: 36px;
  line-height: 40px;
  padding: 16px 110px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  display: block;
  background-color: #f2f2f2;
  text-decoration: none;
  color: #505050;
}
/* line 4256, assetic_compassJ9VmVn.scss */
.training .slide .actions a:last-child {
  margin-bottom: 0;
}
/* line 4263, assetic_compassJ9VmVn.scss */
.training .return-to-home {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: block;
  font-size: 40px;
  color: #000000;
}
/* line 4277, assetic_compassJ9VmVn.scss */
.training.kbd-open .center {
  top: 25%;
}
/* line 4281, assetic_compassJ9VmVn.scss */
.training.kbd-open .keyboard-input {
  pointer-events: none;
}

/* line 4288, assetic_compassJ9VmVn.scss */
.tags-container {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 5px;
}
/* line 4293, assetic_compassJ9VmVn.scss */
.tags-container .tag {
  display: inline-block;
  background-color: #a0a0a0;
  margin: 5px;
  padding: 0 10px;
  color: #000000;
}
/* line 4300, assetic_compassJ9VmVn.scss */
.tags-container .tag a {
  color: #000000;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: middle;
}

/* line 4310, assetic_compassJ9VmVn.scss */
.ext-window .field {
  margin-bottom: 20px;
}
/* line 4313, assetic_compassJ9VmVn.scss */
.ext-window .field input {
  width: 100%;
  font-size: 40px;
  line-height: 40px;
  padding: 20px;
}
/* line 4320, assetic_compassJ9VmVn.scss */
.ext-window .field .error {
  margin-top: 10px;
  font-size: 20px;
  color: #c10000;
}
/* line 4328, assetic_compassJ9VmVn.scss */
.ext-window .action .action-row {
  margin-bottom: 10px;
}

/* line 3, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen {
  position: relative;
}
/* line 9, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen:before {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #eeeeee;
  display: block;
  content: '';
  pointer-events: none;
}
/* line 22, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*
  .editable & {
  	&:before {
  		position: absolute;
  		left: 0;
  		top: 0;
  		right: 0;
  		bottom: 0;
  		border: 1px solid $color-white-d1;
  		display: block;
  		content: '';
  		pointer-events: none;
  	}
  }
  */
  		/*
  		&:hover {
  			> .div-hv {
  				opacity: 1;
  			}
  
  			> .insides > .inside:before {
  				display: block;
  			}
  
  			> .resize-locker {
  				display: block;
  			}
  		}
  		*/
}
/* line 45, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-hv {
  display: none;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
  /*
  &.resizeable {
  	> .actions {
  		a.move-handler {
  			display: none;
  		}
  	}
  }
  */
  			/*
  			&:hover {
  				> .actions {
  					display: block;
  				}
  
  				&.resizeable {
  					&:before {
  						position: absolute;
  						left: 2px;
  						top: 2px;
  						right: 2px;
  						bottom: 2px;
  						border-radius: $mw / 2 - 2px;
  						background-color: rgba($color-gray, 0.2);
  						content: '';
  						pointer-events: none;
  						display: block;
  					}
  				}
  			}
  			*/
}
/* line 51, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-hv > .actions {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  line-height: 0;
  z-index: 2;
}
/* line 61, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-hv > .actions a {
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  background-color: #666666;
  border-radius: 2px;
  margin: 2px;
  position: relative;
}
/* line 72, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-hv > .actions a i {
  display: block;
  text-align: center;
  width: 100%;
  color: #ffffff;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
/* line 120, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .resize-locker {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}
/* line 126, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .resize-locker .icon-0 {
  display: block;
}
/* line 130, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .resize-locker .icon-1 {
  display: none;
}
/* line 135, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 142, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside {
  position: absolute;
}
/* line 146, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen .cell > .insides > .inside:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  content: '';
  pointer-events: none;
}
/* line 158, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside > .actions {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  line-height: 0;
  display: none;
}
/* line 167, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside > .actions a {
  width: 30px;
  height: 30px;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  background-color: #666666;
  border-radius: 4px;
  margin: 2px;
  position: relative;
}
/* line 178, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside > .actions a i {
  display: block;
  text-align: center;
  width: 100%;
  color: #ffffff;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
/* line 192, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside > .cell-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: left .2s ease-out, right .2s ease-out, top .2s ease-out, bottom .2s ease-out;
}
/* line 201, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside > .cell-container.selected:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #159e00;
  display: block;
  content: '';
  pointer-events: none;
  z-index: 3;
}
/* line 218, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside:hover > .actions, .terminal-screen .cell > .insides > .inside.hover > .actions {
  display: block;
}
/* line 222, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside:hover.scale-inside > .cell-container, .terminal-screen .cell > .insides > .inside.hover.scale-inside > .cell-container {
  /*
  left: $mw;
  right: $mw;
  top: $mw;
  bottom: $mw;
  */
}
/* line 233, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .insides > .inside.has-content > .actions {
  display: none;
}
/* line 240, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-h {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
}
/* line 247, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-h.resizeable {
  cursor: ns-resize;
}
/* line 252, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-v {
  position: absolute;
  top: 0;
  height: 100%;
  width: 20px;
  margin-left: -10px;
}
/* line 259, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell > .div-v.resizeable {
  cursor: ew-resize;
}
/* line 266, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.resize-locked > .resize-locker .icon-0 {
  display: none;
}
/* line 270, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.resize-locked > .resize-locker .icon-1 {
  display: block;
}
/* line 275, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.resize-locked > .div-hv {
  pointer-events: none;
}
/* line 296, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected {
  /*
  &:before {
  	border-color: #ff0000;
  }
  */
}
/* line 303, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected > .div-hv {
  display: block;
  /*
  > .actions {
  	display: block;
  }
  */
}
/* line 307, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected > .div-hv:hover {
  z-index: 2;
}
/* line 310, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected > .div-hv:hover > .actions {
  display: block;
}
/* line 315, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected > .div-hv:hover.resizeable:before {
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 8px;
  background-color: rgba(102, 102, 102, 0.2);
  content: '';
  pointer-events: none;
  display: block;
}
/* line 339, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell.selected > .insides > .inside > .actions {
  display: block;
}
/* line 343, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen .cell.selected > .insides > .inside:before {
  display: block;
  border-color: #aaaaaa;
}
/* line 350, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen .cell.selected > .insides > .inside.selected:before {
  border-color: #ff0000;
}
/* line 360, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-blocks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 368, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-blocks .scaled-blocks {
  position: absolute;
  left: 50%;
  top: 50%;
}
/* line 373, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-blocks .scaled-blocks .blocks {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
/* line 387, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
/* line 392, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-container.wide {
  display: block;
}
/* line 397, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen .block-container:hover:after, .editable .terminal-screen .block-container.block-selected:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border: 1px dashed #666666;
  pointer-events: none;
}
/* line 410, ../../../src/AppBundle/Resources/sass/screen.scss */
.editable .terminal-screen .block-container.block-selected:after {
  border-color: #159e00;
}
/* line 417, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-text .textarea {
  width: 100%;
  font-size: 50px;
  line-height: 64px;
  height: auto;
  min-height: 104px;
  text-align: center;
  border: 0;
  overflow: hidden;
  padding: 20px;
  background-color: transparent;
}
/* line 431, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-input {
  position: relative;
}
/* line 434, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-input .input {
  width: 100%;
  font-size: 50px;
  line-height: 64px;
  height: auto;
  min-height: 104px;
  text-align: center;
  border: 0;
  overflow: hidden;
  padding: 20px;
  background-color: #f2f2f2;
}
/* line 447, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-input .cursor {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  overflow: hidden;
  width: 100%;
}
/* line 456, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-input .cursor span {
  opacity: 0;
}
/* line 462, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-button {
  margin: 10px;
}
/* line 465, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-button .button {
  font-size: 50px;
  line-height: 64px;
  padding: 10px 20px;
  min-width: 100px;
  min-height: 84px;
  text-align: center;
  background-color: rgba(102, 102, 102, 0.2);
  position: relative;
}
/* line 476, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-button .button.button-selected:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #159e00;
  display: block;
  content: '';
  pointer-events: none;
  z-index: 3;
}
/* line 492, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-image {
  width: 100%;
}
/* line 495, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-image .image {
  width: 100%;
  min-height: 100px;
}
/* line 499, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .block-image .image img {
  width: 100%;
  height: auto;
}
/* line 506, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 514, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-text .scaled-text {
  position: absolute;
  left: 50%;
  top: 50%;
}
/* line 519, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-text .scaled-text .textarea {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-size: 50px;
  line-height: 64px;
  height: auto;
  min-height: 104px;
  transform: translate(0, -50%);
  text-align: center;
  border: 0;
  overflow: hidden;
  padding: 20px;
  background-color: transparent;
}
/* line 539, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-text:hover .scaled-text .textarea {
  background-color: rgba(102, 102, 102, 0.2);
}
/* line 546, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-keyboard {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 554, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-keyboard .scaled-keyboard {
  position: absolute;
  left: 50%;
  top: 50%;
}
/* line 559, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-keyboard .scaled-keyboard .kbd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 575, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser .file-preview {
  margin: 0;
  background-color: transparent;
}
/* line 580, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser .file-preview .file-preview-image {
  background-size: contain;
}
/* line 586, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser .actions {
  display: none;
}
/* line 591, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser .file-upload-handler {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 598, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser .file-remove-handler {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 605, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-image .file-browser:hover .actions {
  display: block;
}
/* line 615, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons .scaled-buttons {
  position: absolute;
  left: 50%;
  top: 50%;
}
/* line 620, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons .scaled-buttons .buttons {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
/* line 631, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons .scaled-buttons .buttons .button {
  font-size: 50px;
  line-height: 64px;
  padding: 10px 20px;
  min-width: 100px;
  min-height: 84px;
  text-align: center;
  background-color: rgba(102, 102, 102, 0.2);
  display: inline-block;
  margin: 10px;
  vertical-align: middle;
  position: relative;
}
/* line 645, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons .scaled-buttons .buttons .button.button-selected:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #159e00;
  display: block;
  content: '';
  pointer-events: none;
  z-index: 3;
}
/* line 662, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons .adder {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
}
/* line 670, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .cell-buttons:hover .adder {
  display: block;
}
/* line 676, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd {
  display: none;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  /*background-color: #dddddd;*/
}
/* line 684, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .in {
  position: absolute;
  background-color: transparent;
}
/* line 689, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .row {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: -1px;
  white-space: nowrap;
}
/* line 697, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: -1px;
}
/* line 705, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button .bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #dddddd;
  background-color: #eeeeee;
}
/* line 715, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button.class-main .bg {
  background-color: #ffffff;
}
/* line 719, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button.special-ok .bg {
  background-color: #00aa00;
}
/* line 723, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button.special-ok label {
  color: #ffffff;
}
/* line 727, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button.special-blank .bg {
  display: none;
}
/* line 731, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button.active .bg:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 742, ../../../src/AppBundle/Resources/sass/screen.scss */
.terminal-screen .kbd .button label {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  line-height: 24px;
  transform: translate(-50%, -50%);
}

/* line 4336, assetic_compassJ9VmVn.scss */
.terminal-screen-container {
  color: #000000;
}
/* line 4340, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar {
  min-height: 100px;
}
/* line 4343, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar {
  font-size: 0;
  line-height: 0;
  padding: 5px 0;
  margin: -2px 0;
}
/* line 4350, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
/* line 4356, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > span,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > span,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > span,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > span {
  margin: 2px;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
/* line 4364, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > span.separator,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > span.separator,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > span.separator,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > span.separator {
  position: relative;
  width: 21px;
  height: 30px;
}
/* line 4369, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > span.separator:after,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > span.separator:after,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > span.separator:after,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > span.separator:after {
  position: absolute;
  left: 10px;
  width: 1px;
  background-color: #e8e8e8;
  top: 0;
  bottom: 0;
  display: block;
  content: '';
}
/* line 4382, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > a,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > a,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .tbtn,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > a,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > a,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .tbtn {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  display: inline-block;
  background-color: #666666;
  border-radius: 4px;
  margin: 2px;
  position: relative;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}
/* line 4398, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > a.selectable,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > a.selectable,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .tbtn.selectable,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > a.selectable,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > a.selectable,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .tbtn.selectable {
  opacity: 0.5;
}
/* line 4402, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > a i,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > a i,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .tbtn i,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > a i,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > a i,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .tbtn i {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
/* line 4414, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > a.selected,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > .block > a.selected,
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .tbtn.selected,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > a.selected,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > .block > a.selected,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .tbtn.selected {
  opacity: 1;
}
/* line 4419, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .browser,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .browser {
  display: inline-block;
  vertical-align: middle;
}
/* line 4424, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .browser .file-browser .file-preview,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .browser .file-browser .file-preview {
  height: 30px;
  margin: 2px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 4px;
}
/* line 4433, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .browser .file-browser .file-preview.has-image .file-preview-image,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .browser .file-browser .file-preview.has-image .file-preview-image {
  display: none;
}
/* line 4437, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .browser .file-browser .file-preview.has-image .file-preview-name,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .browser .file-browser .file-preview.has-image .file-preview-name {
  display: block;
  padding: 0 5px;
  line-height: 30px;
  font-size: 10px;
}
/* line 4446, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar .browser .file-browser .actions,
.terminal-screen-container .terminal-screen-toolbar .block-toolbar .browser .file-browser .actions {
  display: inline-block;
  vertical-align: middle;
}
/* line 4453, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-toolbar .container-toolbar > input[type="text"],
.terminal-screen-container .terminal-screen-toolbar .block-toolbar > input[type="text"] {
  font-size: 16px;
  line-height: 20px;
  margin: 0 2px;
  padding: 4px;
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}
/* line 4465, assetic_compassJ9VmVn.scss */
.terminal-screen-container .terminal-screen-blockly {
  height: 400px;
}

/* line 4470, assetic_compassJ9VmVn.scss */
.field-blockly {
  height: 400px;
}

/* line 4474, assetic_compassJ9VmVn.scss */
.fs-hint-pin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
}
/* line 4483, assetic_compassJ9VmVn.scss */
.fs-hint-pin .fs-inside {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10000px;
  height: 10000px;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 4%, rgba(0, 0, 0, 0.9) 100%);
}
/* line 4493, assetic_compassJ9VmVn.scss */
.fs-hint-pin .fs-text {
  width: 100%;
  max-width: 1000px;
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  line-height: 42px;
  padding: 40px;
  transition: opacity .2s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
/* line 4507, assetic_compassJ9VmVn.scss */
.fs-hint-pin .fs-text > div {
  margin-top: 20px;
}
/* line 4511, assetic_compassJ9VmVn.scss */
.fs-hint-pin .fs-text .fs-btn {
  display: inline-block;
  background-color: #159e00;
  padding: 10px 60px;
  text-transform: uppercase;
  color: #ffffff;
}
/* line 4518, assetic_compassJ9VmVn.scss */
.fs-hint-pin .fs-text .fs-btn:hover {
  background-color: #1bcd00;
}

@keyframes spinner {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes thinker {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
/* line 4559, assetic_compassJ9VmVn.scss */
.switched-user {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  opacity: 0.1;
}
/* line 4566, assetic_compassJ9VmVn.scss */
.switched-user span {
  position: absolute;
  right: 40px;
  top: 0;
  display: block;
  padding: 10px;
  line-height: 20px;
  color: #ffffff;
  pointer-events: none;
  opacity: 0.7;
  background-color: #ff0000;
}
/* line 4579, assetic_compassJ9VmVn.scss */
.switched-user a {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #000000;
  color: #ff0000;
  text-align: center;
  line-height: 40px;
  display: block;
  opacity: 0.7;
}

@media (max-width: 967px) {
  /* line 4597, assetic_compassJ9VmVn.scss */
  body.long .application {
    padding-left: 0;
  }
  /* line 4600, assetic_compassJ9VmVn.scss */
  body.long .application > .top {
    left: 0;
  }
  /* line 4603, assetic_compassJ9VmVn.scss */
  body.long .application > .top > .left {
    width: 100%;
    left: 0;
  }
  /* line 4608, assetic_compassJ9VmVn.scss */
  body.long .application > .top > .right {
    display: none;
  }
  /* line 4614, assetic_compassJ9VmVn.scss */
  body.long .application .content .left {
    float: right;
    width: 100%;
    max-width: 768px;
  }
  /* line 4622, assetic_compassJ9VmVn.scss */
  body.long .application .login-form .box {
    padding: 10px;
  }
  /* line 4625, assetic_compassJ9VmVn.scss */
  body.long .application .login-form .box .xbtn {
    height: auto;
    line-height: 40px;
    padding: 20px;
  }
}
@media (max-width: 480px) {
  /* line 4639, assetic_compassJ9VmVn.scss */
  .application > .top > .left {
    right: 0;
  }
  /* line 4642, assetic_compassJ9VmVn.scss */
  .application > .top > .left .user {
    padding-left: 60px;
    padding-right: 120px;
  }
  /* line 4646, assetic_compassJ9VmVn.scss */
  .application > .top > .left .user .up,
  .application > .top > .left .user .down,
  .application > .top > .left .user .selfservice-manual {
    display: none;
  }
  /* line 4653, assetic_compassJ9VmVn.scss */
  .application > .top > .left .burger,
  .application > .top > .left .search {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
  }
  /* line 4663, assetic_compassJ9VmVn.scss */
  .application > .top > .left .burger i,
  .application > .top > .left .search i {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
  }
  /* line 4675, assetic_compassJ9VmVn.scss */
  .application > .top > .left .search {
    left: 60px;
  }
  /* line 4679, assetic_compassJ9VmVn.scss */
  .application > .top > .left .logo {
    left: 50%;
    transform: translate(-50%, 0);
  }
  /* line 4684, assetic_compassJ9VmVn.scss */
  .application > .top > .right {
    display: none;
  }
  /* line 4689, assetic_compassJ9VmVn.scss */
  .application .content {
    left: 0;
    transition: transform .2s ease-in-out;
  }
  /* line 4693, assetic_compassJ9VmVn.scss */
  .application .content .head {
    font-size: 24px;
  }
  /* line 4696, assetic_compassJ9VmVn.scss */
  .application .content .head .flex .center {
    text-align: left;
    padding: 0 10px;
  }
  /* line 4705, assetic_compassJ9VmVn.scss */
  .application .content .list-container .list a .name {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 4710, assetic_compassJ9VmVn.scss */
  .application .content .list-container .list a.with-left-icon {
    padding-left: 60px;
  }
  /* line 4713, assetic_compassJ9VmVn.scss */
  .application .content .list-container .list a.with-left-icon > i {
    left: 10px;
  }
  /* line 4718, assetic_compassJ9VmVn.scss */
  .application .content .list-container .list a .info1 {
    padding-left: 10px;
  }
  /* line 4726, assetic_compassJ9VmVn.scss */
  .application .content .edit-container .edit-box {
    padding: 10px;
  }
  /* line 4732, assetic_compassJ9VmVn.scss */
  .application .content .custom-list-search-container .head {
    display: none;
  }
  /* line 4739, assetic_compassJ9VmVn.scss */
  .application.menu-opened .content {
    transform: translate(200px, 0);
  }
  /* line 4746, assetic_compassJ9VmVn.scss */
  .application.search-opened > .top > .right {
    display: block;
    left: -140px;
    right: 0;
    padding: 10px;
    z-index: 1;
  }
  /* line 4757, assetic_compassJ9VmVn.scss */
  .application.search-opened .search-input-container > i.close-search {
    display: block;
  }
  /* line 4761, assetic_compassJ9VmVn.scss */
  .application.search-opened .search-input-container > i.search-icon {
    display: none;
  }
}
@media (max-width: 1400px) {
  /* line 4771, assetic_compassJ9VmVn.scss */
  .application > .content > .left,
  .application > .content > .right {
    left: 0;
    width: 100%;
    right: auto;
  }
}