@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap");
/* line 1, app/assets/stylesheets/switch.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 8, app/assets/stylesheets/switch.scss */
.switch .input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 13, app/assets/stylesheets/switch.scss */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B1B0AF;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 24, app/assets/stylesheets/switch.scss */
.switch .slider:before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  left: 0px;
  bottom: -7px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 35, app/assets/stylesheets/switch.scss */
.switch input[type=checkbox] {
  visibility: hidden;
}

/* line 38, app/assets/stylesheets/switch.scss */
.switch input:checked + .slider {
  background-color: #E0CCC1;
}

/* line 41, app/assets/stylesheets/switch.scss */
.switch input:focus + .slider {
  box-shadow: 0 0 1px #E0CCC1;
}

/* line 44, app/assets/stylesheets/switch.scss */
.switch input:checked + .slider:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}

/* line 49, app/assets/stylesheets/switch.scss */
.switch .slider.round {
  border-radius: 8px;
}

/* line 53, app/assets/stylesheets/switch.scss */
.switch .slider.round:before {
  border-radius: 50%;
}

/* line 56, app/assets/stylesheets/switch.scss */
.switch.switch-on-off {
  width: 80px;
  height: 22px;
}

/* line 59, app/assets/stylesheets/switch.scss */
.switch.switch-on-off .slider {
  background-color: #E92E2D;
}

/* line 61, app/assets/stylesheets/switch.scss */
.switch.switch-on-off .slider span.slider-label {
  width: 80px;
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  height: 17px;
  float: left;
  margin-top: 4px;
  text-transform: uppercase;
  text-align: center;
}

/* line 72, app/assets/stylesheets/switch.scss */
.switch.switch-on-off .slider span.unchecked {
  padding-left: 35px;
}

/* line 75, app/assets/stylesheets/switch.scss */
.switch.switch-on-off .slider span.checked {
  display: none;
  padding-right: 35px;
}

/* line 80, app/assets/stylesheets/switch.scss */
.switch.switch-on-off .slider:before {
  background-image: url(https://beta.effi.xyz/assets/switch-off-83108072582d1124c1e743fee8aaede8d21aab118ae8ae4936af903bc01c16b1.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 86, app/assets/stylesheets/switch.scss */
.switch.switch-on-off input:checked + .slider {
  background-color: #00A22E;
}

/* line 88, app/assets/stylesheets/switch.scss */
.switch.switch-on-off input:checked + .slider span.unchecked {
  display: none;
}

/* line 91, app/assets/stylesheets/switch.scss */
.switch.switch-on-off input:checked + .slider span.checked {
  display: inline-block;
}

/* line 95, app/assets/stylesheets/switch.scss */
.switch.switch-on-off input:checked + .slider:before {
  background-image: url(https://beta.effi.xyz/assets/switch-on-349ca80249aaf4dcc6c22b8780a454c2abb7b57f3d26fb2a7487f70feadd0232.png);
  transform: translateX(45px);
}

/* line 100, app/assets/stylesheets/switch.scss */
.switch.switch-small {
  height: 12px;
  width: 50px;
}

/* line 103, app/assets/stylesheets/switch.scss */
.switch.switch-small .slider.round:before {
  height: 25px;
  width: 25px;
  bottom: -6px;
}

/* line 108, app/assets/stylesheets/switch.scss */
.switch.switch-small input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Customize the label (the container) */
/* line 117, app/assets/stylesheets/switch.scss */
.custom-checkbox {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
/* line 127, app/assets/stylesheets/switch.scss */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
/* line 136, app/assets/stylesheets/switch.scss */
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 36px;
  border: 1px solid #E6CEC2;
  background-color: transparent;
  border-radius: 11px;
}

/* On mouse-over, add a grey background color */
/* line 148, app/assets/stylesheets/switch.scss */
.custom-checkbox:hover input ~ .checkmark {
  /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
/* line 153, app/assets/stylesheets/switch.scss */
.custom-checkbox input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
/* line 158, app/assets/stylesheets/switch.scss */
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
/* line 165, app/assets/stylesheets/switch.scss */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
/* line 170, app/assets/stylesheets/switch.scss */
.custom-checkbox .checkmark:after {
  left: 18px;
  top: -12px;
  width: 10px;
  height: 33px;
  border: solid #E6CEC2;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1, app/assets/stylesheets/common.scss */
* {
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/common.scss */
body {
  margin: 0;
}

/* line 9, app/assets/stylesheets/common.scss */
hr {
  border-top: 1px solid #E0CCC165;
  border-bottom: 0px;
}

/* line 14, app/assets/stylesheets/common.scss */
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* line 24, app/assets/stylesheets/common.scss */
.Zebra_DatePicker_Icon_Wrapper {
  width: 100%;
}

/* line 28, app/assets/stylesheets/common.scss */
footer {
  background-color: #e6cec2;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

/* line 39, app/assets/stylesheets/common.scss */
footer a {
  color: #FFFFFF;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/common.scss */
.btn-delete {
  display: block;
  height: 17px;
  margin-right: 10px;
  margin-left: 10px;
}

/* line 52, app/assets/stylesheets/common.scss */
.meter {
  display: none;
  overflow: hidden;
  height: 20px;
  position: relative;
  background: #555;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

/* line 66, app/assets/stylesheets/common.scss */
.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

/* line 106, app/assets/stylesheets/common.scss */
.meter > span:after, .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: metermove 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/common.scss */
.meter.animate > span:after {
  display: none;
}

@-webkit-keyframes metermove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

/* line 161, app/assets/stylesheets/common.scss */
.meter.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

/* line 168, app/assets/stylesheets/common.scss */
.meter.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

/* line 175, app/assets/stylesheets/common.scss */
.meter.nostripes > span > span, .nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}

/* line 180, app/assets/stylesheets/common.scss */
.tippy-content {
  font-size: 14px;
  font-family: Helvetica, sans-serif;
}

/* line 185, app/assets/stylesheets/common.scss */
.header {
  padding: 10px;
  background-color: #d2d2d2;
}

/* line 190, app/assets/stylesheets/common.scss */
#flash {
  display: none;
}

/* line 194, app/assets/stylesheets/common.scss */
.container {
  padding-left: 80px;
  padding-right: 80px;
}

/* line 199, app/assets/stylesheets/common.scss */
.pcr-app .pcr-interaction input {
  margin-top: 0 !important;
}

/* line 203, app/assets/stylesheets/common.scss */
.btn {
  text-shadow: 3px 2px 4px #83766e;
  outline: none;
  border-radius: 5px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.71px;
  text-align: center;
  text-decoration: none;
  padding: 14px 20px;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 216, app/assets/stylesheets/common.scss */
.btn.btn-primary {
  color: #FFFFFF;
  background-color: #E0CCC1;
  border: 1px solid #E6CEC1;
}

/* line 221, app/assets/stylesheets/common.scss */
.btn.btn-outlined {
  color: #E0CCC1;
  background-color: transparent;
  border: 1px solid #E0CCC1;
}

/* line 226, app/assets/stylesheets/common.scss */
.btn.btn-danger {
  background-color: #bc0000;
  color: #e0ccc1;
  border: 1px solid #bc0000;
}

/* line 231, app/assets/stylesheets/common.scss */
.btn.btn-grey {
  background-color: #D5D3D3;
  color: #414141;
  border: 1px solid #979797;
}

/* line 236, app/assets/stylesheets/common.scss */
.btn.btn-create-project {
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 242, app/assets/stylesheets/common.scss */
.btn.btn-small, .btn.btn-sm {
  padding: 8px 16px;
  font-size: 14px;
}

/* line 246, app/assets/stylesheets/common.scss */
.btn.btn-xs {
  padding: 4px 8px;
  font-size: 14px;
}

/* line 252, app/assets/stylesheets/common.scss */
.search-bar {
  overflow: auto;
}

/* line 258, app/assets/stylesheets/common.scss */
form.inline .btn {
  margin-left: 10px;
}

/* line 263, app/assets/stylesheets/common.scss */
form.type-1 .form-header {
  font-family: Courier;
  font-weight: bold;
  font-size: 30px;
  color: #ADAAAA;
  letter-spacing: 1.07px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 273, app/assets/stylesheets/common.scss */
form.type-1 label {
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #ADAAAA;
  letter-spacing: 1.07px;
  text-transform: uppercase;
}

/* line 281, app/assets/stylesheets/common.scss */
form.type-1 input[type=number],
form.type-1 input[type=text],
form.type-1 input[type=color] {
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  padding: 8px 10px;
  font-size: 18px;
  color: #E6CEC2;
  outline: none;
}

/* line 292, app/assets/stylesheets/common.scss */
form.type-1 input[type=number]::placeholder,
form.type-1 input[type=text]::placeholder,
form.type-1 input[type=color]::placeholder {
  color: #E6CEC255;
}

/* line 296, app/assets/stylesheets/common.scss */
form.type-1 .btn {
  padding: 8px 20px;
  margin-top: 15px;
}

/* line 303, app/assets/stylesheets/common.scss */
.form-control {
  background-color: transparent;
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  padding: 8px 10px;
  font-size: 18px;
  color: #E6CEC2;
  outline: none;
  width: 100%;
}

/* line 314, app/assets/stylesheets/common.scss */
.form-control::placeholder {
  color: #E6CEC255;
}

/* line 317, app/assets/stylesheets/common.scss */
.form-control[type=color] {
  height: 36px;
  padding: 2px 10px;
  cursor: pointer;
}

/* line 325, app/assets/stylesheets/common.scss */
a.type-1 {
  color: rgba(224, 204, 193, 0.57);
  font-family: Courier;
  font-size: 18px;
  letter-spacing: 0.65px;
  margin-left: 10px;
}

/* line 334, app/assets/stylesheets/common.scss */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000008c;
  z-index: 999;
}

/* line 343, app/assets/stylesheets/common.scss */
.modal-overlay.modal-overlay-open {
  display: block;
}

/* line 347, app/assets/stylesheets/common.scss */
.modal {
  z-index: 1000;
  background: #414141;
  border: 2px solid #E0CCC1;
  border-radius: 5px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 500px;
  height: fit-content;
  height: -moz-max-content;
  padding: 25px 35px;
  margin: auto;
  display: none;
}

/* line 363, app/assets/stylesheets/common.scss */
.modal.lg {
  width: 700px;
}

/* line 366, app/assets/stylesheets/common.scss */
.modal.modal-open {
  display: block;
}

/* line 369, app/assets/stylesheets/common.scss */
.modal .close {
  text-decoration: none;
  position: absolute;
  top: 6px;
  right: 20px;
  font-family: Courier;
  font-weight: bold;
  font-size: 36px;
  color: #E0CCC1;
  letter-spacing: 1.78px;
}

/* line 380, app/assets/stylesheets/common.scss */
.modal .close img {
  max-width: 22px;
}

/* line 384, app/assets/stylesheets/common.scss */
.modal .title {
  font-family: Courier;
  font-weight: bold;
  font-size: 32px;
  color: #E0CCC1;
  letter-spacing: 1.49px;
  text-align: center;
}

/* line 392, app/assets/stylesheets/common.scss */
.modal form {
  margin-top: 15px;
  margin-bottom: 35px;
}

/* line 395, app/assets/stylesheets/common.scss */
.modal form select,
.modal form input[type=number],
.modal form input[type=text] {
  width: 100%;
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  padding: 8px 10px;
  font-size: 18px;
  color: #E6CEC2;
  outline: none;
  background-color: transparent;
  margin-bottom: 20px;
}

/* line 409, app/assets/stylesheets/common.scss */
.modal form select::placeholder,
.modal form input[type=number]::placeholder,
.modal form input[type=text]::placeholder {
  color: #E6CEC255;
}

/* line 416, app/assets/stylesheets/common.scss */
.Zebra_DatePicker .dp_daypicker th {
  background-color: #E4CBBF !important;
}

/* line 419, app/assets/stylesheets/common.scss */
.Zebra_DatePicker .dp_body .dp_selected {
  background-color: #E9CABD !important;
  color: #222 !important;
}

/* line 425, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options {
  display: grid;
  grid-template-columns: 50% 50%;
}

/* line 428, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style {
  height: 90px;
  width: 90px;
  margin: auto;
  margin-bottom: 25px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}

/* line 436, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 442, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style span {
  height: 100%;
  width: 100%;
  display: block;
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  background-size: 65px;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 452, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style input:checked ~ span {
  border: 3px solid #E6CEC2;
}

/* line 456, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.a span {
  background-size: 52px;
  background-image: url(https://beta.effi.xyz/assets/qr-style-a-243a3c9d46caef1c879fd50265f36f5f5f69144adea4dc4b1afbca47491a9ce9.png);
}

/* line 462, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.b span {
  background-image: url(https://beta.effi.xyz/assets/qr-style-b-0b5ec2d6888c09fc16025f282c73f9d3df47872e0a31eb0406a6cf14d9e14e2e.png);
}

/* line 467, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.c span {
  background-size: 55px;
  background-image: url(https://beta.effi.xyz/assets/qr-style-c-83e6fe958e0679c1ed24ec53c86c7b361962653f0e56992a935688718c69ab2b.png);
}

/* line 473, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.d span {
  background-size: 55px;
  background-image: url(https://beta.effi.xyz/assets/qr-style-d-a470a70230e5cfc93499ecac3b051c33fa08b10b7837157baff92f7c2e2f728a.png);
}

/* line 479, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.e span {
  background-size: 55px;
  background-image: url(https://beta.effi.xyz/assets/qr-style-e-2f7ba967767066997366c4f055775552cd7a4d28a68fb1cf9d06a66e51d3a240.png);
}

/* line 485, app/assets/stylesheets/common.scss */
.form-row-qr-style .form-row-align-options .style.f span {
  background-size: 55px;
  background-image: url(https://beta.effi.xyz/assets/qr-style-f-4b98c75c584bd9a7ff77c7cae6d4341e84d0760b23e3955bf65c92f14117ed21.png);
}

/* line 494, app/assets/stylesheets/common.scss */
.form-row-align .form-row-align-options {
  text-align: center;
}

/* line 497, app/assets/stylesheets/common.scss */
.form-row-align label {
  height: 38px;
  width: 38px;
  display: inline-block;
  cursor: pointer;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
}

/* line 506, app/assets/stylesheets/common.scss */
.form-row-align span {
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 5px;
}

/* line 517, app/assets/stylesheets/common.scss */
.form-row-align .left span {
  background-image: url(https://beta.effi.xyz/assets/align-left-b6fd12a17004ba0032db50ac2569fb120e88dc6f3013756623971df8c5f12103.png);
}

/* line 520, app/assets/stylesheets/common.scss */
.form-row-align .right span {
  background-image: url(https://beta.effi.xyz/assets/align-right-9aef8a02cb100d1e753dbe6ac0d6bde5839aa1370eee509e11c1b505009fb676.png);
}

/* line 523, app/assets/stylesheets/common.scss */
.form-row-align .center span {
  background-image: url(https://beta.effi.xyz/assets/align-center-fbeb13f7d33de260652fa45f783ddfc30b92764203f30010be21bb80ae20e967.png);
}

/* line 526, app/assets/stylesheets/common.scss */
.form-row-align .justify span {
  background-image: url(https://beta.effi.xyz/assets/align-justify-a10cb697ed15c26392d7efa2dbf57f822b39262a7d8a7541d788c57107deb586.png);
}

/* line 529, app/assets/stylesheets/common.scss */
.form-row-align input {
  visibility: hidden;
}

/* line 532, app/assets/stylesheets/common.scss */
.form-row-align input:checked ~ span {
  background-color: #616161;
}

/* line 558, app/assets/stylesheets/common.scss */
body.account-layout,
body.application-layout {
  background-color: #FAFAFA;
}

/* line 562, app/assets/stylesheets/common.scss */
body.account-layout {
  font-family: Helvetica, sans-serif;
}

/* line 564, app/assets/stylesheets/common.scss */
body.account-layout .btn {
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
}

/* line 569, app/assets/stylesheets/common.scss */
body.account-layout .btn.btn-primary {
  color: #5C5C5C;
}

/* line 573, app/assets/stylesheets/common.scss */
body.account-layout .form-control {
  width: 100%;
}

/* line 576, app/assets/stylesheets/common.scss */
body.account-layout .modal {
  background: #fff;
  border: 1px solid #979797;
  position: fixed;
}

/* line 580, app/assets/stylesheets/common.scss */
body.account-layout .modal.modal-open {
  display: block;
}

/* line 584, app/assets/stylesheets/common.scss */
body.account-layout .modal .close img {
  height: 25px;
  width: 25px;
}

/* line 538, app/assets/stylesheets/common.scss */
body.account-layout .modal .setting-input {
  border: solid 1px #c3c3c3;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  color: #C1BCBC;
  outline: none;
  font-weight: normal;
  height: 34px;
  margin: 0px;
}

/* line 548, app/assets/stylesheets/common.scss */
body.account-layout .modal .setting-input::placeholder {
  color: #C1BCBC;
  font-size: 12px;
}

/* line 553, app/assets/stylesheets/common.scss */
body.account-layout .modal .setting-select {
  margin: 0;
}

/* line 590, app/assets/stylesheets/common.scss */
body.account-layout .modal textarea.setting-input {
  height: auto;
}

/* line 594, app/assets/stylesheets/common.scss */
body.account-layout .setting-table {
  width: 100%;
  border: solid 1px #cecece;
  border-collapse: collapse;
}

/* line 599, app/assets/stylesheets/common.scss */
body.account-layout .setting-table tr th {
  border-top-left-radius: 5px;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  color: #908D8D;
  padding: 5px 8px;
}

/* line 606, app/assets/stylesheets/common.scss */
body.account-layout .setting-table tr th .role-header {
  float: left;
}

/* line 609, app/assets/stylesheets/common.scss */
body.account-layout .setting-table tr th img {
  float: left;
  width: 20px;
  height: 20px;
  padding-left: 2px;
}

/* line 617, app/assets/stylesheets/common.scss */
body.account-layout .setting-table tr td {
  border-top: solid 1px #D9D7D7;
  padding: 5px 8px;
  color: #908D8D;
  font-size: 13px;
  text-align: left;
}

/* line 626, app/assets/stylesheets/common.scss */
body.account-layout .settings-avatar {
  font-family: 'Lato', sans-serif;
  background-color: #E0CCC1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

/* line 640, app/assets/stylesheets/common.scss */
body.account-layout .setting-select {
  border-color: #c3c3c3;
  min-width: 150px;
  border-radius: 5px;
  padding: 5px;
  color: #C1BCBC;
  outline: none;
  font-weight: normal;
}

/* line 650, app/assets/stylesheets/common.scss */
body.account-layout .setting-title {
  color: #3A3A3A;
  margin: 0;
}

/* line 655, app/assets/stylesheets/common.scss */
body.account-layout .setting-para {
  color: #5C5C5C;
  font-weight: 200;
  margin: 5px 0;
}

/* line 659, app/assets/stylesheets/common.scss */
body.account-layout .setting-para a {
  color: #5C5C5C;
  font-weight: 400;
}

/* line 665, app/assets/stylesheets/common.scss */
body.account-layout .social-icon-section {
  display: grid;
  grid-template-columns: repeat(4, 80px);
  grid-column-gap: 24px;
  grid-row-gap: 10px;
  border: solid 1px #DADADA;
  padding: 15px;
  border-radius: 10px;
  max-height: 400px;
  overflow: auto;
  margin: 20px 0px;
}

/* line 676, app/assets/stylesheets/common.scss */
body.account-layout .social-icon-section .social-icon {
  border: solid 2px #979797;
  border-radius: 10px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 685, app/assets/stylesheets/common.scss */
body.account-layout .social-icon-section .social-icon:hover, body.account-layout .social-icon-section .social-icon.selected {
  border-color: #2EBB0A;
  box-shadow: 0px 0px 0px 2px #2ebb0a;
}

/* line 690, app/assets/stylesheets/common.scss */
body.account-layout .social-icon-section .social-icon img {
  max-width: 60px;
}

/* line 697, app/assets/stylesheets/common.scss */
body.account-layout .modal-wrapper .modal {
  background-color: #ffffff;
  border: solid 1px #979797;
}

/* line 703, app/assets/stylesheets/common.scss */
body.account-layout .modal-content-heading,
body.account-layout .modal-content-para {
  font-weight: 100;
}

/* line 708, app/assets/stylesheets/common.scss */
body.account-layout .modal-content-para {
  font-size: 14px;
  line-height: 22px;
}

/* line 713, app/assets/stylesheets/common.scss */
body.account-layout .modal-content-button {
  text-align: right;
  margin-top: 10px;
}

/* line 716, app/assets/stylesheets/common.scss */
body.account-layout .modal-content-button .btn {
  text-transform: none;
  font-size: 12px;
  min-width: 70px;
}

/* line 723, app/assets/stylesheets/common.scss */
body.account-layout .setting-content-box-section-content {
  padding: 20px 35px;
}

/* line 726, app/assets/stylesheets/common.scss */
body.account-layout .setting-content-box-section-content .setting-table {
  margin-top: 30px;
}

/* line 730, app/assets/stylesheets/common.scss */
body.account-layout .setting-content-box-section-content .info-text {
  font-size: 18px;
  color: #5C5C5C;
}

/* line 733, app/assets/stylesheets/common.scss */
body.account-layout .setting-content-box-section-content .info-text img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

/* line 742, app/assets/stylesheets/common.scss */
.fields-container {
  padding: 10px 5px 10px 5px;
}

/* line 744, app/assets/stylesheets/common.scss */
.fields-container .field-box {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 0px 0px 20px 0px;
  align-items: center;
}

/* line 750, app/assets/stylesheets/common.scss */
.fields-container .field-box .item-left {
  min-width: 30%;
  font-weight: 400;
}

/* line 538, app/assets/stylesheets/common.scss */
.fields-container .field-box .setting-input {
  border: solid 1px #c3c3c3;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  color: #C1BCBC;
  outline: none;
  font-weight: normal;
  height: 34px;
  margin: 0px;
}

/* line 548, app/assets/stylesheets/common.scss */
.fields-container .field-box .setting-input::placeholder {
  color: #C1BCBC;
  font-size: 12px;
}

/* line 553, app/assets/stylesheets/common.scss */
.fields-container .field-box .setting-select {
  margin: 0;
}

/* line 756, app/assets/stylesheets/common.scss */
.fields-container .field-box input.lg {
  width: 70%;
}

/* line 759, app/assets/stylesheets/common.scss */
.fields-container .field-box input.xs {
  width: 150px;
}

/* line 762, app/assets/stylesheets/common.scss */
.fields-container .field-box input.file {
  width: 50%;
}

/* line 766, app/assets/stylesheets/common.scss */
.fields-container .field-box .field-box-span {
  font-size: 12px;
  margin-left: 10px;
}

/* line 770, app/assets/stylesheets/common.scss */
.fields-container .field-box select {
  width: 70%;
}

/* line 774, app/assets/stylesheets/common.scss */
.fields-container .field-box .help-text {
  padding-left: 30%;
}

/* line 779, app/assets/stylesheets/common.scss */
.flex-column {
  flex-direction: column;
}

/* line 783, app/assets/stylesheets/common.scss */
.align-left {
  align-items: flex-start !important;
}

/* line 787, app/assets/stylesheets/common.scss */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
}

/* line 792, app/assets/stylesheets/common.scss */
.flex-container.content-center {
  justify-content: center;
  align-self: center;
}

/* line 799, app/assets/stylesheets/common.scss */
.flex-item-left {
  padding: 10px;
  flex: 40%;
}

/* line 804, app/assets/stylesheets/common.scss */
.flex-item-right {
  padding: 10px 0px 0px 20px;
  flex: 60%;
}

/* line 809, app/assets/stylesheets/common.scss */
.p30-left {
  padding-left: 30px;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  /* line 814, app/assets/stylesheets/common.scss */
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
}

/* line 819, app/assets/stylesheets/common.scss */
.file-with-background {
  height: 100px;
  position: relative;
  border: 1px solid #e0ccc1;
  text-align: center;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* line 829, app/assets/stylesheets/common.scss */
.file-with-background .file-name-label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  bottom: 0;
  padding-right: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background-color: #0000008c;
}

/* line 841, app/assets/stylesheets/common.scss */
.file-with-background .file-name-label a {
  color: #e0ccc1;
}

/* line 844, app/assets/stylesheets/common.scss */
.file-with-background .file-name-label .delete-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  margin: 0;
}

/* line 851, app/assets/stylesheets/common.scss */
.file-with-background .file-upper {
  top: 0;
  position: absolute;
  bottom: 25px;
  width: 100%;
}

/* line 859, app/assets/stylesheets/common.scss */
.setting-stickers-section {
  display: grid;
  grid-template-columns: repeat(4, 100px);
  grid-column-gap: 40px;
  grid-row-gap: 18px;
  border: solid 1px #DADADA;
  padding: 15px;
  border-radius: 10px;
  max-height: 400px;
  overflow: auto;
  margin-top: 20px;
  max-width: 840px;
}

/* line 872, app/assets/stylesheets/common.scss */
.setting-stickers-section.setting-stickers-grid-6 {
  grid-template-columns: repeat(6, 100px);
}

/* line 878, app/assets/stylesheets/common.scss */
.setting-stickers-section.setting-stickers-section-dark .setting-stickers:hover, .setting-stickers-section.setting-stickers-section-dark .setting-stickers.sticker-selected {
  border-color: #fff;
  box-shadow: 0px 0px 0px 2px #fff;
}

/* line 885, app/assets/stylesheets/common.scss */
.setting-stickers-section.setting-stickers-section-dark .setting-stickers-text {
  color: #E4D2C8;
}

/* line 890, app/assets/stylesheets/common.scss */
.setting-stickers-section .setting-stickers {
  border: solid 2px #979797;
  border-radius: 10px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 899, app/assets/stylesheets/common.scss */
.setting-stickers-section .setting-stickers:hover, .setting-stickers-section .setting-stickers.sticker-selected {
  border-color: #2EBB0A;
  box-shadow: 0px 0px 0px 2px #2ebb0a;
}

/* line 905, app/assets/stylesheets/common.scss */
.setting-stickers-section .setting-stickers .setting-stickers-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: Helvetica, sans-serif;
}

/* line 913, app/assets/stylesheets/common.scss */
.setting-stickers-section .setting-stickers img {
  max-width: 85px;
}

/* line 919, app/assets/stylesheets/common.scss */
.flex {
  display: flex;
}

/* line 923, app/assets/stylesheets/common.scss */
.flex-space-between {
  justify-content: space-between;
}

/* line 927, app/assets/stylesheets/common.scss */
.align-center {
  align-items: center;
}

/* line 931, app/assets/stylesheets/common.scss */
.border-none {
  border: none !important;
}

/* line 935, app/assets/stylesheets/common.scss */
.text-right {
  text-align: right !important;
}

/* line 939, app/assets/stylesheets/common.scss */
.text-left {
  text-align: left !important;
}

/* line 943, app/assets/stylesheets/common.scss */
.file-picker-container {
  overflow: auto;
  margin-top: 5px;
  height: auto;
}

/* line 947, app/assets/stylesheets/common.scss */
.file-picker-container .file-picker {
  position: relative;
  background-image: url(https://beta.effi.xyz/assets/file-picker-icon-00f5bc8d7baf2f8bcdb483a8c17ba28523dc4064700060718c7a8bb4b5289697.png);
  width: 30px;
  height: 30px;
  background-size: 100%;
  display: inline-block;
  float: left;
  background-repeat: no-repeat;
}

/* line 956, app/assets/stylesheets/common.scss */
.file-picker-container .file-picker input {
  height: 100%;
  width: 100%;
  opacity: 0;
}

/* line 962, app/assets/stylesheets/common.scss */
.file-picker-container .or {
  display: inline-block;
  color: #E0CCC1;
  padding-top: 8px;
  float: left;
  font-size: 13px;
  padding-bottom: 7px;
  border-right: 1px solid #e0ccc1;
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px;
  height: 30px;
}

/* line 976, app/assets/stylesheets/common.scss */
.file-picker-container .library-picker, .file-picker-container .image-library-picker {
  background-image: url(https://beta.effi.xyz/assets/gallery-icon-38fb2ad1bd087953246d23ac9f80c83b7055f6bec1fd6b59d73bbd6c440191ab.png);
  height: 40px;
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  width: 45px;
  float: left;
}

/* line 987, app/assets/stylesheets/common.scss */
.modal-project-assets {
  height: 90%;
  width: 90%;
  color: #E0CCC1;
  overflow: scroll;
}

/* line 992, app/assets/stylesheets/common.scss */
.modal-project-assets .loading {
  text-align: center;
  margin-top: 25px;
}

/* line 996, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 25px;
}

/* line 1001, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item {
  height: 130px;
  position: relative;
  border: 1px solid #e0ccc1;
  text-align: center;
}

/* line 1006, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-item-with-background {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* line 1011, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-item-with-background .meta {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  bottom: 0;
  padding-right: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background-color: #0000008c;
}

/* line 1023, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-item-with-background .meta .btn-delete {
  position: absolute;
  right: 10px;
  top: 5px;
  margin: 0;
}

/* line 1031, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-add-item {
  border: 1px dashed #e0ccc1;
  display: block;
  background-image: url(https://beta.effi.xyz/assets/plus-icon-5b7f7184c68572b847e032cdbf5c234cb5daf4e0b9b3d8e739b5ac0d429fa809.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 1038, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-add-item input {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

/* line 1048, app/assets/stylesheets/common.scss */
.modal-project-assets .asset-items .asset-item.asset-add-item .meta {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px 6px;
}

/* line 1060, app/assets/stylesheets/common.scss */
.modal-info-popup {
  color: #E0CCC1 !important;
}

/* line 1062, app/assets/stylesheets/common.scss */
.modal-info-popup p {
  font-size: 20px;
  padding: 5px;
}

/* line 1068, app/assets/stylesheets/common.scss */
.modal-change-warning-popup {
  color: #E0CCC1 !important;
}

/* line 1070, app/assets/stylesheets/common.scss */
.modal-change-warning-popup p {
  font-size: 20px;
  padding: 5px;
}

/* line 1074, app/assets/stylesheets/common.scss */
.modal-change-warning-popup a {
  color: #E0CCC1;
  text-decoration: none;
  margin-left: 10px;
  font-family: Helvetica, sans-serif;
}

/* line 1082, app/assets/stylesheets/common.scss */
.select2-dropdown {
  background-color: #343434 !important;
  color: #E0CCC1 !important;
  z-index: 998 !important;
}

/* line 1087, app/assets/stylesheets/common.scss */
.select2-results, .select2-selection {
  background-color: #343434 !important;
  font-family: Courier;
}

/* line 1090, app/assets/stylesheets/common.scss */
.select2-results .custom-dropdown, .select2-selection .custom-dropdown {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 5px 0px 5px 10px;
  color: #E0CCC1 !important;
}

/* line 1098, app/assets/stylesheets/common.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #494343 !important;
  color: #E0CCC1 !important;
}

/* line 1102, app/assets/stylesheets/common.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #E0CCC1 !important;
}

/* line 1105, app/assets/stylesheets/common.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  color: #E0CCC1 !important;
}

/* line 1108, app/assets/stylesheets/common.scss */
.display-none {
  display: none !important;
}

/* line 1112, app/assets/stylesheets/common.scss */
.help-btn {
  font-size: 12px;
  color: #5C5C5C;
}

/* line 1116, app/assets/stylesheets/common.scss */
.custom-select-control {
  position: relative;
  display: flex;
  width: 600px;
  color: #E0CCC1 !important;
  background-color: #343434 !important;
  font-family: Courier;
}

/* line 1123, app/assets/stylesheets/common.scss */
.custom-select-control .arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 1129, app/assets/stylesheets/common.scss */
.custom-select-control .arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 1144, app/assets/stylesheets/common.scss */
.custom-select-control.open .arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1149, app/assets/stylesheets/common.scss */
.custom-select-control.open .dropdown-options {
  display: block;
}

/* line 1153, app/assets/stylesheets/common.scss */
.custom-select-control .placeholder {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #E6CEC2;
  width: 100%;
  cursor: pointer;
}

/* line 1164, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options {
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  background-color: #343434 !important;
  border-right: 1px solid #E6CEC2;
  border-left: 1px solid #E6CEC2;
  border-bottom: 1px solid #E6CEC2;
  z-index: 3;
  display: none;
}

/* line 1175, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-header {
  display: table;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #E6CEC2;
  table-layout: fixed;
  font-weight: bold;
}

/* line 1183, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-container {
  height: auto;
  max-height: 150px;
  overflow-y: scroll;
}

/* line 1184, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-container .table-body {
  display: table;
  text-align: left;
  table-layout: fixed;
  width: 100%;
}

/* line 1190, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-container .table-body .table-row.selected {
  background-color: #494343 !important;
  color: #E0CCC1 !important;
}

/* line 1194, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-container .table-body .table-row:hover {
  background-color: #5897fb;
  color: white;
  cursor: pointer;
}

/* line 1205, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-row {
  display: table-row;
}

/* line 1207, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-row .table-cell {
  display: table-cell;
  padding: 10px 8px;
  width: 16%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1208, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .table-row .table-cell:first-child, .custom-select-control .dropdown-options .table-row .table-cell:nth-child(4) {
  width: 26%;
}

/* line 1219, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .option-add-new {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

/* line 1224, app/assets/stylesheets/common.scss */
.custom-select-control .dropdown-options .option-add-new:hover {
  background-color: #5897fb;
  color: white;
}

/* line 1231, app/assets/stylesheets/common.scss */
.error {
  border: 1px solid #f42323 !important;
}

/* line 1234, app/assets/stylesheets/common.scss */
.error-msg {
  font-size: 14px;
  color: #f42323;
  padding: 2px 5px;
}

/* line 3, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar,
body.account-layout navbar {
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16);
  height: 80px;
  display: block;
  position: relative;
}

/* line 9, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .logo,
body.account-layout navbar .logo {
  float: left;
  height: 80px;
  padding: 20px 80px;
}

/* line 13, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .logo img,
body.account-layout navbar .logo img {
  height: 100%;
}

/* line 17, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2,
body.account-layout navbar .hamburger-v2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  float: right;
  height: 80px;
  margin-right: 80px;
  position: relative;
  outline: none;
  width: 70px;
  background-color: #D9C5B7;
  border-radius: 100px;
  height: 70px;
  top: 5px;
  z-index: 999;
}

/* line 35, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .initial,
body.account-layout navbar .hamburger-v2 .initial {
  height: 40px;
  width: 40px;
  background-color: #D9C5B7;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 32px;
  text-align: center;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 52, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 button,
body.account-layout navbar .hamburger-v2 button {
  outline: none;
  position: absolute !important;
  left: 0;
  top: 24px;
  visibility: hidden;
  box-shadow: none;
}

/* line 60, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 img,
body.account-layout navbar .hamburger-v2 img {
  height: 100%;
}

/* line 63, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .header,
body.account-layout navbar .hamburger-v2 .header {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0;
  overflow: auto;
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.59);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/* line 75, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .user-info,
body.account-layout navbar .hamburger-v2 .user-info {
  font-family: Helvetica, sans-serif;
  margin-top: 15px;
}

/* line 78, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .user-info .user-name,
body.account-layout navbar .hamburger-v2 .user-info .user-name {
  font-weight: bold;
  color: #2E2E2E;
  font-size: 20px;
  margin-bottom: 5px;
}

/* line 84, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .user-info .user-email,
body.account-layout navbar .hamburger-v2 .user-info .user-email {
  color: #6E6C6C;
}

/* line 88, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items,
body.account-layout navbar .hamburger-v2 .menu-items {
  margin-top: 30px;
  height: 154px;
  display: none;
  width: 80px;
  padding-left: 70px;
  padding-top: 40px;
  width: 350px;
  padding: 0;
  margin-top: 73px;
  margin-left: -222px;
  height: fit-content;
  box-shadow: -2px 7px 12px 0 rgba(0, 0, 0, 0.19), 2px 7px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  background-color: #FFFFFF;
  z-index: 9999;
  padding: 20px 0px;
  position: relative;
  padding-bottom: 5px;
}

/* line 107, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items .hamburger-initial,
body.account-layout navbar .hamburger-v2 .menu-items .hamburger-initial {
  width: 80px;
  background-color: #D9C5B7;
  border-radius: 100px;
  height: 80px;
  position: relative;
  float: left;
  margin-right: 25px;
}

/* line 115, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items .hamburger-initial .initial,
body.account-layout navbar .hamburger-v2 .menu-items .hamburger-initial .initial {
  height: 45px;
  width: 45px;
  background-color: #D9C5B7;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 133, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items .menu-items-section,
body.account-layout navbar .hamburger-v2 .menu-items .menu-items-section {
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.59);
}

/* line 138, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items .menu-items-section:last-child,
body.account-layout navbar .hamburger-v2 .menu-items .menu-items-section:last-child {
  border-bottom: none;
}

/* line 142, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items.show,
body.account-layout navbar .hamburger-v2 .menu-items.show {
  display: block;
}

/* line 145, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger-v2 .menu-items a,
body.account-layout navbar .hamburger-v2 .menu-items a {
  display: block;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  color: #5F5C5C;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 156, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger,
body.account-layout navbar .hamburger {
  cursor: pointer;
  display: block;
  float: right;
  height: 80px;
  margin-right: 80px;
  position: relative;
  outline: none;
}

/* line 164, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger button,
body.account-layout navbar .hamburger button {
  outline: none;
  position: absolute !important;
  left: 0;
  top: 24px;
  visibility: hidden;
  box-shadow: none;
}

/* line 172, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger img,
body.account-layout navbar .hamburger img {
  height: 100%;
}

/* line 175, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger.still,
body.account-layout navbar .hamburger.still {
  overflow: hidden;
}

/* line 179, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger.expand img.still,
body.account-layout navbar .hamburger.expand img.still {
  visibility: hidden;
}

/* line 182, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger.expand button.expand,
body.account-layout navbar .hamburger.expand button.expand {
  visibility: visible;
}

/* line 187, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger.reverse img.still,
body.account-layout navbar .hamburger.reverse img.still {
  visibility: hidden;
}

/* line 190, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger.reverse button.reverse,
body.account-layout navbar .hamburger.reverse button.reverse {
  visibility: visible;
}

/* line 194, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger .menu-items,
body.account-layout navbar .hamburger .menu-items {
  background-image: url(https://beta.effi.xyz/assets/ketchup-a5a3114b6430b4f4109e26f45090ef7480cae69a23ba1dea6a3f1aa4bda98a30.png);
  margin-top: 30px;
  height: 154px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 24px;
  display: none;
  width: 80px;
  padding-left: 70px;
  padding-top: 40px;
}

/* line 205, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger .menu-items.show,
body.account-layout navbar .hamburger .menu-items.show {
  display: block;
}

/* line 208, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar .hamburger .menu-items a,
body.account-layout navbar .hamburger .menu-items a {
  display: block;
  text-decoration: none;
  font-family: Courier-Bold;
  font-size: 16px;
  color: #8B8B8B;
  letter-spacing: 0.59px;
  margin-bottom: 5px;
}

/* line 220, app/assets/stylesheets/layout_application.scss */
body.application-layout navbar.sub-nav,
body.account-layout navbar.sub-nav {
  display: none;
  height: 40px;
  border-top: 1px solid #E6CEC2;
  box-sizing: content-box;
  padding: 0px 20px;
}

@media (min-width: 320px) and (max-width: 575px) {
  /* line 231, app/assets/stylesheets/layout_application.scss */
  body.application-layout navbar .logo,
body.account-layout navbar .logo {
    padding: 20px;
  }
  /* line 234, app/assets/stylesheets/layout_application.scss */
  body.application-layout navbar .hamburger-v2,
body.account-layout navbar .hamburger-v2 {
    margin-right: 20px;
  }
}

/* line 1, app/assets/stylesheets/layout_project.scss */
body.project-layout {
  background-color: #343434;
  /*table {
    width: 100%;
    border-spacing: 0px;
    td, th {
      border-bottom: 1px solid rgba(224,204,193,0.65);
    }
    th {
      width: 50%;
      font-family: Courier;
      font-weight: bold;
      font-size: 16px;
      color: rgba(224,204,193,0.80);
      letter-spacing: 0.65px;
      text-align: left;
      vertical-align: middle;
      padding: 10px 0;
    }
    td {
      cursor: pointer;
      font-family: Courier;
      font-weight: bold;
      font-size: 18px;
      color: #E0CCC1;
      letter-spacing: 0.89px;
      vertical-align: middle;
      padding: 10px 0;
      &.small {
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        color: rgba(230,206,194,0.80);
        letter-spacing: 0.71px;
        text-transform: uppercase;
      }
    }
  }*/
}

/* line 3, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout {
  display: grid;
  grid-template-columns: 60px auto;
  height: calc(100% - 60px);
  grid-template-rows: 100%;
}

/* line 8, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .pages-section {
  height: 50%;
  overflow: auto;
}

/* line 11, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .pages-section .left-solid-arrow-icon {
  background-image: url(https://beta.effi.xyz/assets/solid-arrow-da2853767d665fac376e890e5b4b37f204038067a63d88e1e0e55b450b8a7f8f.png);
  height: 16px;
  width: 36px;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
  color: #e0ccc1;
  padding-left: 36px;
}

/* line 25, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .elements-section {
  height: 50%;
  overflow: auto;
  background-color: #343434;
  border-top: 1px solid #505050;
  position: absolute;
  width: 100%;
  top: 50%;
}

/* line 33, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .elements-section .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

/* line 40, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .elements-section .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 48, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-list, body.project-layout .new-layout .elements-list {
  height: calc(100% - 44px);
  overflow: auto;
}

/* line 52, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu {
  background-color: #343434;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

/* line 57, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header {
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  color: #e0ccc1;
  padding-right: 62px;
  vertical-align: top;
  padding-top: 12px;
  font-size: 14px;
  padding-bottom: 12px;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  padding-left: 12px;
  height: 38px;
}

/* line 72, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header .icon-add-layer {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 17px;
  padding-left: 10px;
}

/* line 80, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header .element-expand {
  position: fixed;
  top: 49px;
  left: 203px;
  transform: rotate(180deg);
  display: none;
  z-index: 99;
}

/* line 88, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header.selected {
  background-color: #e0ccc1;
}

/* line 90, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header.selected a {
  color: #343434;
}

/* line 94, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-header a {
  color: #e0ccc1;
}

/* line 98, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .border-bottom {
  border-bottom: 1px solid #505050;
}

/* line 102, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .pages-section .icon-add-layer {
  right: 102px;
}

/* line 107, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .elements-section .icon-add-layer {
  right: 95px;
}

/* line 111, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul {
  margin-top: 0;
  padding-left: 0;
  list-style: none;
  padding: 0px;
  margin-bottom: 0;
}

/* line 117, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li {
  background-color: #343434;
  /*padding: 0 8px;*/
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 6px;
  height: 38px;
}

/* line 126, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .btn-delete {
  display: none;
}

/* line 129, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .btn-copy {
  display: none;
}

/* line 133, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li:hover span.icon {
  background-color: #505050;
}

/* line 137, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active {
  background-color: #3A75FF;
  /*span.icon {
              background-color: #616161;
            }
            &:hover {
              span.icon {
                background-color: #616161;
              }
            }*/
}

/* line 139, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active a span.name {
  padding-right: 35px;
}

/* line 150, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active .btn-copy, body.project-layout .new-layout .layers-menu ul li.active .btn-delete, body.project-layout .new-layout .layers-menu ul li.active .btn-settings {
  display: inline-block;
}

/* line 156, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.icon-expand span.icon, body.project-layout .new-layout .layers-menu ul li.icon-add-layer span.icon {
  background-color: transparent;
  opacity: 0.5;
}

/* line 161, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.icon-expand:hover span.icon, body.project-layout .new-layout .layers-menu ul li.icon-add-layer:hover span.icon {
  opacity: 1;
}

/* line 166, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li a {
  text-decoration: none;
  display: block;
  height: 38px;
  width: 100%;
}

/* line 171, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li a span.icon {
  height: 44px;
  width: 44px;
  background-color: #414141;
  display: inline-block;
  padding-top: 13px;
}

/* line 178, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li a span.name {
  display: none;
}

/* line 182, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li img {
  width: 100%;
  opacity: 1;
}

/* line 187, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .icon-expand img {
  width: 15px;
}

/* line 192, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .icon-add-layer img {
  width: 15px;
}

/* line 196, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .icon-layers {
  padding: 0 8px 0 25px;
}

/* line 198, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li .icon-layers img {
  width: 18px;
}

/* line 203, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active img {
  opacity: 1;
}

/* line 209, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu {
  position: absolute;
  height: 38px;
  width: 25px;
  top: 0px;
  right: 4px;
  cursor: pointer;
  white-space: normal;
}

/* line 217, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu .more-menu-circle {
  height: 25px;
  width: 25px;
  border-radius: 30px;
  position: relative;
  margin-top: 7px;
}

/* line 224, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu span.dot {
  height: 3px;
  width: 3px;
  position: absolute;
  background-color: #E6CEC2;
  border-radius: 5px;
  top: 4px;
  /*13px 21px*/
  left: 0;
  right: 0;
  margin: auto;
}

/* line 235, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu span.dot:nth-child(2) {
  top: 11px;
}

/* line 238, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu span.dot:nth-child(3) {
  top: 18px;
}

/* line 241, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu:hover {
  /*.popup-menu {
            display: block;
          }*/
}

/* line 242, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu:hover .more-menu-circle {
  background-color: #E6CEC2;
}

/* line 245, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .more-menu:hover span.dot {
  background-color: #343434;
}

/* line 255, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active .more-menu:hover {
  /*.popup-menu {
              display: block;
            }*/
}

/* line 256, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu ul li.active .more-menu:hover span.dot {
  background-color: #3a75ff;
}

/* line 266, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .layers-list .more-menu {
  display: none;
}

/* line 270, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .layers-list .active .more-menu {
  display: block;
}

/* line 273, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .layers-list .active .live-icon {
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .layers-list .live-icon {
  background-image: url(https://beta.effi.xyz/assets/not-live-icon-d414043285bcd0b7ab1c7e2175c9cec3e91c95e08173fb3173c3b0e39985353f.png);
  height: 14px;
  width: 19px;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 11px;
  left: 5px;
}

/* line 287, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .layers-list .live-icon.live {
  background-image: url(https://beta.effi.xyz/assets/live-icon-51d98786e1fd4e8bd912bab9efcee944d72874e83d1910974f49284ed90c6f08.png);
}

/* line 292, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-copy {
  /*display: inline-block;*/
  display: none;
  position: absolute;
  right: 60px;
  top: 11px;
  width: auto;
  height: auto;
}

/* line 300, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-copy img {
  height: 17px;
  width: auto;
}

/* line 305, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-settings {
  /*display: inline-block;*/
  display: none;
  position: absolute;
  right: 9px;
  top: 10px;
  width: auto;
  height: auto;
}

/* line 313, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-settings img {
  height: 17px;
  width: auto;
}

/* line 318, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-delete {
  /*display: inline-block;*/
  display: none;
  position: absolute;
  right: 26px;
  top: 10px;
  width: auto;
  height: auto;
}

/* line 326, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-delete img {
  height: 17px;
  width: auto;
}

/* line 331, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .popup-menu {
  position: fixed;
  background-color: #616161;
  width: 100px;
  height: 95px;
  z-index: 100;
  right: 0;
  display: none;
  padding: 10px 0;
  top: 38px;
  right: -4px;
}

/* line 342, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .popup-menu:hover {
  display: block !important;
}

/* line 345, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .popup-menu .btn-settings, body.project-layout .new-layout .layers-menu .popup-menu .btn-copy, body.project-layout .new-layout .layers-menu .popup-menu .btn-delete {
  display: inline-block;
  position: relative;
  right: 0;
  left: 0;
  top: initial;
  width: 100%;
  text-align: left;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 8px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #DFCDC0;
  padding: 0 10px;
}

/* line 361, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .popup-menu .btn-settings span.icon, body.project-layout .new-layout .layers-menu .popup-menu .btn-copy span.icon, body.project-layout .new-layout .layers-menu .popup-menu .btn-delete span.icon {
  float: left;
  height: 17px;
  width: 17px;
  padding-top: 0;
  background-color: transparent;
  margin-right: 10px;
}

/* line 369, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .popup-menu .btn-settings span.text, body.project-layout .new-layout .layers-menu .popup-menu .btn-copy span.text, body.project-layout .new-layout .layers-menu .popup-menu .btn-delete span.text {
  float: left;
  margin-top: 2px;
}

/* line 377, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .layers-menu .btn-delete span.icon img {
  margin-left: 2px;
}

/* line 383, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open {
  grid-template-columns: 200px auto;
}

/* line 387, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .layers-menu .icon-expand img {
  transform: rotate(180deg);
}

/* line 392, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .layers-menu a span.name {
  padding-right: 0px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 12px;
  font-size: 12px;
  color: rgba(224, 204, 193, 0.8);
  margin-bottom: 12px;
  text-overflow: ellipsis;
  height: 15px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  padding-left: 4px;
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}

/* line 413, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
  height: 38px;
  background-color: #343434;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: rgba(224, 204, 193, 0.8);
  padding: 13px 10px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 11px center;
  padding-left: 40px;
  /*padding-right: 14px;*/
  padding-right: 72px;
}

/* line 437, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .popup-menu {
  height: 66px;
  text-transform: none;
}

/* line 441, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.active {
  /*padding-right: 88px;*/
  background-color: #616161;
}

/* line 444, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.active .btn-delete, body.project-layout .new-layout.layers-menu-open .element-item.active .btn-copy {
  display: inline-block;
}

/* line 447, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.active .btn-publish.active {
  display: inline-block;
}

/* line 451, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-publish {
  display: none;
}

/* line 454, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-publish.active {
  display: inline-block;
}

/* line 457, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-tracker {
  background-image: url(https://beta.effi.xyz/assets/tracker-element-icon-5f2aa198a5fd2e6bb85a989c5a670c976c2d036c893d76c4b96ffc4d073c5904.png);
}

/* line 460, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-poll {
  background-image: url(https://beta.effi.xyz/assets/poll-element-icon-dc180297bfcb417a1a548dfe28e68aa6a4f7014cf176a63faa7b7eb898818cc0.png);
}

/* line 463, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-chat {
  background-image: url(https://beta.effi.xyz/assets/chat-element-icon-7da4d1dccdb481a23e39d3428f739914d4144680b2d4d0871b6f2dced976ca06.png);
}

/* line 466, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-chat-pro {
  background-image: url(https://beta.effi.xyz/assets/chat-pro-element-icon-7da4d1dccdb481a23e39d3428f739914d4144680b2d4d0871b6f2dced976ca06.png);
}

/* line 469, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-vibe {
  background-image: url(https://beta.effi.xyz/assets/vibe-element-icon-0df447d1e1598a89ff985150ae21ecbd95c7015b0a0c408040293d53b6e6fc71.png);
}

/* line 472, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-meter {
  background-image: url(https://beta.effi.xyz/assets/meter-element-icon-48ca49ca511493a732dc4a1f51c2a08b4b07330f92923ebe4c3fcc5cb915f238.png);
}

/* line 475, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-cloud {
  background-image: url(https://beta.effi.xyz/assets/cloud-element-icon-49b554bf4940641e0dd13fde6e6124e7b49700e4675d665a8144cece70d2e843.png);
}

/* line 478, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-spark {
  background-image: url(https://beta.effi.xyz/assets/spark-element-icon-4bb67792a04b36c4af6f97c9636dc8135d3daec4b0e13178dc1a20cccbc7596a.png);
  background-size: 10px;
  background-position: left 15px center;
}

/* line 483, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-trivia {
  background-image: url(https://beta.effi.xyz/assets/trivia-element-icon-a82c098ffed61dcf96a340c688ea134dc0060858fdabfa23b89a8a43e9a55a5c.png);
}

/* line 486, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-image {
  background-image: url(https://beta.effi.xyz/assets/image-element-icon-734dad8f5d94d63952763518d3ad0f8c04fa0cf5f0f43bab171a0735a5fc6bc6.png);
}

/* line 489, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-app-ui {
  background-image: url(https://beta.effi.xyz/assets/fab-ui-element-icon-6d00120e54e09d5f0dbb52ecfa39d0d0572d17fc8583810e4a2fa9b0a34655f8.png);
  background-size: 14px;
  background-position: left 14px center;
}

/* line 494, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-text {
  background-image: url(https://beta.effi.xyz/assets/text-element-icon-c8164c1ceaf6c096fcce1684e408c2fa875732c4961a97784b0d1dd1a55d3797.png);
  background-size: 20px;
  background-position: left 10px center;
}

/* line 499, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.element-item-qr-code {
  background-image: url(https://beta.effi.xyz/assets/qr-code-element-icon-b4f020df80fae6e21365c2fc4acd8aefbc9ca35fb935179eeeb031885acceaf5.png);
  background-size: 20px;
  background-position: left 10px center;
}

/* line 504, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-delete {
  /*position: absolute;*/
  /*display: none;*/
  /*white-space: inherit;*/
}

/* line 509, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-publish {
  position: absolute;
  right: 7px;
  top: 11px;
  /*display: none;*/
  width: auto;
  height: auto;
}

/* line 516, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-publish img {
  width: auto;
}

/* line 520, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .btn-copy {
  /*position: absolute;*/
  /*display: none;*/
  /*white-space: inherit;*/
}

/* line 525, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .make-visible, body.project-layout .new-layout.layers-menu-open .element-item .make-invisible {
  right: 42px;
}

/* line 530, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item .more-menu:hover span.dot {
  background-color: #3c3c3c;
}

/* line 538, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout.layers-menu-open .element-item.active .more-menu:hover span.dot {
  background-color: #616161;
}

/* line 546, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .settings-container {
  padding: 15px 30px 0px 30px;
}

/* line 548, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .settings-container .label-webhooks {
  width: 100%;
  margin: 10px 0px 10px 0px;
}

/* line 551, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .settings-container .label-webhooks small {
  display: block;
  font-family: Courier;
  font-weight: normal;
  text-transform: none;
  margin-top: 5px;
  letter-spacing: 0px;
}

/* line 561, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .container {
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  left: 200px;
  right: 0;
  bottom: 0;
  top: 59px;
  overflow: auto;
  border-left: 1px solid #505050;
}

/* line 572, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .event-state-section {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #505050;
  height: 60px;
}

/* line 579, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .event-state-section button {
  border: 1px solid #E6CEC2;
  padding: 8px;
  text-transform: uppercase;
  margin: 10px 20px;
  background: transparent;
  color: #E6CEC2;
  cursor: pointer;
  border-radius: 5px;
}

/* line 588, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .event-state-section button:hover {
  color: #2e8b57;
  border: 1px solid #2e8b57;
}

/* line 592, app/assets/stylesheets/layout_project.scss */
body.project-layout .new-layout .event-state-section button.live {
  color: red;
  border: 1px solid red;
}

/* line 634, app/assets/stylesheets/layout_project.scss */
body.project-layout .btn-create-element {
  position: absolute;
  right: 0;
  top: -10px;
}

/* line 639, app/assets/stylesheets/layout_project.scss */
body.project-layout h1 {
  position: relative;
  font-family: Courier;
  font-weight: bold;
  font-size: 26px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* line 651, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar {
  background-color: #343434;
  height: 60px;
  display: block;
}

/* line 655, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .logo {
  height: 60px;
  padding: 15px;
  display: inline-block;
  float: left;
}

/* line 660, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .logo img {
  height: 100%;
  opacity: 0.50;
}

/* line 665, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .breadcrumbs {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 16px;
  width: calc(100% - 60px);
  /*width: calc(100% - 150px);*/
  display: inline-block;
  font-family: Courier;
  font-weight: bold;
  font-size: 22px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  height: 60px;
  float: left;
  padding-top: 16px;
  padding-left: 7px;
}

/* line 682, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .breadcrumbs a {
  text-decoration: none;
  color: #E0CCC1;
}

/* line 687, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .save-status {
  float: right;
  width: auto;
  padding-right: 20px;
  color: #E0CCC1;
}

/* line 692, app/assets/stylesheets/layout_project.scss */
body.project-layout navbar .save-status.green {
  color: #2bc253;
}

/* line 697, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu {
  width: 60px;
  height: calc(100% - 60px);
  position: absolute;
  background-color: #343434;
}

/* line 702, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul {
  padding-left: 0;
  list-style: none;
  padding: 0px 12px;
}

/* line 706, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul li {
  text-align: center;
  margin-bottom: 28px;
  width: 30px;
}

/* line 710, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul li img {
  width: 100%;
  opacity: 0.50;
}

/* line 715, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul li .icon-spark img {
  width: auto;
  height: 34px;
}

/* line 721, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul li .icon-trivia img {
  width: auto;
  height: 30px;
}

/* line 727, app/assets/stylesheets/layout_project.scss */
body.project-layout .elements-menu ul li.active img {
  opacity: 1;
}

/* line 737, app/assets/stylesheets/layout_project.scss */
body.project-layout.projects.show .pages-section {
  border-bottom: none;
  height: 100%;
  overflow: auto;
}

/* line 745, app/assets/stylesheets/layout_project.scss */
body.project-layout.elements.dashboard .new-layout.layers-menu-open {
  grid-template-columns: auto;
}

/* line 2, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index .container {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media (min-width: 320px) and (max-width: 990px) {
  /* line 11, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .container {
    padding: 0 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 17, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .container {
    width: 960px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  /* line 22, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .container {
    width: 1140px;
  }
}

@media (min-width: 1400px) {
  /* line 27, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .container {
    width: 1320px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  /* line 33, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .projects-list-2 {
    padding-top: 50px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 20px 50px;
  }
  /* line 39, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index navbar .logo {
    padding: 20px;
  }
  /* line 42, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index navbar .hamburger-v2 {
    margin-right: 20px;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  /* line 48, app/assets/stylesheets/dashboard_index.scss */
  body.application-layout.dashboard.index .projects-list-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px 50px;
  }
}

/* line 54, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav {
  display: block;
}

/* line 56, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header {
  display: flex;
  height: 100%;
  float: right;
}

/* line 60, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box {
  align-self: end;
  width: auto;
  display: flex;
  padding-right: 20px;
  cursor: pointer;
  position: relative;
}

/* line 67, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div {
  padding-right: 10px;
}

/* line 69, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div.sort-field {
  padding-right: 5px;
  font-weight: bold;
}

/* line 74, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div.sort-icon img {
  width: 20px;
}

/* line 78, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div.sort-menu {
  position: absolute;
  width: 180px;
  z-index: 100;
  right: 20px;
  top: 20px;
  padding: 10px 0px;
  background-color: #FFFFFF;
  box-shadow: -2px 7px 12px 0 rgba(0, 0, 0, 0.19), 2px 7px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}

/* line 88, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div.sort-menu a {
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: #2E2E2E;
  text-decoration: none;
  padding: 10px 25px;
}

/* line 95, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .sort-box div.sort-menu a:hover {
  background-color: #dedede;
}

/* line 102, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .layout-options {
  background-image: url(https://beta.effi.xyz/assets/list-ul-50400c2c926040ad38c5b9ae12229c6d9715e643f2732718aec10e4274f7bd0b.svg);
  background-size: 25px;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: 5px;
  align-self: flex-end;
  cursor: pointer;
}

/* line 111, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .layout-options.grid {
  background-image: url(https://beta.effi.xyz/assets/grid-icon-fill-db00c3d66ea0cdad5b0b6a6e8193b3a1bb37d1444e8499b8afbef7bbb67236a7.svg);
}

/* line 114, app/assets/stylesheets/dashboard_index.scss */
body.application-layout.dashboard.index navbar.sub-nav .sub-header .layout-options:hover {
  background-color: #d3d3d3;
  border-radius: 25px;
}

/* line 127, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2,
body.projects.new .projects-list-2,
body.users.edit .projects-list-2 {
  padding-top: 70px;
  padding-bottom: 70px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 70px 130px;
}

/* line 133, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu,
body.projects.new .projects-list-2 .more-menu,
body.users.edit .projects-list-2 .more-menu {
  position: absolute;
  height: 38px;
  width: 30px;
  top: 6px;
  right: 10px;
  cursor: pointer;
  white-space: normal;
}

/* line 141, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu .more-menu-circle,
body.projects.new .projects-list-2 .more-menu .more-menu-circle,
body.users.edit .projects-list-2 .more-menu .more-menu-circle {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  position: relative;
  margin-top: 4px;
}

/* line 148, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu span.dot,
body.projects.new .projects-list-2 .more-menu span.dot,
body.users.edit .projects-list-2 .more-menu span.dot {
  height: 5px;
  width: 5px;
  position: absolute;
  background-color: #2E2E2E;
  border-radius: 5px;
  top: 5px;
  /*13px 21px*/
  left: 0;
  right: 0;
  margin: auto;
}

/* line 159, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu span.dot:nth-child(2),
body.projects.new .projects-list-2 .more-menu span.dot:nth-child(2),
body.users.edit .projects-list-2 .more-menu span.dot:nth-child(2) {
  top: 13px;
}

/* line 162, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu span.dot:nth-child(3),
body.projects.new .projects-list-2 .more-menu span.dot:nth-child(3),
body.users.edit .projects-list-2 .more-menu span.dot:nth-child(3) {
  top: 21px;
}

/* line 165, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu:hover,
body.projects.new .projects-list-2 .more-menu:hover,
body.users.edit .projects-list-2 .more-menu:hover {
  /*.popup-menu {
          display: block;
        }*/
}

/* line 166, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu:hover .more-menu-circle,
body.projects.new .projects-list-2 .more-menu:hover .more-menu-circle,
body.users.edit .projects-list-2 .more-menu:hover .more-menu-circle {
  background-color: #E6CEC2;
}

/* line 169, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .more-menu:hover span.dot,
body.projects.new .projects-list-2 .more-menu:hover span.dot,
body.users.edit .projects-list-2 .more-menu:hover span.dot {
  background-color: #343434;
}

/* line 177, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .popup-menu,
body.projects.new .projects-list-2 .popup-menu,
body.users.edit .projects-list-2 .popup-menu {
  position: absolute;
  left: 0;
  /*position: fixed;*/
  width: 200px;
  height: fit-content;
  z-index: 100;
  right: 0;
  display: none;
  /*display: block !important;*/
  padding: 15px 0px;
  top: 38px;
  right: -4px;
  background-color: #FFFFFF;
  box-shadow: -2px 7px 12px 0 rgba(0, 0, 0, 0.19), 2px 7px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  /*.btn-settings, .btn-copy, .btn-delete {
        display: block;
        position: relative;
        right: 0;
        left: 0;
        top: initial;
        width: 100%;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 8px;
        font-family: Helvetica, sans-serif;
        font-size: 14px;
        color: #2E2E2E;
        padding: 0 10px;
        span.icon {
          float: left;
          height: 17px;
          width: 17px;
          padding-top: 0;
          background-color: transparent;
          margin-right: 10px;
        }
        span.text {
          float: left;
          margin-top: 2px;
        }
      }*/
}

/* line 193, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .popup-menu:hover,
body.projects.new .projects-list-2 .popup-menu:hover,
body.users.edit .projects-list-2 .popup-menu:hover {
  display: block !important;
}

/* line 196, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .popup-menu a,
body.projects.new .projects-list-2 .popup-menu a,
body.users.edit .projects-list-2 .popup-menu a {
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: #2E2E2E;
  text-decoration: none;
  padding: 10px 25px;
}

/* line 233, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project,
body.projects.new .projects-list-2 .project,
body.users.edit .projects-list-2 .project {
  cursor: pointer;
  box-shadow: -2px -7px 12px 0 rgba(0, 0, 0, 0.16), 2px 7px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  height: 204px;
  padding: 0 30px;
  position: relative;
}

/* line 240, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .connections,
body.projects.new .projects-list-2 .project .connections,
body.users.edit .projects-list-2 .project .connections {
  padding: 10px 0px;
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  color: #666666;
  height: 50px;
  line-height: 30px;
}

/* line 249, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .connections-list .connection-item,
body.projects.new .projects-list-2 .project .connections-list .connection-item,
body.users.edit .projects-list-2 .project .connections-list .connection-item {
  display: inline-block;
  height: 30px;
  width: 30px;
  float: left;
  margin-right: 10px;
}

/* line 255, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .connections-list .connection-item img,
body.projects.new .projects-list-2 .project .connections-list .connection-item img,
body.users.edit .projects-list-2 .project .connections-list .connection-item img {
  height: 30px;
}

/* line 260, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .project-name,
body.projects.new .projects-list-2 .project .project-name,
body.users.edit .projects-list-2 .project .project-name {
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 900;
  color: #424242;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 271, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .project-name.size-2,
body.projects.new .projects-list-2 .project .project-name.size-2,
body.users.edit .projects-list-2 .project .project-name.size-2 {
  font-size: 25px;
}

/* line 275, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project .other-info,
body.projects.new .projects-list-2 .project .other-info,
body.users.edit .projects-list-2 .project .other-info {
  color: #2E2E2E;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  position: absolute;
  bottom: 15px;
  line-height: 18px;
}

/* line 283, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list-2 .project.project-new,
body.projects.new .projects-list-2 .project.project-new,
body.users.edit .projects-list-2 .project.project-new {
  background-color: #EACEC2;
  background-image: url(https://beta.effi.xyz/assets/new-project-bulb-199e45737d34f16c2467cb21c2d65cfa16579b35114f5779bd96dc9312d0854c.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-origin: content-box;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}

@media (min-width: 1400px) {
  /* line 298, app/assets/stylesheets/dashboard_index.scss */
  body.dashboard.index .projects-list-2 .project,
body.projects.new .projects-list-2 .project,
body.users.edit .projects-list-2 .project {
    height: 204px;
  }
}

/* line 304, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite, body.dashboard.index .modal-add-token,
body.projects.new .modal-reject-invite,
body.projects.new .modal-add-token,
body.users.edit .modal-reject-invite,
body.users.edit .modal-add-token {
  position: fixed;
  background-color: #ffffff;
  border: none;
  font-family: Helvetica, sans-serif;
  width: 573px;
  padding: 25px 52px 35px;
}

/* line 311, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite .close, body.dashboard.index .modal-add-token .close,
body.projects.new .modal-reject-invite .close,
body.projects.new .modal-add-token .close,
body.users.edit .modal-reject-invite .close,
body.users.edit .modal-add-token .close {
  font-size: 22px;
  color: #303030;
}

/* line 315, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite .body, body.dashboard.index .modal-add-token .body,
body.projects.new .modal-reject-invite .body,
body.projects.new .modal-add-token .body,
body.users.edit .modal-reject-invite .body,
body.users.edit .modal-add-token .body {
  text-align: center;
}

/* line 318, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite p, body.dashboard.index .modal-add-token p,
body.projects.new .modal-reject-invite p,
body.projects.new .modal-add-token p,
body.users.edit .modal-reject-invite p,
body.users.edit .modal-add-token p {
  font-size: 18px;
  text-align: center;
  color: #303030;
  line-height: 30px;
  letter-spacing: 0.3px;
}

/* line 324, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite p span, body.dashboard.index .modal-add-token p span,
body.projects.new .modal-reject-invite p span,
body.projects.new .modal-add-token p span,
body.users.edit .modal-reject-invite p span,
body.users.edit .modal-add-token p span {
  font-weight: bold;
}

/* line 328, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite small, body.dashboard.index .modal-add-token small,
body.projects.new .modal-reject-invite small,
body.projects.new .modal-add-token small,
body.users.edit .modal-reject-invite small,
body.users.edit .modal-add-token small {
  text-align: center;
  display: block;
  font-size: 12px;
  color: #303030;
  margin-bottom: 22px;
}

/* line 335, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite .reject, body.dashboard.index .modal-add-token .reject,
body.projects.new .modal-reject-invite .reject,
body.projects.new .modal-add-token .reject,
body.users.edit .modal-reject-invite .reject,
body.users.edit .modal-add-token .reject {
  color: #FF6A62;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #FFBBB8;
  padding: 8px 18px;
  border-radius: 4px;
  width: 128px;
  display: inline-block;
  margin-right: 15px;
}

/* line 348, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .modal-reject-invite .cancel, body.dashboard.index .modal-add-token .cancel,
body.projects.new .modal-reject-invite .cancel,
body.projects.new .modal-add-token .cancel,
body.users.edit .modal-reject-invite .cancel,
body.users.edit .modal-add-token .cancel {
  background-color: #C0FFC0;
  color: #757475;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #C0FFC0;
  padding: 8px 18px;
  border-radius: 4px;
  width: 128px;
  display: inline-block;
}

/* line 362, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index form.type-1 .form-header,
body.projects.new form.type-1 .form-header,
body.users.edit form.type-1 .form-header {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 367, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .container,
body.projects.new .container,
body.users.edit .container {
  min-height: calc(100vh - 114px);
  padding-left: 0;
  padding-right: 0;
}

/* line 372, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index footer,
body.projects.new footer,
body.users.edit footer {
  background-color: #e6cec2;
  position: relative;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  font-family: Helvetica, sans-serif;
}

/* line 384, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index footer a,
body.projects.new footer a,
body.users.edit footer a {
  color: #FFFFFF;
  text-decoration: none;
}

/* line 389, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list,
body.projects.new .projects-list,
body.users.edit .projects-list {
  padding-bottom: 20px;
}

/* line 391, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project-list-header,
body.projects.new .projects-list .project-list-header,
body.users.edit .projects-list .project-list-header {
  margin-left: 20px;
  font-size: 22px;
  font-family: Courier;
  font-weight: bold;
  color: #ADAAAA;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 400, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project,
body.projects.new .projects-list .project,
body.users.edit .projects-list .project {
  overflow: auto;
  margin-bottom: 40px;
  cursor: pointer;
  padding-bottom: 3px;
  padding-left: 20px;
}

/* line 406, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project.project-invite,
body.projects.new .projects-list .project.project-invite,
body.users.edit .projects-list .project.project-invite {
  border: 1px dashed #e0ccc1;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: default;
}

/* line 413, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .invited-by,
body.projects.new .projects-list .project .invited-by,
body.users.edit .projects-list .project .invited-by {
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #1D1D1D;
  letter-spacing: 0.59px;
}

/* line 420, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .avatar,
body.projects.new .projects-list .project .avatar,
body.users.edit .projects-list .project .avatar {
  float: left;
  width: 198px;
  height: 87px;
  background-color: #E0CCC1;
  color: #FFFFFF;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 60px;
  text-align: center;
  line-height: 90px;
}

/* line 433, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details,
body.projects.new .projects-list .project .details,
body.users.edit .projects-list .project .details {
  padding-left: 238px;
  position: relative;
}

/* line 436, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details a#accept_invite, body.dashboard.index .projects-list .project .details a#reject_invite,
body.projects.new .projects-list .project .details a#accept_invite,
body.projects.new .projects-list .project .details a#reject_invite,
body.users.edit .projects-list .project .details a#accept_invite,
body.users.edit .projects-list .project .details a#reject_invite {
  position: absolute;
  left: 558px;
  color: #ffffff;
  bottom: 36px;
  text-decoration: none;
  padding: 7px 12px;
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  border-radius: 4px;
  font-size: 15px;
}

/* line 448, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details a#accept_invite,
body.projects.new .projects-list .project .details a#accept_invite,
body.users.edit .projects-list .project .details a#accept_invite {
  background-color: #77DD77;
}

/* line 451, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details a#reject_invite,
body.projects.new .projects-list .project .details a#reject_invite,
body.users.edit .projects-list .project .details a#reject_invite {
  left: 655px;
  background-color: #FF6961;
}

/* line 455, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details a#delete_project,
body.projects.new .projects-list .project .details a#delete_project,
body.users.edit .projects-list .project .details a#delete_project {
  position: absolute;
  left: 600px;
  bottom: 7px;
  background-image: url(https://beta.effi.xyz/assets/delete-icon-69c7473cbc5f51c451a9279d3924e1c1e82a30249de679defd6bfcc48f04c2e1.png);
  background-size: 16px;
  height: 33px;
  width: 33px;
  border: 1px solid #e0ccc1;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 468, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details a#copy_project,
body.projects.new .projects-list .project .details a#copy_project,
body.users.edit .projects-list .project .details a#copy_project {
  position: absolute;
  left: 560px;
  bottom: 7px;
  background-image: url(https://beta.effi.xyz/assets/copy-icon-1523af9bb3148aefdaa65030d80eff807c96b150f837b90d3af4e8f89e8859ef.png);
  background-size: 22px;
  height: 33px;
  width: 33px;
  border: 1px solid #e0ccc1;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 481, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details .title,
body.projects.new .projects-list .project .details .title,
body.users.edit .projects-list .project .details .title {
  font-family: Courier;
  font-weight: bold;
  font-size: 26px;
  color: #ADAAAA;
  letter-spacing: 1.07px;
  margin-bottom: 5px;
}

/* line 489, app/assets/stylesheets/dashboard_index.scss */
body.dashboard.index .projects-list .project .details .date,
body.projects.new .projects-list .project .details .date,
body.users.edit .projects-list .project .details .date {
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #ADAAAA;
  letter-spacing: 0.59px;
  margin-bottom: 5px;
}

/* line 502, app/assets/stylesheets/dashboard_index.scss */
.setting-main {
  display: flex;
  font-family: Helvetica, sans-serif;
}

/* line 506, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-nav {
  background-color: #FFFFFF;
  flex-basis: 280px;
  height: calc(100vh - 114px);
  padding-top: 40px;
}

/* line 512, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-nav .setting-nav-link {
  color: #303030;
  text-decoration: none;
  padding: 5px 19px 5px 19px;
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin: 15px 0;
}

/* line 521, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-nav .setting-nav-link.setting-nav-link-active {
  background-color: #E3E3E3;
}

/* line 527, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content {
  flex: 1;
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  left: 280px;
  right: 0;
  bottom: 0;
  top: 80px;
  overflow: auto;
}

/* line 538, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-center {
  max-width: 650px;
  margin: 30px auto 50px;
}

/* line 543, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-center-title {
  color: #3A3A3A;
  margin-bottom: 5px;
}

/* line 548, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-center-subtitle {
  color: #908D8D;
  line-height: 23px;
  margin-top: 0;
  margin-bottom: 35px;
}

/* line 555, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section {
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #979797;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  min-height: 40vh;
}

/* line 562, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section:not(:last-child) {
  margin-bottom: 20px;
}

/* line 567, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section div[id^=font-picker] {
  box-shadow: none;
  border: solid 1px #c3c3c3;
  border-radius: 5px;
}

/* line 571, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section div[id^=font-picker] .dropdown-button {
  background-color: transparent;
  font-size: 14px;
  height: 30px;
}

/* line 578, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section div[id^=font-picker] ul {
  background-color: #ffffff;
  font-size: 14px;
}

/* line 583, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section .disabled-label {
  color: #C1BCBC;
  padding: 8px;
  border: 1px solid;
  width: 150px;
  border-radius: 5px;
  margin-left: 15px;
}

/* line 593, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section-header {
  display: flex;
  align-items: center;
  margin: 0 35px;
  padding: 20px 0;
  border-bottom: solid 1px #D9D7D7;
}

/* line 600, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-section-header h4 {
  margin: 0 40px 0 0;
  font-weight: 100;
}

/* line 606, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-userdetail {
  display: flex;
  align-items: center;
}

/* line 610, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-userdetail-title {
  margin: 0;
  color: #908D8D;
}

/* line 615, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-userdetail-subtitle {
  color: #C1BCBC;
  font-size: 12px;
}

/* line 620, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .setting-content-box-userdetail .settings-avatar {
  margin-right: 12px;
}

/* line 626, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .settings-modal-wrapper .modal {
  background-color: #ffffff;
  border: solid 1px #979797;
}

/* line 632, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .settings-modal-content-heading,
.setting-main .setting-content .settings-modal-content-para {
  font-weight: 100;
}

/* line 637, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .settings-modal-content-para {
  font-size: 14px;
  line-height: 22px;
}

/* line 642, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .settings-modal-content-button {
  text-align: right;
  margin-top: 10px;
}

/* line 645, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content .settings-modal-content-button .btn {
  text-transform: none;
  font-size: 12px;
  min-width: 70px;
}

/* line 652, app/assets/stylesheets/dashboard_index.scss */
.setting-main .center-btn-section {
  padding: 40px 0;
  text-align: center;
}

/* line 658, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-social-icon img {
  max-width: 24px;
}

/* line 663, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content-box-section-content-edit-icon {
  padding: 0 5px;
  cursor: pointer;
}

/* line 666, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content-box-section-content-edit-icon img {
  max-width: 16px;
}

/* line 671, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content-box-section-content-trash-icon {
  padding: 0 10px;
  cursor: pointer;
}

/* line 674, app/assets/stylesheets/dashboard_index.scss */
.setting-main .setting-content-box-section-content-trash-icon img {
  max-width: 14px;
}

/* line 679, app/assets/stylesheets/dashboard_index.scss */
.setting-main .community-guidelines-section {
  margin: 20px 0;
  display: flex;
  align-items: center;
}

/* line 684, app/assets/stylesheets/dashboard_index.scss */
.setting-main .community-guidelines-section .community-guidelines {
  border: solid 1px #DADADA;
  padding: 10px;
  border-radius: 5px;
  color: #908D8D;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  flex: 1;
  min-height: 50px;
}

/* line 696, app/assets/stylesheets/dashboard_index.scss */
.setting-main .community-guidelines-section .community-guidelines-edit-btn {
  margin: 0 40px;
}

/* line 701, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform-wrapper {
  margin: 10px 0 40px;
}

/* line 705, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 36px;
  padding: 4px;
}

/* line 712, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform.avatar-platform-edit {
  border: solid 1px #DADADA;
  border-radius: 5px;
}

/* line 717, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform .avatar-platform-info-icon-container {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

/* line 722, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform .avatar-platform-info-icon-container img {
  width: 100%;
}

/* line 727, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform .avatar-platform-info {
  display: flex;
  align-items: center;
}

/* line 731, app/assets/stylesheets/dashboard_index.scss */
.setting-main .avatar-platform .avatar-platform-info .avatar-platform-info-text {
  font-size: 14px;
  color: #908D8D;
  font-weight: 100;
  flex: 1;
}

/* line 3, app/assets/stylesheets/projects_show.scss */
body.projects.show a.link,
body.projects.event-detail a.link {
  font-family: Courier;
  font-size: 14px;
  color: #E4D2C8;
  letter-spacing: 0.48px;
  text-decoration: underline;
}

/* line 10, app/assets/stylesheets/projects_show.scss */
body.projects.show a.type-1,
body.projects.event-detail a.type-1 {
  font-size: 14px;
}

/* line 13, app/assets/stylesheets/projects_show.scss */
body.projects.show .yt-tos,
body.projects.event-detail .yt-tos {
  display: block;
  font-family: Courier;
  font-weight: normal;
  text-transform: none;
  margin-top: 5px;
  letter-spacing: 0px;
  color: #e0ccc1;
  font-size: 13px;
}

/* line 22, app/assets/stylesheets/projects_show.scss */
body.projects.show .yt-tos a,
body.projects.event-detail .yt-tos a {
  color: #e0ccc1;
}

/* line 26, app/assets/stylesheets/projects_show.scss */
body.projects.show navbar,
body.projects.event-detail navbar {
  border-bottom: 1px solid #505050;
}

/* line 29, app/assets/stylesheets/projects_show.scss */
body.projects.show .label,
body.projects.event-detail .label {
  width: 200px;
  display: inline-block;
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  text-transform: uppercase;
}

/* line 39, app/assets/stylesheets/projects_show.scss */
body.projects.show .restream-status,
body.projects.event-detail .restream-status {
  display: inline-block;
  color: #E6CEC2;
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  margin-right: 10px;
  width: 70%;
  text-align: right;
  align-self: center;
}

/* line 50, app/assets/stylesheets/projects_show.scss */
body.projects.show .team-users,
body.projects.event-detail .team-users {
  display: grid;
  grid-template-columns: 200px auto 200px;
}

/* line 53, app/assets/stylesheets/projects_show.scss */
body.projects.show .team-users a.type-1,
body.projects.event-detail .team-users a.type-1 {
  font-size: 14px;
}

/* line 56, app/assets/stylesheets/projects_show.scss */
body.projects.show .team-users span,
body.projects.event-detail .team-users span {
  color: rgba(224, 204, 193, 0.25);
  margin-left: 10px;
  font-size: 17px;
}

/* line 61, app/assets/stylesheets/projects_show.scss */
body.projects.show .team-users .user-item,
body.projects.event-detail .team-users .user-item {
  display: inline-block;
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  text-transform: uppercase;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 75, app/assets/stylesheets/projects_show.scss */
body.projects.show .form-control,
body.projects.event-detail .form-control {
  width: 200px;
}

/* line 78, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker,
body.projects.event-detail .font-picker {
  width: 200px;
  box-shadow: none;
}

/* line 81, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker .font-list,
body.projects.event-detail .font-picker .font-list {
  border-radius: 11px;
}

/* line 84, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker .dropdown-button,
body.projects.event-detail .font-picker .dropdown-button {
  background-color: transparent;
  height: 36px;
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: #E6CEC2;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: url(https://beta.effi.xyz/assets/dropdown-arrow-down-0b43d2f3f48f0ca69a2ca9b7fd5c1f3a61152593f82442d7880c9cb366081021.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}

/* line 99, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker .dropdown-button .dropdown-font-family,
body.projects.event-detail .font-picker .dropdown-button .dropdown-font-family {
  height: 100%;
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 106, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker .dropdown-button .dropdown-icon,
body.projects.event-detail .font-picker .dropdown-button .dropdown-icon {
  display: none;
}

/* line 108, app/assets/stylesheets/projects_show.scss */
body.projects.show .font-picker .dropdown-button .dropdown-icon:before,
body.projects.event-detail .font-picker .dropdown-button .dropdown-icon:before {
  display: none;
}

/* line 114, app/assets/stylesheets/projects_show.scss */
body.projects.show .connect-platform-box,
body.projects.event-detail .connect-platform-box {
  max-width: 750px;
  border: solid 1px #E0CDC0;
  padding: 10px 10px;
  border-radius: 5px;
}

/* line 119, app/assets/stylesheets/projects_show.scss */
body.projects.show .connect-platform-box .restream-snippet,
body.projects.event-detail .connect-platform-box .restream-snippet {
  padding: 10px 5px;
}

/* line 121, app/assets/stylesheets/projects_show.scss */
body.projects.show .connect-platform-box .restream-snippet textarea,
body.projects.event-detail .connect-platform-box .restream-snippet textarea {
  width: 100%;
}

/* line 124, app/assets/stylesheets/projects_show.scss */
body.projects.show .connect-platform-box .restream-snippet-save,
body.projects.event-detail .connect-platform-box .restream-snippet-save {
  text-align: right;
  padding-right: 10px;
}

/* line 129, app/assets/stylesheets/projects_show.scss */
body.projects.show .connect-platform-box.disabled,
body.projects.event-detail .connect-platform-box.disabled {
  opacity: .4;
}

/* line 135, app/assets/stylesheets/projects_show.scss */
.collapse-panel {
  border: solid 1px #E0CDC0;
  border-radius: 5px;
  margin-bottom: 30px;
}

/* line 141, app/assets/stylesheets/projects_show.scss */
.collapse-panel.collapse-active .collapse-panel-content {
  display: block;
}

/* line 145, app/assets/stylesheets/projects_show.scss */
.collapse-panel.collapse-active .collapse-panel-header .collapse-panel-header-icon {
  transform: rotate(90deg) translateY(-50%);
}

/* line 150, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-header {
  padding: 18px 20px;
  position: relative;
}

/* line 154, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-header .collapse-panel-header-icon {
  position: absolute;
  right: 19px;
  top: 50%;
  transform: rotate(0) translateY(-50%);
  transform-origin: top;
  cursor: pointer;
  padding: 0 10px;
  transition: all 300ms;
}

/* line 164, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-header .collapse-panel-header-icon img {
  max-width: 18px;
}

/* line 168, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-header p {
  text-transform: none;
  margin: 1em 2em 0 0;
}

/* line 174, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content {
  padding: 0 20px;
  display: none;
}

/* line 178, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content .section-box {
  padding-bottom: 20px;
}

/* line 183, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content .connect-platform-section .label {
  width: auto;
  opacity: 0.7;
}

/* line 187, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content .connect-platform-section.disabled {
  opacity: .4;
}

/* line 192, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content .connect-platform-section-last {
  margin: 10px 10px 0;
}

/* line 196, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content p {
  font-family: Courier;
  font-weight: normal;
  margin-top: 5px;
  font-size: 14px;
  color: #E0CCC1;
}

/* line 204, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content h4, .collapse-panel .collapse-panel-content h3, .collapse-panel .collapse-panel-content h2 {
  font-family: Courier;
  font-weight: bold;
  color: #E0CCC1;
  letter-spacing: 1.07px;
}

/* line 211, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content h3 {
  margin-bottom: 10px;
}

/* line 215, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content h4 {
  font-size: 14px;
  margin-bottom: 5px;
}

/* line 220, app/assets/stylesheets/projects_show.scss */
.collapse-panel .collapse-panel-content h2 {
  text-align: center;
}

/* line 226, app/assets/stylesheets/projects_show.scss */
.landing-page-view-mode {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: solid 1px #E0CDC0;
  border-radius: 5px;
  margin: 30px 90px 0;
  text-align: center;
  grid-column-gap: 90px;
  padding: 12px 0;
}

/* line 237, app/assets/stylesheets/projects_show.scss */
.landing-page-view-mode .landing-page-view-mode-switch {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 19px;
}

/* line 244, app/assets/stylesheets/projects_show.scss */
.landing-page-view-mode .landing-page-view-mode-disabled {
  opacity: 0.8;
}

/* line 248, app/assets/stylesheets/projects_show.scss */
.landing-page-view-mode a {
  color: #E0CDC0;
}

/* line 253, app/assets/stylesheets/projects_show.scss */
.landing-page-view-mode-text {
  margin: 0px 110px 40px;
  text-transform: uppercase;
  font-size: 14px;
}

/* line 260, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container {
  padding: 10px 10px 10px 0px;
}

/* line 262, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 0px 0px 20px 0px;
  align-items: center;
}

/* line 268, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box .item-left {
  min-width: 230px;
  color: #E0CCC1;
  font-family: Courier;
}

/* line 273, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box input[type='text'] {
  width: 350px;
}

/* line 276, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box input[type='text']::placeholder {
  font-size: 14px;
}

/* line 280, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box input[type='file'] {
  width: 250px;
}

/* line 284, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box .field-box-span {
  font-size: 12px;
  margin-left: 10px;
}

/* line 289, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box select {
  width: 260px;
}

/* line 293, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box textarea {
  width: 350px;
}

/* line 297, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box .field-sub-msg {
  color: #E0CCC1;
  font-family: Courier;
  font-size: 12px;
  margin-left: 10px;
}

/* line 304, app/assets/stylesheets/projects_show.scss */
.event-landing-page .fields-container .field-box .logo-with-background {
  width: 200px;
  max-width: 300px;
  margin-right: 20px;
}

/* line 311, app/assets/stylesheets/projects_show.scss */
.event-landing-page .date-form-control {
  width: 250px !important;
}

/* line 314, app/assets/stylesheets/projects_show.scss */
.event-landing-page button.Zebra_DatePicker_Icon {
  left: 230px;
}

/* line 318, app/assets/stylesheets/projects_show.scss */
.event-landing-page .image-picker {
  background-image: url(https://beta.effi.xyz/assets/gallery-icon-38fb2ad1bd087953246d23ac9f80c83b7055f6bec1fd6b59d73bbd6c440191ab.png);
  height: 40px;
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  width: 45px;
  float: left;
}

/* line 328, app/assets/stylesheets/projects_show.scss */
.event-landing-page .chat-rules {
  width: 650px !important;
  margin-left: 10px;
}

/* line 333, app/assets/stylesheets/projects_show.scss */
.event-landing-page .restore-chat-guidelines {
  text-align: right;
  width: 650px !important;
}

/* line 338, app/assets/stylesheets/projects_show.scss */
.event-landing-page .restore-countdown {
  float: right;
}

/* line 343, app/assets/stylesheets/projects_show.scss */
.event-landing-page .logo-setting-box .select2-container {
  margin-right: 20px;
}

/* line 345, app/assets/stylesheets/projects_show.scss */
.event-landing-page .logo-setting-box .select2-container .select2-selection--single {
  height: 73px;
  padding: 5px 0px;
}

/* line 348, app/assets/stylesheets/projects_show.scss */
.event-landing-page .logo-setting-box .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 60px;
}

/* line 353, app/assets/stylesheets/projects_show.scss */
.event-landing-page .logo-setting-box .select2-container .select2-selection__arrow {
  top: 23px !important;
}

/* line 361, app/assets/stylesheets/projects_show.scss */
.event-landing-page .social-channels-settings .select2-container .select2-selection--single {
  height: 42px;
  padding: 5px 0px;
}

/* line 366, app/assets/stylesheets/projects_show.scss */
.event-landing-page .social-channels-settings .select2-container .select2-selection__arrow {
  top: 8px !important;
}

/* line 372, app/assets/stylesheets/projects_show.scss */
.event-landing-page .select2-container .select2-selection--single {
  background-color: #343434;
  border: 1px solid #E6CEC2;
}

/* line 379, app/assets/stylesheets/projects_show.scss */
.landing-social {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #E0CCC1;
}

/* line 387, app/assets/stylesheets/projects_show.scss */
.landing-social .form-control {
  min-width: 300px;
}

/* line 391, app/assets/stylesheets/projects_show.scss */
.landing-social .landing-social-inner {
  max-width: 300px;
}

/* line 394, app/assets/stylesheets/projects_show.scss */
.landing-social .landing-social-inner .landing-social-number {
  margin-bottom: 5px;
}

/* line 400, app/assets/stylesheets/projects_show.scss */
.landing-social-small {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000;
}

/* line 408, app/assets/stylesheets/projects_show.scss */
.landing-social-small .form-control {
  min-width: 240px;
}

/* line 412, app/assets/stylesheets/projects_show.scss */
.landing-social-small .landing-social-inner {
  max-width: 300px;
}

/* line 415, app/assets/stylesheets/projects_show.scss */
.landing-social-small .landing-social-inner .landing-social-number {
  margin-bottom: 5px;
}

/* line 418, app/assets/stylesheets/projects_show.scss */
.landing-social-small .landing-social-inner .dropdown-button {
  height: 40px !important;
}

/* line 420, app/assets/stylesheets/projects_show.scss */
.landing-social-small .landing-social-inner .dropdown-button p.dropdown-font-family {
  font-weight: bold;
  font-size: 18px;
  margin-top: 0px;
}

/* line 429, app/assets/stylesheets/projects_show.scss */
.landing-social-number,
.landing-social-bar-msg {
  color: #E0CCC1;
  font-family: Courier;
}

/* line 435, app/assets/stylesheets/projects_show.scss */
.landing-social-bar-msg {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
}

/* line 442, app/assets/stylesheets/projects_show.scss */
.gating-section .gating-button-holder,
.gating-section .fixed-form-control {
  width: 500px !important;
}

/* line 447, app/assets/stylesheets/projects_show.scss */
.gating-section .gating-button-holder {
  position: relative;
  text-align: center;
  margin: 20px 0;
}

/* line 452, app/assets/stylesheets/projects_show.scss */
.gating-section .gating-button-holder::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #959595;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 463, app/assets/stylesheets/projects_show.scss */
.gating-section .gating-button-holder .btn {
  position: relative;
  z-index: 1;
}

/* line 468, app/assets/stylesheets/projects_show.scss */
.gating-section .table-box {
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 15px;
  width: 40%;
  text-align: left;
  color: #E0CCC1;
  border: 1px solid #E0CCC1;
}

/* line 476, app/assets/stylesheets/projects_show.scss */
.gating-section .table-box th {
  color: #E0CCD7;
}

/* line 479, app/assets/stylesheets/projects_show.scss */
.gating-section .table-box img {
  height: 20px;
}

/* line 483, app/assets/stylesheets/projects_show.scss */
.gating-section .select2-container {
  margin-right: 20px;
}

/* line 485, app/assets/stylesheets/projects_show.scss */
.gating-section .select2-container .select2-selection--single {
  height: auto;
  min-height: 40px;
}

/* line 488, app/assets/stylesheets/projects_show.scss */
.gating-section .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 22px;
  color: #E0CCC1 !important;
  min-height: 40px;
  display: flex;
  align-items: center;
}

/* line 1, app/assets/stylesheets/sessions.scss */
body.sessions {
  background-color: #e6cec2;
}

/* line 3, app/assets/stylesheets/sessions.scss */
body.sessions .left-content {
  position: relative;
  float: left;
  width: 30%;
  height: 100vh;
  padding: 30px;
}

/* line 9, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .top, body.sessions .left-content .bottom {
  text-align: center;
  color: #ffffff;
}

/* line 12, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .top label, body.sessions .left-content .bottom label {
  font-family: Helvetica, sans-serif;
  font-weight: lighter;
  display: block;
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 30px;
}

/* line 19, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .top label.invert, body.sessions .left-content .bottom label.invert {
  transform: rotate(180deg);
}

/* line 24, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .top {
  margin-top: 50px;
}

/* line 26, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .top a {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 32, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .bottom {
  position: absolute;
  bottom: 80px;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 38, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .bottom p {
  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
  font-size: 18px;
  letter-spacing: 0.54px;
  text-align: justify;
}

/* line 43, app/assets/stylesheets/sessions.scss */
body.sessions .left-content .bottom p a {
  color: #ffffff;
}

/* line 49, app/assets/stylesheets/sessions.scss */
body.sessions .right-content {
  float: right;
  width: 70%;
  height: 100vh;
  background-image: url(https://beta.effi.xyz/assets/login_logo-59bfec23c2998c782f049bc357eba9fbc62d9928b9988b6f99c2779974c84ba6.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 6, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .mod-panel-link,
body.layers.settings .mod-panel-link,
body.layers.show .mod-panel-link,
body.elements.show .mod-panel-link,
body.elements.dashboard .mod-panel-link {
  font-size: 14px;
  font-family: Courier;
  font-weight: bold;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  background-image: url(https://beta.effi.xyz/assets/open-icon-285f9f6a137dadfd6c5ee0ad1a2bee9ddd47da42f4bac5025ca916ef05b5ce28.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center right 30px;
  padding-right: 24px;
  text-align: center;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 22, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .ui-selectmenu-menu,
body.layers.settings .ui-selectmenu-menu,
body.layers.show .ui-selectmenu-menu,
body.elements.show .ui-selectmenu-menu,
body.elements.dashboard .ui-selectmenu-menu {
  background-color: #ffffff;
  border-radius: 5px;
}

/* line 26, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_spark_attributes_style_type-menu,
body.layers.settings #element_spark_attributes_style_type-menu,
body.layers.show #element_spark_attributes_style_type-menu,
body.elements.show #element_spark_attributes_style_type-menu,
body.elements.dashboard #element_spark_attributes_style_type-menu {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style: none;
  padding: 5px 0px;
  width: 289px;
}

/* line 32, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_spark_attributes_style_type-menu .ui-menu-item-wrapper,
body.layers.settings #element_spark_attributes_style_type-menu .ui-menu-item-wrapper,
body.layers.show #element_spark_attributes_style_type-menu .ui-menu-item-wrapper,
body.elements.show #element_spark_attributes_style_type-menu .ui-menu-item-wrapper,
body.elements.dashboard #element_spark_attributes_style_type-menu .ui-menu-item-wrapper {
  height: 30px;
  background-size: 60px;
  background-repeat: no-repeat;
  padding-left: 80px;
  background-position: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}

/* line 44, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_spark_attributes_style_type-menu #ui-id-1,
body.layers.settings #element_spark_attributes_style_type-menu #ui-id-1,
body.layers.show #element_spark_attributes_style_type-menu #ui-id-1,
body.elements.show #element_spark_attributes_style_type-menu #ui-id-1,
body.elements.dashboard #element_spark_attributes_style_type-menu #ui-id-1 {
  background-image: url(https://beta.effi.xyz/assets/vibe-select-35dcf5ca9bc7023514d448251b97f488271a681c461b4ebbf9c483f4edeb23ee.gif);
  margin-bottom: 5px;
}

/* line 48, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_spark_attributes_style_type-menu #ui-id-2,
body.layers.settings #element_spark_attributes_style_type-menu #ui-id-2,
body.layers.show #element_spark_attributes_style_type-menu #ui-id-2,
body.elements.show #element_spark_attributes_style_type-menu #ui-id-2,
body.elements.dashboard #element_spark_attributes_style_type-menu #ui-id-2 {
  background-image: url(https://beta.effi.xyz/assets/vibe-select-c4568cf07b332c46c343ff573e727c572a88d5b99dc53d55ec051e83be0c5061.png);
  background-size: 55px;
  background-position: 13px;
}

/* line 54, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_spark_attributes_style_type-button,
body.layers.settings #element_spark_attributes_style_type-button,
body.layers.show #element_spark_attributes_style_type-button,
body.elements.show #element_spark_attributes_style_type-button,
body.elements.dashboard #element_spark_attributes_style_type-button {
  width: 100%;
  display: block;
  border-radius: 5px;
  border: 1px solid #E6CEC2;
  padding: 8px 10px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  color: #E6CEC2;
  padding-right: 18px;
  -webkit-appearance: none;
  background-image: url(https://beta.effi.xyz/assets/dropdown-arrow-down-0b43d2f3f48f0ca69a2ca9b7fd5c1f3a61152593f82442d7880c9cb366081021.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
}

/* line 72, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_meter_style_type option[value="GIF"],
body.layers.settings #element_meter_style_type option[value="GIF"],
body.layers.show #element_meter_style_type option[value="GIF"],
body.elements.show #element_meter_style_type option[value="GIF"],
body.elements.dashboard #element_meter_style_type option[value="GIF"] {
  background-image: url(https://beta.effi.xyz/assets/vibe-select-35dcf5ca9bc7023514d448251b97f488271a681c461b4ebbf9c483f4edeb23ee.gif);
}

/* line 75, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #element_meter_style_type option[value="PNG"],
body.layers.settings #element_meter_style_type option[value="PNG"],
body.layers.show #element_meter_style_type option[value="PNG"],
body.elements.show #element_meter_style_type option[value="PNG"],
body.elements.dashboard #element_meter_style_type option[value="PNG"] {
  background-image: url(https://beta.effi.xyz/assets/vibe-select-c4568cf07b332c46c343ff573e727c572a88d5b99dc53d55ec051e83be0c5061.png);
}

/* line 83, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .modal-copy-element .help-tip,
body.projects.popout_chat .modal-new-layer .help-tip,
body.projects.popout_chat .modal-new-element .help-tip,
body.layers.settings .modal-copy-element .help-tip,
body.layers.settings .modal-new-layer .help-tip,
body.layers.settings .modal-new-element .help-tip,
body.layers.show .modal-copy-element .help-tip,
body.layers.show .modal-new-layer .help-tip,
body.layers.show .modal-new-element .help-tip,
body.elements.show .modal-copy-element .help-tip,
body.elements.show .modal-new-layer .help-tip,
body.elements.show .modal-new-element .help-tip,
body.elements.dashboard .modal-copy-element .help-tip,
body.elements.dashboard .modal-new-layer .help-tip,
body.elements.dashboard .modal-new-element .help-tip {
  border: 1px solid #e0ccc1;
  border-radius: 18px;
  height: 18px;
  width: 18px;
  display: inline-block;
  padding-left: 4px;
  color: #e0ccc1;
  text-decoration: none;
}

/* line 93, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .modal-copy-element input[type=text], body.projects.popout_chat .modal-copy-element input[type=number], body.projects.popout_chat .modal-copy-element input[type=color], body.projects.popout_chat .modal-copy-element select,
body.projects.popout_chat .modal-new-layer input[type=text],
body.projects.popout_chat .modal-new-layer input[type=number],
body.projects.popout_chat .modal-new-layer input[type=color],
body.projects.popout_chat .modal-new-layer select,
body.projects.popout_chat .modal-new-element input[type=text],
body.projects.popout_chat .modal-new-element input[type=number],
body.projects.popout_chat .modal-new-element input[type=color],
body.projects.popout_chat .modal-new-element select,
body.layers.settings .modal-copy-element input[type=text],
body.layers.settings .modal-copy-element input[type=number],
body.layers.settings .modal-copy-element input[type=color],
body.layers.settings .modal-copy-element select,
body.layers.settings .modal-new-layer input[type=text],
body.layers.settings .modal-new-layer input[type=number],
body.layers.settings .modal-new-layer input[type=color],
body.layers.settings .modal-new-layer select,
body.layers.settings .modal-new-element input[type=text],
body.layers.settings .modal-new-element input[type=number],
body.layers.settings .modal-new-element input[type=color],
body.layers.settings .modal-new-element select,
body.layers.show .modal-copy-element input[type=text],
body.layers.show .modal-copy-element input[type=number],
body.layers.show .modal-copy-element input[type=color],
body.layers.show .modal-copy-element select,
body.layers.show .modal-new-layer input[type=text],
body.layers.show .modal-new-layer input[type=number],
body.layers.show .modal-new-layer input[type=color],
body.layers.show .modal-new-layer select,
body.layers.show .modal-new-element input[type=text],
body.layers.show .modal-new-element input[type=number],
body.layers.show .modal-new-element input[type=color],
body.layers.show .modal-new-element select,
body.elements.show .modal-copy-element input[type=text],
body.elements.show .modal-copy-element input[type=number],
body.elements.show .modal-copy-element input[type=color],
body.elements.show .modal-copy-element select,
body.elements.show .modal-new-layer input[type=text],
body.elements.show .modal-new-layer input[type=number],
body.elements.show .modal-new-layer input[type=color],
body.elements.show .modal-new-layer select,
body.elements.show .modal-new-element input[type=text],
body.elements.show .modal-new-element input[type=number],
body.elements.show .modal-new-element input[type=color],
body.elements.show .modal-new-element select,
body.elements.dashboard .modal-copy-element input[type=text],
body.elements.dashboard .modal-copy-element input[type=number],
body.elements.dashboard .modal-copy-element input[type=color],
body.elements.dashboard .modal-copy-element select,
body.elements.dashboard .modal-new-layer input[type=text],
body.elements.dashboard .modal-new-layer input[type=number],
body.elements.dashboard .modal-new-layer input[type=color],
body.elements.dashboard .modal-new-layer select,
body.elements.dashboard .modal-new-element input[type=text],
body.elements.dashboard .modal-new-element input[type=number],
body.elements.dashboard .modal-new-element input[type=color],
body.elements.dashboard .modal-new-element select {
  width: 100%;
}

/* line 96, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .modal-copy-element small,
body.projects.popout_chat .modal-new-layer small,
body.projects.popout_chat .modal-new-element small,
body.layers.settings .modal-copy-element small,
body.layers.settings .modal-new-layer small,
body.layers.settings .modal-new-element small,
body.layers.show .modal-copy-element small,
body.layers.show .modal-new-layer small,
body.layers.show .modal-new-element small,
body.elements.show .modal-copy-element small,
body.elements.show .modal-new-layer small,
body.elements.show .modal-new-element small,
body.elements.dashboard .modal-copy-element small,
body.elements.dashboard .modal-new-layer small,
body.elements.dashboard .modal-new-element small {
  color: #e0ccc1;
  font-family: Courier;
  margin-bottom: 4px;
  display: inline-block;
}

/* line 102, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .modal-copy-element .for-not-chat,
body.projects.popout_chat .modal-new-layer .for-not-chat,
body.projects.popout_chat .modal-new-element .for-not-chat,
body.layers.settings .modal-copy-element .for-not-chat,
body.layers.settings .modal-new-layer .for-not-chat,
body.layers.settings .modal-new-element .for-not-chat,
body.layers.show .modal-copy-element .for-not-chat,
body.layers.show .modal-new-layer .for-not-chat,
body.layers.show .modal-new-element .for-not-chat,
body.elements.show .modal-copy-element .for-not-chat,
body.elements.show .modal-new-layer .for-not-chat,
body.elements.show .modal-new-element .for-not-chat,
body.elements.dashboard .modal-copy-element .for-not-chat,
body.elements.dashboard .modal-new-layer .for-not-chat,
body.elements.dashboard .modal-new-element .for-not-chat {
  display: none;
}

/* line 106, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat navbar,
body.layers.settings navbar,
body.layers.show navbar,
body.elements.show navbar,
body.elements.dashboard navbar {
  border-bottom: 1px solid #505050;
}

/* line 109, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container,
body.layers.settings .layer-container,
body.layers.show .layer-container,
body.elements.show .layer-container,
body.elements.dashboard .layer-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 100%;
  height: 100%;
}

/* line 114, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .attachment-info,
body.layers.settings .layer-container .attachment-info,
body.layers.show .layer-container .attachment-info,
body.elements.show .layer-container .attachment-info,
body.elements.dashboard .layer-container .attachment-info {
  position: relative;
  margin-bottom: 12px;
  margin-top: 10px;
  float: left;
  width: calc(100% - 45px);
}

/* line 120, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .attachment-info .meter,
body.layers.settings .layer-container .attachment-info .meter,
body.layers.show .layer-container .attachment-info .meter,
body.elements.show .layer-container .attachment-info .meter,
body.elements.dashboard .layer-container .attachment-info .meter {
  margin-bottom: 12px;
}

/* line 123, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .attachment-info a,
body.layers.settings .layer-container .attachment-info a,
body.layers.show .layer-container .attachment-info a,
body.elements.show .layer-container .attachment-info a,
body.elements.dashboard .layer-container .attachment-info a {
  color: #E0CCC1;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: calc(100% - 30px);
  overflow: hidden;
  margin-top: 5px;
}

/* line 133, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .attachment-info .btn-delete,
body.layers.settings .layer-container .attachment-info .btn-delete,
body.layers.show .layer-container .attachment-info .btn-delete,
body.elements.show .layer-container .attachment-info .btn-delete,
body.elements.dashboard .layer-container .attachment-info .btn-delete {
  position: absolute;
  right: 8px;
  width: auto;
  bottom: 0px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

/* line 143, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container,
body.layers.settings .layer-container .element-container,
body.layers.show .layer-container .element-container,
body.elements.show .layer-container .element-container,
body.elements.dashboard .layer-container .element-container {
  overflow-y: scroll;
  padding-left: 10px;
  padding-right: 5px;
  position: relative;
}

/* line 148, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .loading,
body.layers.settings .layer-container .element-container .loading,
body.layers.show .layer-container .element-container .loading,
body.elements.show .layer-container .element-container .loading,
body.elements.dashboard .layer-container .element-container .loading {
  color: #bdada4;
  text-align: center;
  font-family: Courier;
  font-size: 12px;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 15px;
}

/* line 160, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header,
body.layers.settings .layer-container .element-container .header,
body.layers.show .layer-container .element-container .header,
body.elements.show .layer-container .element-container .header,
body.elements.dashboard .layer-container .element-container .header {
  margin-bottom: 8px;
  background-color: transparent;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.54px;
  height: 44px;
  line-height: 27px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 7px;
}

/* line 173, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header .collapse,
body.layers.settings .layer-container .element-container .header .collapse,
body.layers.show .layer-container .element-container .header .collapse,
body.elements.show .layer-container .element-container .header .collapse,
body.elements.dashboard .layer-container .element-container .header .collapse {
  position: fixed;
  top: 69px;
  left: 203px;
}

/* line 178, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.title,
body.layers.settings .layer-container .element-container .header span.title,
body.layers.show .layer-container .element-container .header span.title,
body.elements.show .layer-container .element-container .header span.title,
body.elements.dashboard .layer-container .element-container .header span.title {
  display: inline-block;
  width: 108px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 8px;
}

/* line 186, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.title-edit,
body.layers.settings .layer-container .element-container .header span.title-edit,
body.layers.show .layer-container .element-container .header span.title-edit,
body.elements.show .layer-container .element-container .header span.title-edit,
body.elements.dashboard .layer-container .element-container .header span.title-edit {
  position: absolute;
  left: 9px;
  top: 3px;
  display: none;
}

/* line 191, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.title-edit input,
body.layers.settings .layer-container .element-container .header span.title-edit input,
body.layers.show .layer-container .element-container .header span.title-edit input,
body.elements.show .layer-container .element-container .header span.title-edit input,
body.elements.dashboard .layer-container .element-container .header span.title-edit input {
  width: 106px;
  background-color: transparent;
  box-shadow: none;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.54px;
  border: 1px solid #E6CEC2;
  border-radius: 5px;
  padding: 8px 3px;
  outline: none;
}

/* line 206, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.switch-container,
body.layers.settings .layer-container .element-container .header span.switch-container,
body.layers.show .layer-container .element-container .header span.switch-container,
body.elements.show .layer-container .element-container .header span.switch-container,
body.elements.dashboard .layer-container .element-container .header span.switch-container {
  float: right;
  margin-top: 1px;
}

/* line 209, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.switch-container .switch.switch-on-off,
body.layers.settings .layer-container .element-container .header span.switch-container .switch.switch-on-off,
body.layers.show .layer-container .element-container .header span.switch-container .switch.switch-on-off,
body.elements.show .layer-container .element-container .header span.switch-container .switch.switch-on-off,
body.elements.dashboard .layer-container .element-container .header span.switch-container .switch.switch-on-off {
  margin-top: 0;
  margin-right: 10px;
}

/* line 211, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .header span.switch-container .switch.switch-on-off .slider span.slider-label,
body.layers.settings .layer-container .element-container .header span.switch-container .switch.switch-on-off .slider span.slider-label,
body.layers.show .layer-container .element-container .header span.switch-container .switch.switch-on-off .slider span.slider-label,
body.elements.show .layer-container .element-container .header span.switch-container .switch.switch-on-off .slider span.slider-label,
body.elements.dashboard .layer-container .element-container .header span.switch-container .switch.switch-on-off .slider span.slider-label {
  margin-top: -2px;
}

/* line 218, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .btn,
body.layers.settings .layer-container .element-container .tabs-container .btn,
body.layers.show .layer-container .element-container .tabs-container .btn,
body.elements.show .layer-container .element-container .tabs-container .btn,
body.elements.dashboard .layer-container .element-container .tabs-container .btn {
  border-radius: 5px;
}

/* line 221, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .font-picker,
body.layers.settings .layer-container .element-container .tabs-container .font-picker,
body.layers.show .layer-container .element-container .tabs-container .font-picker,
body.elements.show .layer-container .element-container .tabs-container .font-picker,
body.elements.dashboard .layer-container .element-container .tabs-container .font-picker {
  width: 100%;
}

/* line 223, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .font-picker .dropdown-button,
body.layers.settings .layer-container .element-container .tabs-container .font-picker .dropdown-button,
body.layers.show .layer-container .element-container .tabs-container .font-picker .dropdown-button,
body.elements.show .layer-container .element-container .tabs-container .font-picker .dropdown-button,
body.elements.dashboard .layer-container .element-container .tabs-container .font-picker .dropdown-button {
  border-radius: 5px;
}

/* line 226, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .font-picker .font-list,
body.layers.settings .layer-container .element-container .tabs-container .font-picker .font-list,
body.layers.show .layer-container .element-container .tabs-container .font-picker .font-list,
body.elements.show .layer-container .element-container .tabs-container .font-picker .font-list,
body.elements.dashboard .layer-container .element-container .tabs-container .font-picker .font-list {
  border-radius: 5px;
}

/* line 230, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .label-top,
body.layers.settings .layer-container .element-container .tabs-container .label-top,
body.layers.show .layer-container .element-container .tabs-container .label-top,
body.elements.show .layer-container .element-container .tabs-container .label-top,
body.elements.dashboard .layer-container .element-container .tabs-container .label-top {
  text-align: left;
  width: 100%;
  padding-bottom: 5px;
}

/* line 235, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row,
body.layers.settings .layer-container .element-container .tabs-container .form-row,
body.layers.show .layer-container .element-container .tabs-container .form-row,
body.elements.show .layer-container .element-container .tabs-container .form-row,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row {
  margin-bottom: 10px;
  height: auto;
}

/* line 238, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .label,
body.layers.settings .layer-container .element-container .tabs-container .form-row .label,
body.layers.show .layer-container .element-container .tabs-container .form-row .label,
body.elements.show .layer-container .element-container .tabs-container .form-row .label,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .label {
  /*padding-top: 5px;*/
  padding-bottom: 5px;
  text-align: left;
  width: 100%;
}

/* line 244, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .with-help,
body.layers.settings .layer-container .element-container .tabs-container .form-row .with-help,
body.layers.show .layer-container .element-container .tabs-container .form-row .with-help,
body.elements.show .layer-container .element-container .tabs-container .form-row .with-help,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .with-help {
  display: inline-table;
}

/* line 246, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .with-help .form-control,
body.layers.settings .layer-container .element-container .tabs-container .form-row .with-help .form-control,
body.layers.show .layer-container .element-container .tabs-container .form-row .with-help .form-control,
body.elements.show .layer-container .element-container .tabs-container .form-row .with-help .form-control,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .with-help .form-control {
  width: 65px;
}

/* line 249, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .with-help .help,
body.layers.settings .layer-container .element-container .tabs-container .form-row .with-help .help,
body.layers.show .layer-container .element-container .tabs-container .form-row .with-help .help,
body.elements.show .layer-container .element-container .tabs-container .form-row .with-help .help,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .with-help .help {
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  color: #E0CCC1;
  font-size: 11px;
  vertical-align: bottom;
  margin-left: 10px;
}

/* line 259, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-sbs .label,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-sbs .label,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-sbs .label,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-sbs .label,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-sbs .label {
  width: 49%;
}

/* line 262, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-sbs .form-control,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-sbs .form-control,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-sbs .form-control,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-sbs .form-control,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-sbs .form-control {
  width: 49%;
}

/* line 266, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-sbs-2,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-sbs-2,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-sbs-2,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-sbs-2,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 {
  display: inline-table;
}

/* line 268, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 .label,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 .label,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 .label,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 .label,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-sbs-2 .label {
  margin-top: 8px;
  vertical-align: top;
  width: 60%;
}

/* line 274, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-half,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-half,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-half,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-half,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-half {
  width: 49%;
  display: inline-table;
}

/* line 277, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-half .library-picker,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-half .library-picker,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-half .library-picker,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-half .library-picker,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-half .library-picker {
  width: 30px;
  height: 30px;
}

/* line 281, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-half .file-picker-container,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-half .file-picker-container,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-half .file-picker-container,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-half .file-picker-container,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-half .file-picker-container {
  height: 30px;
}

/* line 285, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .form-control,
body.layers.settings .layer-container .element-container .tabs-container .form-row .form-control,
body.layers.show .layer-container .element-container .tabs-container .form-row .form-control,
body.elements.show .layer-container .element-container .tabs-container .form-row .form-control,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .form-control {
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
}

/* line 290, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row small,
body.layers.settings .layer-container .element-container .tabs-container .form-row small,
body.layers.show .layer-container .element-container .tabs-container .form-row small,
body.elements.show .layer-container .element-container .tabs-container .form-row small,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row small {
  padding-left: 0;
}

/* line 293, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row .delete-poll-answer,
body.layers.settings .layer-container .element-container .tabs-container .form-row .delete-poll-answer,
body.layers.show .layer-container .element-container .tabs-container .form-row .delete-poll-answer,
body.elements.show .layer-container .element-container .tabs-container .form-row .delete-poll-answer,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row .delete-poll-answer {
  left: calc(100% - 34px);
  top: 34px;
}

/* line 298, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .form-row.form-row-delete .form-control,
body.layers.settings .layer-container .element-container .tabs-container .form-row.form-row-delete .form-control,
body.layers.show .layer-container .element-container .tabs-container .form-row.form-row-delete .form-control,
body.elements.show .layer-container .element-container .tabs-container .form-row.form-row-delete .form-control,
body.elements.dashboard .layer-container .element-container .tabs-container .form-row.form-row-delete .form-control {
  width: calc(100% - 35px);
}

/* line 303, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .tab-headers,
body.layers.settings .layer-container .element-container .tabs-container .tab-headers,
body.layers.show .layer-container .element-container .tabs-container .tab-headers,
body.elements.show .layer-container .element-container .tabs-container .tab-headers,
body.elements.dashboard .layer-container .element-container .tabs-container .tab-headers {
  border-bottom: 1px solid #505050;
  display: grid;
  grid-auto-columns: 1fr;
  text-align: center;
  margin-bottom: 10px;
}

/* line 309, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .tab-headers a,
body.layers.settings .layer-container .element-container .tabs-container .tab-headers a,
body.layers.show .layer-container .element-container .tabs-container .tab-headers a,
body.elements.show .layer-container .element-container .tabs-container .tab-headers a,
body.elements.dashboard .layer-container .element-container .tabs-container .tab-headers a {
  text-decoration: none;
  grid-row: 1;
  padding-bottom: 5px;
  padding-top: 5px;
  color: #E0CCC1;
  text-transform: uppercase;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.54px;
  font-family: Helvetica, sans-serif;
  border-bottom: 1px solid transparent;
}

/* line 321, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .tab-headers a.active,
body.layers.settings .layer-container .element-container .tabs-container .tab-headers a.active,
body.layers.show .layer-container .element-container .tabs-container .tab-headers a.active,
body.elements.show .layer-container .element-container .tabs-container .tab-headers a.active,
body.elements.dashboard .layer-container .element-container .tabs-container .tab-headers a.active {
  border-bottom: 1px solid #E0CCC1;
}

/* line 327, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .tabs > div,
body.layers.settings .layer-container .element-container .tabs-container .tabs > div,
body.layers.show .layer-container .element-container .tabs-container .tabs > div,
body.elements.show .layer-container .element-container .tabs-container .tabs > div,
body.elements.dashboard .layer-container .element-container .tabs-container .tabs > div {
  display: none;
}

/* line 329, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .tabs-container .tabs > div.active,
body.layers.settings .layer-container .element-container .tabs-container .tabs > div.active,
body.layers.show .layer-container .element-container .tabs-container .tabs > div.active,
body.elements.show .layer-container .element-container .tabs-container .tabs > div.active,
body.elements.dashboard .layer-container .element-container .tabs-container .tabs > div.active {
  display: block;
}

/* line 335, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box,
body.layers.settings .layer-container .element-container .gating-box,
body.layers.show .layer-container .element-container .gating-box,
body.elements.show .layer-container .element-container .gating-box,
body.elements.dashboard .layer-container .element-container .gating-box {
  padding: 10px 0px 10px 0px;
}

/* line 337, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .switch-box,
body.layers.settings .layer-container .element-container .gating-box .switch-box,
body.layers.show .layer-container .element-container .gating-box .switch-box,
body.elements.show .layer-container .element-container .gating-box .switch-box,
body.elements.dashboard .layer-container .element-container .gating-box .switch-box {
  display: flex;
  align-items: center;
  padding: 0px 10px 10px 5px;
}

/* line 342, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .gating-methods,
body.layers.settings .layer-container .element-container .gating-box .gating-methods,
body.layers.show .layer-container .element-container .gating-box .gating-methods,
body.elements.show .layer-container .element-container .gating-box .gating-methods,
body.elements.dashboard .layer-container .element-container .gating-box .gating-methods {
  width: 100%;
}

/* line 345, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .select2-container,
body.layers.settings .layer-container .element-container .gating-box .select2-container,
body.layers.show .layer-container .element-container .gating-box .select2-container,
body.elements.show .layer-container .element-container .gating-box .select2-container,
body.elements.dashboard .layer-container .element-container .gating-box .select2-container {
  margin-right: 10px;
}

/* line 348, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.layers.settings .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.layers.show .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.elements.show .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.elements.dashboard .layer-container .element-container .gating-box .select2-container .select2-selection--single {
  height: auto;
  min-height: 40px;
}

/* line 352, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .select2-container .select2-selection--single .select2-selection__rendered,
body.layers.settings .layer-container .element-container .gating-box .select2-container .select2-selection--single .select2-selection__rendered,
body.layers.show .layer-container .element-container .gating-box .select2-container .select2-selection--single .select2-selection__rendered,
body.elements.show .layer-container .element-container .gating-box .select2-container .select2-selection--single .select2-selection__rendered,
body.elements.dashboard .layer-container .element-container .gating-box .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 22px;
  color: #E0CCC1 !important;
  min-height: 40px;
  display: flex;
  align-items: center;
}

/* line 359, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.layers.settings .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.layers.show .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.elements.show .layer-container .element-container .gating-box .select2-container .select2-selection--single,
body.elements.dashboard .layer-container .element-container .gating-box .select2-container .select2-selection--single {
  background-color: #343434;
  border: 1px solid #E6CEC2;
}

/* line 363, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .table-box,
body.layers.settings .layer-container .element-container .gating-box .table-box,
body.layers.show .layer-container .element-container .gating-box .table-box,
body.elements.show .layer-container .element-container .gating-box .table-box,
body.elements.dashboard .layer-container .element-container .gating-box .table-box {
  border-radius: 10px;
  padding: 5px;
  width: 100%;
  text-align: left;
  color: #E0CCC1;
  border: 1px solid #E0CCC1;
  font-size: 14px;
}

/* line 371, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .table-box img,
body.layers.settings .layer-container .element-container .gating-box .table-box img,
body.layers.show .layer-container .element-container .gating-box .table-box img,
body.elements.show .layer-container .element-container .gating-box .table-box img,
body.elements.dashboard .layer-container .element-container .gating-box .table-box img {
  height: 20px;
}

/* line 375, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .add-btn,
body.layers.settings .layer-container .element-container .gating-box .add-btn,
body.layers.show .layer-container .element-container .gating-box .add-btn,
body.elements.show .layer-container .element-container .gating-box .add-btn,
body.elements.dashboard .layer-container .element-container .gating-box .add-btn {
  text-align: center;
  padding: 10px 0px;
  position: relative;
}

/* line 379, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .add-btn:after,
body.layers.settings .layer-container .element-container .gating-box .add-btn:after,
body.layers.show .layer-container .element-container .gating-box .add-btn:after,
body.elements.show .layer-container .element-container .gating-box .add-btn:after,
body.elements.dashboard .layer-container .element-container .gating-box .add-btn:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #959595;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 389, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container .gating-box .add-btn .btn,
body.layers.settings .layer-container .element-container .gating-box .add-btn .btn,
body.layers.show .layer-container .element-container .gating-box .add-btn .btn,
body.elements.show .layer-container .element-container .gating-box .add-btn .btn,
body.elements.dashboard .layer-container .element-container .gating-box .add-btn .btn {
  position: relative;
  z-index: 1;
}

/* line 397, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .form-row,
body.layers.settings .layer-container .elements-container .form-row,
body.layers.show .layer-container .elements-container .form-row,
body.elements.show .layer-container .elements-container .form-row,
body.elements.dashboard .layer-container .elements-container .form-row {
  margin-bottom: 10px;
  height: auto;
}

/* line 400, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .form-row .label,
body.layers.settings .layer-container .elements-container .form-row .label,
body.layers.show .layer-container .elements-container .form-row .label,
body.elements.show .layer-container .elements-container .form-row .label,
body.elements.dashboard .layer-container .elements-container .form-row .label {
  padding-bottom: 5px;
  text-align: left;
  width: 100%;
}

/* line 405, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .form-row .form-control,
body.layers.settings .layer-container .elements-container .form-row .form-control,
body.layers.show .layer-container .elements-container .form-row .form-control,
body.elements.show .layer-container .elements-container .form-row .form-control,
body.elements.dashboard .layer-container .elements-container .form-row .form-control {
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
}

/* line 410, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .form-row small,
body.layers.settings .layer-container .elements-container .form-row small,
body.layers.show .layer-container .elements-container .form-row small,
body.elements.show .layer-container .elements-container .form-row small,
body.elements.dashboard .layer-container .elements-container .form-row small {
  padding-left: 0;
}

/* line 414, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .header,
body.layers.settings .layer-container .elements-container .header,
body.layers.show .layer-container .elements-container .header,
body.elements.show .layer-container .elements-container .header,
body.elements.dashboard .layer-container .elements-container .header {
  margin-bottom: 8px;
  text-transform: uppercase;
  background-color: transparent;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.54px;
  height: 44px;
  line-height: 27px;
  /*padding-left: 0;*/
  padding-right: 0;
  padding-top: 8px;
  padding-left: 9px;
}

/* line 428, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .header .add-element,
body.layers.settings .layer-container .elements-container .header .add-element,
body.layers.show .layer-container .elements-container .header .add-element,
body.elements.show .layer-container .elements-container .header .add-element,
body.elements.dashboard .layer-container .elements-container .header .add-element {
  float: right;
  text-decoration: none;
  color: #E0CCC1;
  font-family: Courier;
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  margin-top: 6px;
}

/* line 437, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .header .add-element span.icon,
body.layers.settings .layer-container .elements-container .header .add-element span.icon,
body.layers.show .layer-container .elements-container .header .add-element span.icon,
body.elements.show .layer-container .elements-container .header .add-element span.icon,
body.elements.dashboard .layer-container .elements-container .header .add-element span.icon {
  float: left;
}

/* line 439, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .header .add-element span.icon img,
body.layers.settings .layer-container .elements-container .header .add-element span.icon img,
body.layers.show .layer-container .elements-container .header .add-element span.icon img,
body.elements.show .layer-container .elements-container .header .add-element span.icon img,
body.elements.dashboard .layer-container .elements-container .header .add-element span.icon img {
  height: 12px;
}

/* line 443, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .elements-container .header .add-element span.name,
body.layers.settings .layer-container .elements-container .header .add-element span.name,
body.layers.show .layer-container .elements-container .header .add-element span.name,
body.elements.show .layer-container .elements-container .header .add-element span.name,
body.elements.dashboard .layer-container .elements-container .header .add-element span.name {
  text-transform: none;
  float: left;
  margin-left: 8px;
}

/* line 451, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .element-container,
body.layers.settings .layer-container .element-container,
body.layers.show .layer-container .element-container,
body.elements.show .layer-container .element-container,
body.elements.dashboard .layer-container .element-container {
  border-right: 1px solid #505050;
  overflow-y: auto;
  display: none;
  padding-bottom: 30px;
}

/* line 457, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview,
body.layers.settings .layer-container .layer-preview,
body.layers.show .layer-container .layer-preview,
body.elements.show .layer-container .layer-preview,
body.elements.dashboard .layer-container .layer-preview {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-right: 1px solid #505050;
}

/* line 465, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .form-row,
body.layers.settings .layer-container .layer-preview .form-row,
body.layers.show .layer-container .layer-preview .form-row,
body.elements.show .layer-container .layer-preview .form-row,
body.elements.dashboard .layer-container .layer-preview .form-row {
  margin-top: 15px;
}

/* line 467, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .form-row .label,
body.layers.settings .layer-container .layer-preview .form-row .label,
body.layers.show .layer-container .layer-preview .form-row .label,
body.elements.show .layer-container .layer-preview .form-row .label,
body.elements.dashboard .layer-container .layer-preview .form-row .label {
  width: 95px;
  text-align: left;
  padding-bottom: 5px;
  float: left;
  margin-top: 9px;
}

/* line 474, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .form-row .form-control,
body.layers.settings .layer-container .layer-preview .form-row .form-control,
body.layers.show .layer-container .layer-preview .form-row .form-control,
body.elements.show .layer-container .layer-preview .form-row .form-control,
body.elements.dashboard .layer-container .layer-preview .form-row .form-control {
  width: 440px;
  border-radius: 5px;
  font-size: 14px;
  float: left;
}

/* line 480, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .form-row a,
body.layers.settings .layer-container .layer-preview .form-row a,
body.layers.show .layer-container .layer-preview .form-row a,
body.elements.show .layer-container .layer-preview .form-row a,
body.elements.dashboard .layer-container .layer-preview .form-row a {
  float: left;
  margin-top: 5px;
  margin-left: 8px;
}

/* line 484, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .form-row a img,
body.layers.settings .layer-container .layer-preview .form-row a img,
body.layers.show .layer-container .layer-preview .form-row a img,
body.elements.show .layer-container .layer-preview .form-row a img,
body.elements.dashboard .layer-container .layer-preview .form-row a img {
  height: 22px;
}

/* line 489, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .iframe-container,
body.layers.settings .layer-container .layer-preview .iframe-container,
body.layers.show .layer-container .layer-preview .iframe-container,
body.elements.show .layer-container .layer-preview .iframe-container,
body.elements.dashboard .layer-container .layer-preview .iframe-container {
  border: 1px dotted #505050;
  background-color: #3c3c3c;
}

/* line 493, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview iframe.preview,
body.layers.settings .layer-container .layer-preview iframe.preview,
body.layers.show .layer-container .layer-preview iframe.preview,
body.elements.show .layer-container .layer-preview iframe.preview,
body.elements.dashboard .layer-container .layer-preview iframe.preview {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

/* line 500, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .header,
body.layers.settings .layer-container .layer-preview .header,
body.layers.show .layer-container .layer-preview .header,
body.elements.show .layer-container .layer-preview .header,
body.elements.dashboard .layer-container .layer-preview .header {
  margin-bottom: 8px;
  background-color: transparent;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.54px;
  height: 44px;
  line-height: 27px;
  padding-left: 0;
  padding-right: 0;
}

/* line 512, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .header div,
body.layers.settings .layer-container .layer-preview .header div,
body.layers.show .layer-container .layer-preview .header div,
body.elements.show .layer-container .layer-preview .header div,
body.elements.dashboard .layer-container .layer-preview .header div {
  float: left;
}

/* line 515, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .header a,
body.layers.settings .layer-container .layer-preview .header a,
body.layers.show .layer-container .layer-preview .header a,
body.elements.show .layer-container .layer-preview .header a,
body.elements.dashboard .layer-container .layer-preview .header a {
  float: left;
  margin-top: 3px;
  margin-left: 8px;
}

/* line 519, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .layer-preview .header a img,
body.layers.settings .layer-container .layer-preview .header a img,
body.layers.show .layer-container .layer-preview .header a img,
body.elements.show .layer-container .layer-preview .header a img,
body.elements.dashboard .layer-container .layer-preview .header a img {
  height: 15px;
}

/* line 525, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container .stream-chat-container,
body.layers.settings .layer-container .stream-chat-container,
body.layers.show .layer-container .stream-chat-container,
body.elements.show .layer-container .stream-chat-container,
body.elements.dashboard .layer-container .stream-chat-container {
  display: none;
}

/* line 528, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.element-open,
body.layers.settings .layer-container.element-open,
body.layers.show .layer-container.element-open,
body.elements.show .layer-container.element-open,
body.elements.dashboard .layer-container.element-open {
  grid-template-columns: 250px auto;
}

/* line 530, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.element-open .element-container,
body.layers.settings .layer-container.element-open .element-container,
body.layers.show .layer-container.element-open .element-container,
body.elements.show .layer-container.element-open .element-container,
body.elements.dashboard .layer-container.element-open .element-container {
  display: block;
}

/* line 533, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.element-open .stream-chat-container,
body.layers.settings .layer-container.element-open .stream-chat-container,
body.layers.show .layer-container.element-open .stream-chat-container,
body.elements.show .layer-container.element-open .stream-chat-container,
body.elements.dashboard .layer-container.element-open .stream-chat-container {
  display: none;
}

/* line 537, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.with-stream-chat,
body.layers.settings .layer-container.with-stream-chat,
body.layers.show .layer-container.with-stream-chat,
body.elements.show .layer-container.with-stream-chat,
body.elements.dashboard .layer-container.with-stream-chat {
  grid-template-columns: auto 250px;
}

/* line 539, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.with-stream-chat .stream-chat-container,
body.layers.settings .layer-container.with-stream-chat .stream-chat-container,
body.layers.show .layer-container.with-stream-chat .stream-chat-container,
body.elements.show .layer-container.with-stream-chat .stream-chat-container,
body.elements.dashboard .layer-container.with-stream-chat .stream-chat-container {
  display: block;
}

/* line 543, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.element-open.with-stream-chat,
body.layers.settings .layer-container.element-open.with-stream-chat,
body.layers.show .layer-container.element-open.with-stream-chat,
body.elements.show .layer-container.element-open.with-stream-chat,
body.elements.dashboard .layer-container.element-open.with-stream-chat {
  grid-template-columns: 250px auto 250px;
}

/* line 545, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .layer-container.element-open.with-stream-chat .stream-chat-container,
body.layers.settings .layer-container.element-open.with-stream-chat .stream-chat-container,
body.layers.show .layer-container.element-open.with-stream-chat .stream-chat-container,
body.elements.show .layer-container.element-open.with-stream-chat .stream-chat-container,
body.elements.dashboard .layer-container.element-open.with-stream-chat .stream-chat-container {
  display: block;
}

/* line 556, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--text img,
body.projects.popout_chat #chat_list .chat-row .chat-row--text img,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--text img,
body.projects.popout_chat #queue_list .chat-row .chat-row--text img,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--text img,
body.projects.popout_chat #favorite_list .chat-row .chat-row--text img,
body.layers.settings #chat_list .chat-queue-row .chat-row--text img,
body.layers.settings #chat_list .chat-row .chat-row--text img,
body.layers.settings #queue_list .chat-queue-row .chat-row--text img,
body.layers.settings #queue_list .chat-row .chat-row--text img,
body.layers.settings #favorite_list .chat-queue-row .chat-row--text img,
body.layers.settings #favorite_list .chat-row .chat-row--text img,
body.layers.show #chat_list .chat-queue-row .chat-row--text img,
body.layers.show #chat_list .chat-row .chat-row--text img,
body.layers.show #queue_list .chat-queue-row .chat-row--text img,
body.layers.show #queue_list .chat-row .chat-row--text img,
body.layers.show #favorite_list .chat-queue-row .chat-row--text img,
body.layers.show #favorite_list .chat-row .chat-row--text img,
body.elements.show #chat_list .chat-queue-row .chat-row--text img,
body.elements.show #chat_list .chat-row .chat-row--text img,
body.elements.show #queue_list .chat-queue-row .chat-row--text img,
body.elements.show #queue_list .chat-row .chat-row--text img,
body.elements.show #favorite_list .chat-queue-row .chat-row--text img,
body.elements.show #favorite_list .chat-row .chat-row--text img,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--text img,
body.elements.dashboard #chat_list .chat-row .chat-row--text img,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--text img,
body.elements.dashboard #queue_list .chat-row .chat-row--text img,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--text img,
body.elements.dashboard #favorite_list .chat-row .chat-row--text img {
  height: 25px;
  width: 25px;
  vertical-align: middle;
}

/* line 562, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--text,
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #chat_list .chat-row .chat-row--text,
body.projects.popout_chat #chat_list .chat-row .chat-row--author-name,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--text,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #queue_list .chat-row .chat-row--text,
body.projects.popout_chat #queue_list .chat-row .chat-row--author-name,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--text,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #favorite_list .chat-row .chat-row--text,
body.projects.popout_chat #favorite_list .chat-row .chat-row--author-name,
body.layers.settings #chat_list .chat-queue-row .chat-row--text,
body.layers.settings #chat_list .chat-queue-row .chat-row--author-name,
body.layers.settings #chat_list .chat-row .chat-row--text,
body.layers.settings #chat_list .chat-row .chat-row--author-name,
body.layers.settings #queue_list .chat-queue-row .chat-row--text,
body.layers.settings #queue_list .chat-queue-row .chat-row--author-name,
body.layers.settings #queue_list .chat-row .chat-row--text,
body.layers.settings #queue_list .chat-row .chat-row--author-name,
body.layers.settings #favorite_list .chat-queue-row .chat-row--text,
body.layers.settings #favorite_list .chat-queue-row .chat-row--author-name,
body.layers.settings #favorite_list .chat-row .chat-row--text,
body.layers.settings #favorite_list .chat-row .chat-row--author-name,
body.layers.show #chat_list .chat-queue-row .chat-row--text,
body.layers.show #chat_list .chat-queue-row .chat-row--author-name,
body.layers.show #chat_list .chat-row .chat-row--text,
body.layers.show #chat_list .chat-row .chat-row--author-name,
body.layers.show #queue_list .chat-queue-row .chat-row--text,
body.layers.show #queue_list .chat-queue-row .chat-row--author-name,
body.layers.show #queue_list .chat-row .chat-row--text,
body.layers.show #queue_list .chat-row .chat-row--author-name,
body.layers.show #favorite_list .chat-queue-row .chat-row--text,
body.layers.show #favorite_list .chat-queue-row .chat-row--author-name,
body.layers.show #favorite_list .chat-row .chat-row--text,
body.layers.show #favorite_list .chat-row .chat-row--author-name,
body.elements.show #chat_list .chat-queue-row .chat-row--text,
body.elements.show #chat_list .chat-queue-row .chat-row--author-name,
body.elements.show #chat_list .chat-row .chat-row--text,
body.elements.show #chat_list .chat-row .chat-row--author-name,
body.elements.show #queue_list .chat-queue-row .chat-row--text,
body.elements.show #queue_list .chat-queue-row .chat-row--author-name,
body.elements.show #queue_list .chat-row .chat-row--text,
body.elements.show #queue_list .chat-row .chat-row--author-name,
body.elements.show #favorite_list .chat-queue-row .chat-row--text,
body.elements.show #favorite_list .chat-queue-row .chat-row--author-name,
body.elements.show #favorite_list .chat-row .chat-row--text,
body.elements.show #favorite_list .chat-row .chat-row--author-name,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--text,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #chat_list .chat-row .chat-row--text,
body.elements.dashboard #chat_list .chat-row .chat-row--author-name,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--text,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #queue_list .chat-row .chat-row--text,
body.elements.dashboard #queue_list .chat-row .chat-row--author-name,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--text,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #favorite_list .chat-row .chat-row--text,
body.elements.dashboard #favorite_list .chat-row .chat-row--author-name {
  font-family: Arial;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.71px;
  padding-top: 4px;
  float: left;
}

/* line 571, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #chat_list .chat-row .chat-row--author-name,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #queue_list .chat-row .chat-row--author-name,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--author-name,
body.projects.popout_chat #favorite_list .chat-row .chat-row--author-name,
body.layers.settings #chat_list .chat-queue-row .chat-row--author-name,
body.layers.settings #chat_list .chat-row .chat-row--author-name,
body.layers.settings #queue_list .chat-queue-row .chat-row--author-name,
body.layers.settings #queue_list .chat-row .chat-row--author-name,
body.layers.settings #favorite_list .chat-queue-row .chat-row--author-name,
body.layers.settings #favorite_list .chat-row .chat-row--author-name,
body.layers.show #chat_list .chat-queue-row .chat-row--author-name,
body.layers.show #chat_list .chat-row .chat-row--author-name,
body.layers.show #queue_list .chat-queue-row .chat-row--author-name,
body.layers.show #queue_list .chat-row .chat-row--author-name,
body.layers.show #favorite_list .chat-queue-row .chat-row--author-name,
body.layers.show #favorite_list .chat-row .chat-row--author-name,
body.elements.show #chat_list .chat-queue-row .chat-row--author-name,
body.elements.show #chat_list .chat-row .chat-row--author-name,
body.elements.show #queue_list .chat-queue-row .chat-row--author-name,
body.elements.show #queue_list .chat-row .chat-row--author-name,
body.elements.show #favorite_list .chat-queue-row .chat-row--author-name,
body.elements.show #favorite_list .chat-row .chat-row--author-name,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #chat_list .chat-row .chat-row--author-name,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #queue_list .chat-row .chat-row--author-name,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--author-name,
body.elements.dashboard #favorite_list .chat-row .chat-row--author-name {
  font-weight: bold;
  margin-right: 5px;
}

/* line 575, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source,
body.projects.popout_chat #chat_list .chat-row .chat-row--source,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source,
body.projects.popout_chat #queue_list .chat-row .chat-row--source,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source,
body.layers.settings #chat_list .chat-queue-row .chat-row--source,
body.layers.settings #chat_list .chat-row .chat-row--source,
body.layers.settings #queue_list .chat-queue-row .chat-row--source,
body.layers.settings #queue_list .chat-row .chat-row--source,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source,
body.layers.settings #favorite_list .chat-row .chat-row--source,
body.layers.show #chat_list .chat-queue-row .chat-row--source,
body.layers.show #chat_list .chat-row .chat-row--source,
body.layers.show #queue_list .chat-queue-row .chat-row--source,
body.layers.show #queue_list .chat-row .chat-row--source,
body.layers.show #favorite_list .chat-queue-row .chat-row--source,
body.layers.show #favorite_list .chat-row .chat-row--source,
body.elements.show #chat_list .chat-queue-row .chat-row--source,
body.elements.show #chat_list .chat-row .chat-row--source,
body.elements.show #queue_list .chat-queue-row .chat-row--source,
body.elements.show #queue_list .chat-row .chat-row--source,
body.elements.show #favorite_list .chat-queue-row .chat-row--source,
body.elements.show #favorite_list .chat-row .chat-row--source,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source,
body.elements.dashboard #chat_list .chat-row .chat-row--source,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source,
body.elements.dashboard #queue_list .chat-row .chat-row--source,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source,
body.elements.dashboard #favorite_list .chat-row .chat-row--source {
  height: 30px;
  width: 30px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 10px;
}

/* line 584, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.twitch,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.twitch,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.twitch,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.twitch,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.twitch,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.twitch,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.twitch,
body.layers.settings #chat_list .chat-row .chat-row--source.twitch,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.twitch,
body.layers.settings #queue_list .chat-row .chat-row--source.twitch,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.twitch,
body.layers.settings #favorite_list .chat-row .chat-row--source.twitch,
body.layers.show #chat_list .chat-queue-row .chat-row--source.twitch,
body.layers.show #chat_list .chat-row .chat-row--source.twitch,
body.layers.show #queue_list .chat-queue-row .chat-row--source.twitch,
body.layers.show #queue_list .chat-row .chat-row--source.twitch,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.twitch,
body.layers.show #favorite_list .chat-row .chat-row--source.twitch,
body.elements.show #chat_list .chat-queue-row .chat-row--source.twitch,
body.elements.show #chat_list .chat-row .chat-row--source.twitch,
body.elements.show #queue_list .chat-queue-row .chat-row--source.twitch,
body.elements.show #queue_list .chat-row .chat-row--source.twitch,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.twitch,
body.elements.show #favorite_list .chat-row .chat-row--source.twitch,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.twitch,
body.elements.dashboard #chat_list .chat-row .chat-row--source.twitch,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.twitch,
body.elements.dashboard #queue_list .chat-row .chat-row--source.twitch,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.twitch,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.twitch {
  background-image: url(https://beta.effi.xyz/assets/chat-twitch-ac51a2edc45a4c5b062013a227cfe4ec5fe33c9fba9100d310abf9b223707559.png);
  background-size: auto 100%;
}

/* line 588, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.youtube,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.youtube,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.youtube,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.youtube,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.youtube,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.youtube,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.youtube,
body.layers.settings #chat_list .chat-row .chat-row--source.youtube,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.youtube,
body.layers.settings #queue_list .chat-row .chat-row--source.youtube,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.youtube,
body.layers.settings #favorite_list .chat-row .chat-row--source.youtube,
body.layers.show #chat_list .chat-queue-row .chat-row--source.youtube,
body.layers.show #chat_list .chat-row .chat-row--source.youtube,
body.layers.show #queue_list .chat-queue-row .chat-row--source.youtube,
body.layers.show #queue_list .chat-row .chat-row--source.youtube,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.youtube,
body.layers.show #favorite_list .chat-row .chat-row--source.youtube,
body.elements.show #chat_list .chat-queue-row .chat-row--source.youtube,
body.elements.show #chat_list .chat-row .chat-row--source.youtube,
body.elements.show #queue_list .chat-queue-row .chat-row--source.youtube,
body.elements.show #queue_list .chat-row .chat-row--source.youtube,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.youtube,
body.elements.show #favorite_list .chat-row .chat-row--source.youtube,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.youtube,
body.elements.dashboard #chat_list .chat-row .chat-row--source.youtube,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.youtube,
body.elements.dashboard #queue_list .chat-row .chat-row--source.youtube,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.youtube,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.youtube {
  background-image: url(https://beta.effi.xyz/assets/chat-youtube-b5d1be5019c1fcded81f8b2caab8b1f3beb1b64029715ffdac3f774000afcbbf.png);
}

/* line 591, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.facebook,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.facebook,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.facebook,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.facebook,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.facebook,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.facebook,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.facebook,
body.layers.settings #chat_list .chat-row .chat-row--source.facebook,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.facebook,
body.layers.settings #queue_list .chat-row .chat-row--source.facebook,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.facebook,
body.layers.settings #favorite_list .chat-row .chat-row--source.facebook,
body.layers.show #chat_list .chat-queue-row .chat-row--source.facebook,
body.layers.show #chat_list .chat-row .chat-row--source.facebook,
body.layers.show #queue_list .chat-queue-row .chat-row--source.facebook,
body.layers.show #queue_list .chat-row .chat-row--source.facebook,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.facebook,
body.layers.show #favorite_list .chat-row .chat-row--source.facebook,
body.elements.show #chat_list .chat-queue-row .chat-row--source.facebook,
body.elements.show #chat_list .chat-row .chat-row--source.facebook,
body.elements.show #queue_list .chat-queue-row .chat-row--source.facebook,
body.elements.show #queue_list .chat-row .chat-row--source.facebook,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.facebook,
body.elements.show #favorite_list .chat-row .chat-row--source.facebook,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.facebook,
body.elements.dashboard #chat_list .chat-row .chat-row--source.facebook,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.facebook,
body.elements.dashboard #queue_list .chat-row .chat-row--source.facebook,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.facebook,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.facebook {
  background-image: url(https://beta.effi.xyz/assets/chat-facebook-983d4db4d46fbbbc4f94c764254bdd4c34d6a15b4f4148ce6102956e11ffba74.png);
}

/* line 594, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.faraway,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.faraway,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.faraway,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.faraway,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.faraway,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.faraway,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.faraway,
body.layers.settings #chat_list .chat-row .chat-row--source.faraway,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.faraway,
body.layers.settings #queue_list .chat-row .chat-row--source.faraway,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.faraway,
body.layers.settings #favorite_list .chat-row .chat-row--source.faraway,
body.layers.show #chat_list .chat-queue-row .chat-row--source.faraway,
body.layers.show #chat_list .chat-row .chat-row--source.faraway,
body.layers.show #queue_list .chat-queue-row .chat-row--source.faraway,
body.layers.show #queue_list .chat-row .chat-row--source.faraway,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.faraway,
body.layers.show #favorite_list .chat-row .chat-row--source.faraway,
body.elements.show #chat_list .chat-queue-row .chat-row--source.faraway,
body.elements.show #chat_list .chat-row .chat-row--source.faraway,
body.elements.show #queue_list .chat-queue-row .chat-row--source.faraway,
body.elements.show #queue_list .chat-row .chat-row--source.faraway,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.faraway,
body.elements.show #favorite_list .chat-row .chat-row--source.faraway,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.faraway,
body.elements.dashboard #chat_list .chat-row .chat-row--source.faraway,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.faraway,
body.elements.dashboard #queue_list .chat-row .chat-row--source.faraway,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.faraway,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.faraway {
  /*background-image: asset_url(https://beta.effi.xyz/assets/chat-tvco-9bb685330af6113bc6c9b359fa54fd44fbda2ac3b594638dd88d4f63c7d79028.png);*/
  background-image: url(https://beta.effi.xyz/assets/chat-youtube-b5d1be5019c1fcded81f8b2caab8b1f3beb1b64029715ffdac3f774000afcbbf.png);
}

/* line 598, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.periscope,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.periscope,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.periscope,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.periscope,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.periscope,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.periscope,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.periscope,
body.layers.settings #chat_list .chat-row .chat-row--source.periscope,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.periscope,
body.layers.settings #queue_list .chat-row .chat-row--source.periscope,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.periscope,
body.layers.settings #favorite_list .chat-row .chat-row--source.periscope,
body.layers.show #chat_list .chat-queue-row .chat-row--source.periscope,
body.layers.show #chat_list .chat-row .chat-row--source.periscope,
body.layers.show #queue_list .chat-queue-row .chat-row--source.periscope,
body.layers.show #queue_list .chat-row .chat-row--source.periscope,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.periscope,
body.layers.show #favorite_list .chat-row .chat-row--source.periscope,
body.elements.show #chat_list .chat-queue-row .chat-row--source.periscope,
body.elements.show #chat_list .chat-row .chat-row--source.periscope,
body.elements.show #queue_list .chat-queue-row .chat-row--source.periscope,
body.elements.show #queue_list .chat-row .chat-row--source.periscope,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.periscope,
body.elements.show #favorite_list .chat-row .chat-row--source.periscope,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.periscope,
body.elements.dashboard #chat_list .chat-row .chat-row--source.periscope,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.periscope,
body.elements.dashboard #queue_list .chat-row .chat-row--source.periscope,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.periscope,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.periscope {
  background-image: url(https://beta.effi.xyz/assets/chat-twitter-5de8a26168a2ec053457144c3b5066cc65e51e684bdfae358bfdfac165dabaae.png);
}

/* line 601, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.linkedin,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.linkedin,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.linkedin,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.linkedin,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.linkedin,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.linkedin,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.linkedin,
body.layers.settings #chat_list .chat-row .chat-row--source.linkedin,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.linkedin,
body.layers.settings #queue_list .chat-row .chat-row--source.linkedin,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.linkedin,
body.layers.settings #favorite_list .chat-row .chat-row--source.linkedin,
body.layers.show #chat_list .chat-queue-row .chat-row--source.linkedin,
body.layers.show #chat_list .chat-row .chat-row--source.linkedin,
body.layers.show #queue_list .chat-queue-row .chat-row--source.linkedin,
body.layers.show #queue_list .chat-row .chat-row--source.linkedin,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.linkedin,
body.layers.show #favorite_list .chat-row .chat-row--source.linkedin,
body.elements.show #chat_list .chat-queue-row .chat-row--source.linkedin,
body.elements.show #chat_list .chat-row .chat-row--source.linkedin,
body.elements.show #queue_list .chat-queue-row .chat-row--source.linkedin,
body.elements.show #queue_list .chat-row .chat-row--source.linkedin,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.linkedin,
body.elements.show #favorite_list .chat-row .chat-row--source.linkedin,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.linkedin,
body.elements.dashboard #chat_list .chat-row .chat-row--source.linkedin,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.linkedin,
body.elements.dashboard #queue_list .chat-row .chat-row--source.linkedin,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.linkedin,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.linkedin {
  background-image: url(https://beta.effi.xyz/assets/chat-linkedin-e1b1fd6dd20abc7569819db9ec045edac5420cdbb89f3981918d1411f8c85426.png);
}

/* line 604, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row .chat-row--source.discord,
body.projects.popout_chat #chat_list .chat-row .chat-row--source.discord,
body.projects.popout_chat #queue_list .chat-queue-row .chat-row--source.discord,
body.projects.popout_chat #queue_list .chat-row .chat-row--source.discord,
body.projects.popout_chat #favorite_list .chat-queue-row .chat-row--source.discord,
body.projects.popout_chat #favorite_list .chat-row .chat-row--source.discord,
body.layers.settings #chat_list .chat-queue-row .chat-row--source.discord,
body.layers.settings #chat_list .chat-row .chat-row--source.discord,
body.layers.settings #queue_list .chat-queue-row .chat-row--source.discord,
body.layers.settings #queue_list .chat-row .chat-row--source.discord,
body.layers.settings #favorite_list .chat-queue-row .chat-row--source.discord,
body.layers.settings #favorite_list .chat-row .chat-row--source.discord,
body.layers.show #chat_list .chat-queue-row .chat-row--source.discord,
body.layers.show #chat_list .chat-row .chat-row--source.discord,
body.layers.show #queue_list .chat-queue-row .chat-row--source.discord,
body.layers.show #queue_list .chat-row .chat-row--source.discord,
body.layers.show #favorite_list .chat-queue-row .chat-row--source.discord,
body.layers.show #favorite_list .chat-row .chat-row--source.discord,
body.elements.show #chat_list .chat-queue-row .chat-row--source.discord,
body.elements.show #chat_list .chat-row .chat-row--source.discord,
body.elements.show #queue_list .chat-queue-row .chat-row--source.discord,
body.elements.show #queue_list .chat-row .chat-row--source.discord,
body.elements.show #favorite_list .chat-queue-row .chat-row--source.discord,
body.elements.show #favorite_list .chat-row .chat-row--source.discord,
body.elements.dashboard #chat_list .chat-queue-row .chat-row--source.discord,
body.elements.dashboard #chat_list .chat-row .chat-row--source.discord,
body.elements.dashboard #queue_list .chat-queue-row .chat-row--source.discord,
body.elements.dashboard #queue_list .chat-row .chat-row--source.discord,
body.elements.dashboard #favorite_list .chat-queue-row .chat-row--source.discord,
body.elements.dashboard #favorite_list .chat-row .chat-row--source.discord {
  background-image: url(https://beta.effi.xyz/assets/discord-mark-blue-f242f93c3a483bb3168e408be54d229097bb9d8d239c9fe3427c29fe4529fbf0.svg);
}

/* line 608, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-queue-row div,
body.projects.popout_chat #chat_list .chat-row div,
body.projects.popout_chat #queue_list .chat-queue-row div,
body.projects.popout_chat #queue_list .chat-row div,
body.projects.popout_chat #favorite_list .chat-queue-row div,
body.projects.popout_chat #favorite_list .chat-row div,
body.layers.settings #chat_list .chat-queue-row div,
body.layers.settings #chat_list .chat-row div,
body.layers.settings #queue_list .chat-queue-row div,
body.layers.settings #queue_list .chat-row div,
body.layers.settings #favorite_list .chat-queue-row div,
body.layers.settings #favorite_list .chat-row div,
body.layers.show #chat_list .chat-queue-row div,
body.layers.show #chat_list .chat-row div,
body.layers.show #queue_list .chat-queue-row div,
body.layers.show #queue_list .chat-row div,
body.layers.show #favorite_list .chat-queue-row div,
body.layers.show #favorite_list .chat-row div,
body.elements.show #chat_list .chat-queue-row div,
body.elements.show #chat_list .chat-row div,
body.elements.show #queue_list .chat-queue-row div,
body.elements.show #queue_list .chat-row div,
body.elements.show #favorite_list .chat-queue-row div,
body.elements.show #favorite_list .chat-row div,
body.elements.dashboard #chat_list .chat-queue-row div,
body.elements.dashboard #chat_list .chat-row div,
body.elements.dashboard #queue_list .chat-queue-row div,
body.elements.dashboard #queue_list .chat-row div,
body.elements.dashboard #favorite_list .chat-queue-row div,
body.elements.dashboard #favorite_list .chat-row div {
  line-height: 20px;
  padding-top: 1px;
  padding-left: 0px;
}

/* line 615, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list,
body.projects.popout_chat #favorite_list,
body.layers.settings #chat_list,
body.layers.settings #favorite_list,
body.layers.show #chat_list,
body.layers.show #favorite_list,
body.elements.show #chat_list,
body.elements.show #favorite_list,
body.elements.dashboard #chat_list,
body.elements.dashboard #favorite_list {
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-right: 15px;
  height: calc(100vh - 220px);
  overflow: scroll;
}

/* line 622, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row,
body.projects.popout_chat #favorite_list .chat-row,
body.layers.settings #chat_list .chat-row,
body.layers.settings #favorite_list .chat-row,
body.layers.show #chat_list .chat-row,
body.layers.show #favorite_list .chat-row,
body.elements.show #chat_list .chat-row,
body.elements.show #favorite_list .chat-row,
body.elements.dashboard #chat_list .chat-row,
body.elements.dashboard #favorite_list .chat-row {
  border-bottom: 1px solid #E0CCC1A6;
  padding: 10px;
  overflow: auto;
}

/* line 626, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row a.queue,
body.projects.popout_chat #favorite_list .chat-row a.queue,
body.layers.settings #chat_list .chat-row a.queue,
body.layers.settings #favorite_list .chat-row a.queue,
body.layers.show #chat_list .chat-row a.queue,
body.layers.show #favorite_list .chat-row a.queue,
body.elements.show #chat_list .chat-row a.queue,
body.elements.show #favorite_list .chat-row a.queue,
body.elements.dashboard #chat_list .chat-row a.queue,
body.elements.dashboard #favorite_list .chat-row a.queue {
  height: 30px;
  width: 30px;
  display: inline-block;
  background-color: #E6CEC2;
  border-radius: 30px;
  float: left;
  background-image: url(https://beta.effi.xyz/assets/chat-queue-arrow-297cfb77b5b0dd7223a070880dac4572e1e2e7c0e36727519f941f67406b7efd.png);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 638, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row a.fav,
body.projects.popout_chat #favorite_list .chat-row a.fav,
body.layers.settings #chat_list .chat-row a.fav,
body.layers.settings #favorite_list .chat-row a.fav,
body.layers.show #chat_list .chat-row a.fav,
body.layers.show #favorite_list .chat-row a.fav,
body.elements.show #chat_list .chat-row a.fav,
body.elements.show #favorite_list .chat-row a.fav,
body.elements.dashboard #chat_list .chat-row a.fav,
body.elements.dashboard #favorite_list .chat-row a.fav {
  height: 30px;
  width: 30px;
  display: inline-block;
  background-color: #EFEFEF;
  border-radius: 30px;
  float: left;
  background-image: url(https://beta.effi.xyz/assets/star-34a695fc2e8f295f0bb668f459a2372df2c53e434897bf946bf20fbe3dc32f3d.png);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}

/* line 650, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row a.fav.checked,
body.projects.popout_chat #favorite_list .chat-row a.fav.checked,
body.layers.settings #chat_list .chat-row a.fav.checked,
body.layers.settings #favorite_list .chat-row a.fav.checked,
body.layers.show #chat_list .chat-row a.fav.checked,
body.layers.show #favorite_list .chat-row a.fav.checked,
body.elements.show #chat_list .chat-row a.fav.checked,
body.elements.show #favorite_list .chat-row a.fav.checked,
body.elements.dashboard #chat_list .chat-row a.fav.checked,
body.elements.dashboard #favorite_list .chat-row a.fav.checked {
  background-image: url(https://beta.effi.xyz/assets/star_active-3e6732ba40b69ce4d16e99a04921910b2ece88ed6145b2828d34a85bcecbca25.png);
}

/* line 654, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row a.jump-queue,
body.projects.popout_chat #favorite_list .chat-row a.jump-queue,
body.layers.settings #chat_list .chat-row a.jump-queue,
body.layers.settings #favorite_list .chat-row a.jump-queue,
body.layers.show #chat_list .chat-row a.jump-queue,
body.layers.show #favorite_list .chat-row a.jump-queue,
body.elements.show #chat_list .chat-row a.jump-queue,
body.elements.show #favorite_list .chat-row a.jump-queue,
body.elements.dashboard #chat_list .chat-row a.jump-queue,
body.elements.dashboard #favorite_list .chat-row a.jump-queue {
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 30px;
  float: left;
  background-image: url(https://beta.effi.xyz/assets/jump-queue-icon-6e34d334856c479aaa53169423639df83edb474d9a6445efb166f806683fd160.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 668, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #chat_list .chat-row.added a.queue,
body.projects.popout_chat #favorite_list .chat-row.added a.queue,
body.layers.settings #chat_list .chat-row.added a.queue,
body.layers.settings #favorite_list .chat-row.added a.queue,
body.layers.show #chat_list .chat-row.added a.queue,
body.layers.show #favorite_list .chat-row.added a.queue,
body.elements.show #chat_list .chat-row.added a.queue,
body.elements.show #favorite_list .chat-row.added a.queue,
body.elements.dashboard #chat_list .chat-row.added a.queue,
body.elements.dashboard #favorite_list .chat-row.added a.queue {
  background-color: transparent;
  opacity: 0.35;
}

/* line 675, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #favorite_list,
body.layers.settings #favorite_list,
body.layers.show #favorite_list,
body.elements.show #favorite_list,
body.elements.dashboard #favorite_list {
  margin-left: 15px;
  /*.chat-row a.fav {
      margin-right: 10px;
    }*/
}

/* line 681, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #queue_list,
body.layers.settings #queue_list,
body.layers.show #queue_list,
body.elements.show #queue_list,
body.elements.dashboard #queue_list {
  margin-left: 15px;
  height: calc(100vh - 220px);
  overflow: scroll;
}

/* line 685, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #queue_list .chat-queue-row,
body.layers.settings #queue_list .chat-queue-row,
body.layers.show #queue_list .chat-queue-row,
body.elements.show #queue_list .chat-queue-row,
body.elements.dashboard #queue_list .chat-queue-row {
  background-color: #FFFFFF;
  border-radius: 5px;
  overflow: auto;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 691, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #queue_list .chat-queue-row div,
body.layers.settings #queue_list .chat-queue-row div,
body.layers.show #queue_list .chat-queue-row div,
body.elements.show #queue_list .chat-queue-row div,
body.elements.dashboard #queue_list .chat-queue-row div {
  padding-left: 0;
  position: relative;
  overflow: auto;
}

/* line 695, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat #queue_list .chat-queue-row div a,
body.layers.settings #queue_list .chat-queue-row div a,
body.layers.show #queue_list .chat-queue-row div a,
body.elements.show #queue_list .chat-queue-row div a,
body.elements.dashboard #queue_list .chat-queue-row div a {
  position: absolute;
  right: 0;
  top: 6px;
  text-decoration: none;
  font-family: Arial;
  font-size: 16px;
  color: #000000;
}

/* line 707, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .chat-help,
body.layers.settings .chat-help,
body.layers.show .chat-help,
body.elements.show .chat-help,
body.elements.dashboard .chat-help {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0px;
  position: absolute;
  left: 0;
  top: 30px;
}

/* line 714, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .chat-help.filter-count,
body.layers.settings .chat-help.filter-count,
body.layers.show .chat-help.filter-count,
body.elements.show .chat-help.filter-count,
body.elements.dashboard .chat-help.filter-count {
  right: 0;
  left: auto;
  margin-right: 16px;
  display: none;
}

/* line 721, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .new-messages,
body.layers.settings .new-messages,
body.layers.show .new-messages,
body.elements.show .new-messages,
body.elements.dashboard .new-messages {
  box-shadow: 0px 0px 9px #00000040;
  display: none;
  position: absolute;
  top: 66px;
  background-color: #efefefe8;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 136px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}

/* line 739, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat iframe,
body.layers.settings iframe,
body.layers.show iframe,
body.elements.show iframe,
body.elements.dashboard iframe {
  border: none;
  margin: auto;
  display: block;
}

/* line 744, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker,
body.layers.settings .font-picker,
body.layers.show .font-picker,
body.elements.show .font-picker,
body.elements.dashboard .font-picker {
  width: calc(100% - 236px);
  box-shadow: none;
}

/* line 747, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker .font-list,
body.layers.settings .font-picker .font-list,
body.layers.show .font-picker .font-list,
body.elements.show .font-picker .font-list,
body.elements.dashboard .font-picker .font-list {
  border-radius: 11px;
}

/* line 750, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker .dropdown-button,
body.layers.settings .font-picker .dropdown-button,
body.layers.show .font-picker .dropdown-button,
body.elements.show .font-picker .dropdown-button,
body.elements.dashboard .font-picker .dropdown-button {
  background-color: transparent;
  height: 36px;
  border: 1px solid #E6CEC2;
  border-radius: 11px;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: #E6CEC2;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: url(https://beta.effi.xyz/assets/dropdown-arrow-down-0b43d2f3f48f0ca69a2ca9b7fd5c1f3a61152593f82442d7880c9cb366081021.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}

/* line 765, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker .dropdown-button .dropdown-font-family,
body.layers.settings .font-picker .dropdown-button .dropdown-font-family,
body.layers.show .font-picker .dropdown-button .dropdown-font-family,
body.elements.show .font-picker .dropdown-button .dropdown-font-family,
body.elements.dashboard .font-picker .dropdown-button .dropdown-font-family {
  height: 100%;
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 772, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker .dropdown-button .dropdown-icon,
body.layers.settings .font-picker .dropdown-button .dropdown-icon,
body.layers.show .font-picker .dropdown-button .dropdown-icon,
body.elements.show .font-picker .dropdown-button .dropdown-icon,
body.elements.dashboard .font-picker .dropdown-button .dropdown-icon {
  display: none;
}

/* line 774, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .font-picker .dropdown-button .dropdown-icon:before,
body.layers.settings .font-picker .dropdown-button .dropdown-icon:before,
body.layers.show .font-picker .dropdown-button .dropdown-icon:before,
body.elements.show .font-picker .dropdown-button .dropdown-icon:before,
body.elements.dashboard .font-picker .dropdown-button .dropdown-icon:before {
  display: none;
}

/* line 780, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat input[type=text],
body.projects.popout_chat input[type=number],
body.projects.popout_chat input[type=color],
body.projects.popout_chat select,
body.layers.settings input[type=text],
body.layers.settings input[type=number],
body.layers.settings input[type=color],
body.layers.settings select,
body.layers.show input[type=text],
body.layers.show input[type=number],
body.layers.show input[type=color],
body.layers.show select,
body.elements.show input[type=text],
body.elements.show input[type=number],
body.elements.show input[type=color],
body.elements.show select,
body.elements.dashboard input[type=text],
body.elements.dashboard input[type=number],
body.elements.dashboard input[type=color],
body.elements.dashboard select {
  width: calc(100% - 236px);
  /*margin-top: 2px;*/
}

/* line 787, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat select,
body.layers.settings select,
body.layers.show select,
body.elements.show select,
body.elements.dashboard select {
  padding-right: 18px;
  -webkit-appearance: none;
  background-image: url(https://beta.effi.xyz/assets/dropdown-arrow-down-0b43d2f3f48f0ca69a2ca9b7fd5c1f3a61152593f82442d7880c9cb366081021.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}

/* line 795, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat input.readonly,
body.layers.settings input.readonly,
body.layers.show input.readonly,
body.elements.show input.readonly,
body.elements.dashboard input.readonly {
  margin-right: 16px;
  margin-top: 16px;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: none;
  padding: 0;
  width: calc(100% - 236px);
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: rgba(230, 206, 194, 0.55);
  letter-spacing: 0.42px;
  text-transform: lowercase;
}

/* line 815, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section .left .left input[type=number],
body.projects.popout_chat .section .left .left input[type=text],
body.projects.popout_chat .section .left .left input[type=color],
body.projects.popout_chat .section .left .left select,
body.projects.popout_chat .section .left .right input[type=number],
body.projects.popout_chat .section .left .right input[type=text],
body.projects.popout_chat .section .left .right input[type=color],
body.projects.popout_chat .section .left .right select,
body.projects.popout_chat .section .right .left input[type=number],
body.projects.popout_chat .section .right .left input[type=text],
body.projects.popout_chat .section .right .left input[type=color],
body.projects.popout_chat .section .right .left select,
body.projects.popout_chat .section .right .right input[type=number],
body.projects.popout_chat .section .right .right input[type=text],
body.projects.popout_chat .section .right .right input[type=color],
body.projects.popout_chat .section .right .right select,
body.layers.settings .section .left .left input[type=number],
body.layers.settings .section .left .left input[type=text],
body.layers.settings .section .left .left input[type=color],
body.layers.settings .section .left .left select,
body.layers.settings .section .left .right input[type=number],
body.layers.settings .section .left .right input[type=text],
body.layers.settings .section .left .right input[type=color],
body.layers.settings .section .left .right select,
body.layers.settings .section .right .left input[type=number],
body.layers.settings .section .right .left input[type=text],
body.layers.settings .section .right .left input[type=color],
body.layers.settings .section .right .left select,
body.layers.settings .section .right .right input[type=number],
body.layers.settings .section .right .right input[type=text],
body.layers.settings .section .right .right input[type=color],
body.layers.settings .section .right .right select,
body.layers.show .section .left .left input[type=number],
body.layers.show .section .left .left input[type=text],
body.layers.show .section .left .left input[type=color],
body.layers.show .section .left .left select,
body.layers.show .section .left .right input[type=number],
body.layers.show .section .left .right input[type=text],
body.layers.show .section .left .right input[type=color],
body.layers.show .section .left .right select,
body.layers.show .section .right .left input[type=number],
body.layers.show .section .right .left input[type=text],
body.layers.show .section .right .left input[type=color],
body.layers.show .section .right .left select,
body.layers.show .section .right .right input[type=number],
body.layers.show .section .right .right input[type=text],
body.layers.show .section .right .right input[type=color],
body.layers.show .section .right .right select,
body.elements.show .section .left .left input[type=number],
body.elements.show .section .left .left input[type=text],
body.elements.show .section .left .left input[type=color],
body.elements.show .section .left .left select,
body.elements.show .section .left .right input[type=number],
body.elements.show .section .left .right input[type=text],
body.elements.show .section .left .right input[type=color],
body.elements.show .section .left .right select,
body.elements.show .section .right .left input[type=number],
body.elements.show .section .right .left input[type=text],
body.elements.show .section .right .left input[type=color],
body.elements.show .section .right .left select,
body.elements.show .section .right .right input[type=number],
body.elements.show .section .right .right input[type=text],
body.elements.show .section .right .right input[type=color],
body.elements.show .section .right .right select,
body.elements.dashboard .section .left .left input[type=number],
body.elements.dashboard .section .left .left input[type=text],
body.elements.dashboard .section .left .left input[type=color],
body.elements.dashboard .section .left .left select,
body.elements.dashboard .section .left .right input[type=number],
body.elements.dashboard .section .left .right input[type=text],
body.elements.dashboard .section .left .right input[type=color],
body.elements.dashboard .section .left .right select,
body.elements.dashboard .section .right .left input[type=number],
body.elements.dashboard .section .right .left input[type=text],
body.elements.dashboard .section .right .left input[type=color],
body.elements.dashboard .section .right .left select,
body.elements.dashboard .section .right .right input[type=number],
body.elements.dashboard .section .right .right input[type=text],
body.elements.dashboard .section .right .right input[type=color],
body.elements.dashboard .section .right .right select {
  width: calc(100% - 134px);
}

/* line 821, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section .left .left .font-picker,
body.projects.popout_chat .section .left .right .font-picker,
body.projects.popout_chat .section .right .left .font-picker,
body.projects.popout_chat .section .right .right .font-picker,
body.layers.settings .section .left .left .font-picker,
body.layers.settings .section .left .right .font-picker,
body.layers.settings .section .right .left .font-picker,
body.layers.settings .section .right .right .font-picker,
body.layers.show .section .left .left .font-picker,
body.layers.show .section .left .right .font-picker,
body.layers.show .section .right .left .font-picker,
body.layers.show .section .right .right .font-picker,
body.elements.show .section .left .left .font-picker,
body.elements.show .section .left .right .font-picker,
body.elements.show .section .right .left .font-picker,
body.elements.show .section .right .right .font-picker,
body.elements.dashboard .section .left .left .font-picker,
body.elements.dashboard .section .left .right .font-picker,
body.elements.dashboard .section .right .left .font-picker,
body.elements.dashboard .section .right .right .font-picker {
  width: calc(100% - 134px);
}

/* line 825, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row,
body.layers.settings .form-row,
body.layers.show .form-row,
body.elements.show .form-row,
body.elements.dashboard .form-row {
  clear: both;
  height: 40px;
  margin-bottom: 15px;
}

/* line 829, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row small,
body.layers.settings .form-row small,
body.layers.show .form-row small,
body.elements.show .form-row small,
body.elements.dashboard .form-row small {
  display: block;
  padding-left: 135px;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  color: rgba(230, 206, 194, 0.55);
  letter-spacing: 0.54px;
  margin-top: 2px;
}

/* line 839, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row-delay,
body.layers.settings .form-row-delay,
body.layers.show .form-row-delay,
body.elements.show .form-row-delay,
body.elements.dashboard .form-row-delay {
  position: relative;
}

/* line 841, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row-delay .form-control,
body.layers.settings .form-row-delay .form-control,
body.layers.show .form-row-delay .form-control,
body.elements.show .form-row-delay .form-control,
body.elements.dashboard .form-row-delay .form-control {
  width: 80px;
}

/* line 844, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row-delay small,
body.layers.settings .form-row-delay small,
body.layers.show .form-row-delay small,
body.elements.show .form-row-delay small,
body.elements.dashboard .form-row-delay small {
  display: inline;
  padding-left: 14px;
  font-family: Courier;
  font-size: 12px;
  color: #E8D8CD;
  position: absolute;
  letter-spacing: 0.48px;
  width: calc(100% - 214px);
  top: -3px;
}

/* line 856, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .label,
body.layers.settings .label,
body.layers.show .label,
body.elements.show .label,
body.elements.dashboard .label {
  width: 200px;
  display: inline-block;
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  text-transform: uppercase;
}

/* line 865, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .label.label-sm,
body.layers.settings .label.label-sm,
body.layers.show .label.label-sm,
body.elements.show .label.label-sm,
body.elements.dashboard .label.label-sm {
  width: 130px;
  text-align: right;
  padding-right: 10px;
  text-transform: none;
  font-size: 14px;
}

/* line 872, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .label.label-xs,
body.layers.settings .label.label-xs,
body.layers.show .label.label-xs,
body.elements.show .label.label-xs,
body.elements.dashboard .label.label-xs {
  width: 130px;
  text-align: right;
  padding-right: 10px;
  text-transform: none;
  font-size: 12px;
}

/* line 880, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .publish-action,
body.layers.settings .publish-action,
body.layers.show .publish-action,
body.elements.show .publish-action,
body.elements.dashboard .publish-action {
  padding-right: 90px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 60px;
  float: right;
  color: #77DD77;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.89px;
  text-align: center;
}

/* line 892, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .publish-action .unpublish,
body.layers.settings .publish-action .unpublish,
body.layers.show .publish-action .unpublish,
body.elements.show .publish-action .unpublish,
body.elements.dashboard .publish-action .unpublish {
  font-family: Courier;
  font-size: 14px;
  color: #B1B1B1;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  text-decoration: underline;
  margin-left: 10px;
}

/* line 901, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .publish-action .btn,
body.layers.settings .publish-action .btn,
body.layers.show .publish-action .btn,
body.elements.show .publish-action .btn,
body.elements.dashboard .publish-action .btn {
  color: #FFFFFF;
}

/* line 906, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section,
body.layers.settings .element-form .section,
body.layers.show .element-form .section,
body.elements.show .element-form .section,
body.elements.dashboard .element-form .section {
  margin-bottom: 25px;
}

/* line 909, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-tracking-params textarea,
body.layers.settings .element-form .section.section-tracking-params textarea,
body.layers.show .element-form .section.section-tracking-params textarea,
body.elements.show .element-form .section.section-tracking-params textarea,
body.elements.dashboard .element-form .section.section-tracking-params textarea {
  width: 80%;
  height: 200px;
  resize: none;
  font-family: Courier;
  font-weight: bold;
  font-size: 14px;
  color: #E0CCC1;
}

/* line 918, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-tracking-params .left, body.projects.popout_chat .element-form .section.section-tracking-params .right,
body.layers.settings .element-form .section.section-tracking-params .left,
body.layers.settings .element-form .section.section-tracking-params .right,
body.layers.show .element-form .section.section-tracking-params .left,
body.layers.show .element-form .section.section-tracking-params .right,
body.elements.show .element-form .section.section-tracking-params .left,
body.elements.show .element-form .section.section-tracking-params .right,
body.elements.dashboard .element-form .section.section-tracking-params .left,
body.elements.dashboard .element-form .section.section-tracking-params .right {
  text-align: center;
}

/* line 921, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-tracking-params .form-row,
body.layers.settings .element-form .section.section-tracking-params .form-row,
body.layers.show .element-form .section.section-tracking-params .form-row,
body.elements.show .element-form .section.section-tracking-params .form-row,
body.elements.dashboard .element-form .section.section-tracking-params .form-row {
  height: auto;
}

/* line 924, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-tracking-params .label,
body.layers.settings .element-form .section.section-tracking-params .label,
body.layers.show .element-form .section.section-tracking-params .label,
body.elements.show .element-form .section.section-tracking-params .label,
body.elements.dashboard .element-form .section.section-tracking-params .label {
  width: auto;
  margin-bottom: 5px;
}

/* line 929, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section:after,
body.layers.settings .element-form .section:after,
body.layers.show .element-form .section:after,
body.elements.show .element-form .section:after,
body.elements.dashboard .element-form .section:after {
  content: "";
  display: block;
  clear: both;
}

/* line 934, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section p,
body.layers.settings .element-form .section p,
body.layers.show .element-form .section p,
body.elements.show .element-form .section p,
body.elements.dashboard .element-form .section p {
  font-family: Courier;
  font-weight: bold;
  font-size: 14px;
  color: #E0CCC1;
  letter-spacing: 0.59px;
}

/* line 941, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .handle,
body.layers.settings .element-form .section .handle,
body.layers.show .element-form .section .handle,
body.elements.show .element-form .section .handle,
body.elements.dashboard .element-form .section .handle {
  text-align: center;
  margin-bottom: 10px;
}

/* line 944, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .handle .dot,
body.layers.settings .element-form .section .handle .dot,
body.layers.show .element-form .section .handle .dot,
body.elements.show .element-form .section .handle .dot,
body.elements.dashboard .element-form .section .handle .dot {
  height: 9px;
  width: 9px;
  background-color: #E0CCC1;
  border-radius: 50%;
  display: inline-block;
}

/* line 952, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .delete-poll-answer,
body.layers.settings .element-form .section .delete-poll-answer,
body.layers.show .element-form .section .delete-poll-answer,
body.elements.show .element-form .section .delete-poll-answer,
body.elements.dashboard .element-form .section .delete-poll-answer {
  position: absolute;
  left: calc(100% - 95px);
  top: 12px;
}

/* line 957, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .with-prefix,
body.layers.settings .element-form .section .with-prefix,
body.layers.show .element-form .section .with-prefix,
body.elements.show .element-form .section .with-prefix,
body.elements.dashboard .element-form .section .with-prefix {
  position: relative;
}

/* line 959, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .with-prefix span,
body.layers.settings .element-form .section .with-prefix span,
body.layers.show .element-form .section .with-prefix span,
body.elements.show .element-form .section .with-prefix span,
body.elements.dashboard .element-form .section .with-prefix span {
  position: absolute;
  font-size: 18px;
  color: #E6CEC2;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  top: 0px;
  left: 12px;
}

/* line 968, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .with-prefix input[type=text],
body.layers.settings .element-form .section .with-prefix input[type=text],
body.layers.show .element-form .section .with-prefix input[type=text],
body.elements.show .element-form .section .with-prefix input[type=text],
body.elements.dashboard .element-form .section .with-prefix input[type=text] {
  padding-left: 26px;
}

/* line 972, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .btn-xs,
body.layers.settings .element-form .section .btn-xs,
body.layers.show .element-form .section .btn-xs,
body.elements.show .element-form .section .btn-xs,
body.elements.dashboard .element-form .section .btn-xs {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: fit-content;
}

/* line 978, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .section-title,
body.layers.settings .element-form .section .section-title,
body.layers.show .element-form .section .section-title,
body.elements.show .element-form .section .section-title,
body.elements.dashboard .element-form .section .section-title {
  clear: both;
  margin-left: 15px;
  text-transform: lowercase;
  font-family: Courier;
  font-weight: bold;
  font-size: 26px;
  color: #E0CCC1;
  letter-spacing: 1.49px;
  margin-bottom: 25px;
  position: relative;
}

/* line 989, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .section-title a,
body.layers.settings .element-form .section .section-title a,
body.layers.show .element-form .section .section-title a,
body.elements.show .element-form .section .section-title a,
body.elements.dashboard .element-form .section .section-title a {
  color: #E0CCC1;
  text-decoration: none;
}

/* line 993, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .section-title a.filter,
body.layers.settings .element-form .section .section-title a.filter,
body.layers.show .element-form .section .section-title a.filter,
body.elements.show .element-form .section .section-title a.filter,
body.elements.dashboard .element-form .section .section-title a.filter {
  font-size: 14px;
  margin-top: 6px;
  display: inline-block;
  text-decoration: underline;
  float: right;
  margin-right: 16px;
}

/* line 1001, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .section-title a.close,
body.layers.settings .element-form .section .section-title a.close,
body.layers.show .element-form .section .section-title a.close,
body.elements.show .element-form .section .section-title a.close,
body.elements.dashboard .element-form .section .section-title a.close {
  position: absolute;
  right: 0;
  top: 7px;
  background-image: url(https://beta.effi.xyz/assets/collapse-opened-d5d00b32cd97209a5e74184af23cff595f3a57164bd0cf25228c8f3014976abd.png);
  height: 15px;
  width: 28px;
  background-size: 28px;
}

/* line 1012, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.close a.close,
body.layers.settings .element-form .section.close a.close,
body.layers.show .element-form .section.close a.close,
body.elements.show .element-form .section.close a.close,
body.elements.dashboard .element-form .section.close a.close {
  top: 7px;
  background-image: url(https://beta.effi.xyz/assets/collapse-closed-f127cfc5bb49d595df65e267f7163d637cd4340c615d9fc41b75a178f8d4ea48.png);
  height: 28px;
  width: 15px;
  background-size: 15px;
}

/* line 1019, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.close .collapsable,
body.layers.settings .element-form .section.close .collapsable,
body.layers.show .element-form .section.close .collapsable,
body.elements.show .element-form .section.close .collapsable,
body.elements.dashboard .element-form .section.close .collapsable {
  display: none;
}

/* line 1023, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .left,
body.layers.settings .element-form .section .left,
body.layers.show .element-form .section .left,
body.elements.show .element-form .section .left,
body.elements.dashboard .element-form .section .left {
  float: left;
  width: 50%;
}

/* line 1026, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .left.left-with-border,
body.layers.settings .element-form .section .left.left-with-border,
body.layers.show .element-form .section .left.left-with-border,
body.elements.show .element-form .section .left.left-with-border,
body.elements.dashboard .element-form .section .left.left-with-border {
  border-right: 1px solid #807873;
}

/* line 1030, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .right,
body.layers.settings .element-form .section .right,
body.layers.show .element-form .section .right,
body.elements.show .element-form .section .right,
body.elements.dashboard .element-form .section .right {
  float: left;
  width: 50%;
}

/* line 1033, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section .right.right-with-border,
body.layers.settings .element-form .section .right.right-with-border,
body.layers.show .element-form .section .right.right-with-border,
body.elements.show .element-form .section .right.right-with-border,
body.elements.dashboard .element-form .section .right.right-with-border {
  border-left: 1px solid #807873;
  margin-left: -1px;
}

/* line 1039, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-type-2 textarea.form-control,
body.layers.settings .element-form .section.section-type-2 textarea.form-control,
body.layers.show .element-form .section.section-type-2 textarea.form-control,
body.elements.show .element-form .section.section-type-2 textarea.form-control,
body.elements.dashboard .element-form .section.section-type-2 textarea.form-control {
  height: 150px;
}

/* line 1042, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-type-2 .section-title,
body.layers.settings .element-form .section.section-type-2 .section-title,
body.layers.show .element-form .section.section-type-2 .section-title,
body.elements.show .element-form .section.section-type-2 .section-title,
body.elements.dashboard .element-form .section.section-type-2 .section-title {
  margin-left: 0;
  margin-bottom: 5px;
  font-size: 12px;
  text-transform: none;
  width: fit-content;
  padding-right: 23px;
}

/* line 1049, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-type-2 .section-title a.close,
body.layers.settings .element-form .section.section-type-2 .section-title a.close,
body.layers.show .element-form .section.section-type-2 .section-title a.close,
body.elements.show .element-form .section.section-type-2 .section-title a.close,
body.elements.dashboard .element-form .section.section-type-2 .section-title a.close {
  height: 7px;
  width: 13px;
  background-size: 13px;
  top: 4px;
  right: 0;
  background-image: url(https://beta.effi.xyz/assets/collapse-opened-d5d00b32cd97209a5e74184af23cff595f3a57164bd0cf25228c8f3014976abd.png);
}

/* line 1058, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-type-2 .help,
body.layers.settings .element-form .section.section-type-2 .help,
body.layers.show .element-form .section.section-type-2 .help,
body.elements.show .element-form .section.section-type-2 .help,
body.elements.dashboard .element-form .section.section-type-2 .help {
  margin-bottom: 10px;
  font-size: 10px;
  color: #E1C9BF;
  letter-spacing: 0.41px;
  font-family: Helvetica, sans-serif;
}

/* line 1066, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-form .section.section-type-2.open a.close,
body.layers.settings .element-form .section.section-type-2.open a.close,
body.layers.show .element-form .section.section-type-2.open a.close,
body.elements.show .element-form .section.section-type-2.open a.close,
body.elements.dashboard .element-form .section.section-type-2.open a.close {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 1077, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat a.link,
body.layers.settings a.link,
body.layers.show a.link,
body.elements.show a.link,
body.elements.dashboard a.link {
  font-family: Courier;
  font-size: 14px;
  color: #B1B1B1;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  text-decoration: underline;
}

/* line 1085, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .filter-clear,
body.layers.settings .filter-clear,
body.layers.show .filter-clear,
body.elements.show .filter-clear,
body.elements.dashboard .filter-clear {
  margin-left: 10px;
}

/* line 1089, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-image .file-attached,
body.layers.settings .element-image .file-attached,
body.layers.show .element-image .file-attached,
body.elements.show .element-image .file-attached,
body.elements.dashboard .element-image .file-attached {
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  font-size: 10px;
  margin-top: 10px;
}

/* line 1097, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-image .file-attached a,
body.layers.settings .element-image .file-attached a,
body.layers.show .element-image .file-attached a,
body.elements.show .element-image .file-attached a,
body.elements.dashboard .element-image .file-attached a {
  color: #E0CCC1;
}

/* line 1102, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-update,
body.layers.settings .element-update,
body.layers.show .element-update,
body.elements.show .element-update,
body.elements.dashboard .element-update {
  display: inline-block;
  float: right;
  background-color: #E0CCC1;
  color: #ffffff;
  text-shadow: 1px 1px 1px #b7a79d;
  outline: none;
  border-radius: 5px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.71px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 26px;
  padding: 0px 9px;
}

/* line 1121, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-reset,
body.layers.settings .element-reset,
body.layers.show .element-reset,
body.elements.show .element-reset,
body.elements.dashboard .element-reset {
  background-image: url(https://beta.effi.xyz/assets/icons-rollback-3a08d8fb377958b81c544b0ceeba40caa7e514de2c33d8b6d0ff4ce9b26660a2.png);
  display: inline-block;
  background-size: 100%;
  float: right;
  height: 24px;
  width: 24px;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

/* line 1132, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-spark-settings,
body.layers.settings .section-spark-settings,
body.layers.show .section-spark-settings,
body.elements.show .section-spark-settings,
body.elements.dashboard .section-spark-settings {
  overflow: auto;
  margin-bottom: 40px;
}

/* line 1136, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields,
body.layers.settings .quiz_question_fields,
body.layers.show .quiz_question_fields,
body.elements.show .quiz_question_fields,
body.elements.dashboard .quiz_question_fields {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 10px;
}

/* line 1141, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields .delete-quiz-question,
body.layers.settings .quiz_question_fields .delete-quiz-question,
body.layers.show .quiz_question_fields .delete-quiz-question,
body.elements.show .quiz_question_fields .delete-quiz-question,
body.elements.dashboard .quiz_question_fields .delete-quiz-question {
  position: absolute;
  top: 0;
  right: 7px;
}

/* line 1146, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields .form-row-question,
body.layers.settings .quiz_question_fields .form-row-question,
body.layers.show .quiz_question_fields .form-row-question,
body.elements.show .quiz_question_fields .form-row-question,
body.elements.dashboard .quiz_question_fields .form-row-question {
  position: relative;
}

/* line 1148, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields .form-row-question .custom-checkbox,
body.layers.settings .quiz_question_fields .form-row-question .custom-checkbox,
body.layers.show .quiz_question_fields .form-row-question .custom-checkbox,
body.elements.show .quiz_question_fields .form-row-question .custom-checkbox,
body.elements.dashboard .quiz_question_fields .form-row-question .custom-checkbox {
  position: absolute;
  right: 40px;
  top: 23px;
}

/* line 1154, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields input[type=text],
body.layers.settings .quiz_question_fields input[type=text],
body.layers.show .quiz_question_fields input[type=text],
body.elements.show .quiz_question_fields input[type=text],
body.elements.dashboard .quiz_question_fields input[type=text] {
  width: calc(100% - 50px) !important;
}

/* line 1157, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .quiz_question_fields .select-answer-help,
body.layers.settings .quiz_question_fields .select-answer-help,
body.layers.show .quiz_question_fields .select-answer-help,
body.elements.show .quiz_question_fields .select-answer-help,
body.elements.dashboard .quiz_question_fields .select-answer-help {
  position: absolute;
  right: -16px;
  top: 28px;
  width: 77px;
  text-align: center;
  font-family: Courier;
  font-weight: bold;
  font-size: 10px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
}

/* line 1170, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields,
body.layers.settings .spark_option_fields,
body.layers.show .spark_option_fields,
body.elements.show .spark_option_fields,
body.elements.dashboard .spark_option_fields {
  position: relative;
  padding-top: 12px;
}

/* line 1173, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-selector,
body.layers.settings .spark_option_fields .file-selector,
body.layers.show .spark_option_fields .file-selector,
body.elements.show .spark_option_fields .file-selector,
body.elements.dashboard .spark_option_fields .file-selector {
  /*background-image: asset_url(https://beta.effi.xyz/assets/file-picker-icon-00f5bc8d7baf2f8bcdb483a8c17ba28523dc4064700060718c7a8bb4b5289697.png);
      background-size: 40px;
      background-repeat: no-repeat;*/
  margin-left: auto;
  margin-right: auto;
  /*background-position: center top;*/
  /*padding-top: 40px;*/
  position: relative;
  cursor: pointer;
  font-size: 10px;
  font-weight: normal;
  left: 0;
}

/* line 1186, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-selector .file-picker-container,
body.layers.settings .spark_option_fields .file-selector .file-picker-container,
body.layers.show .spark_option_fields .file-selector .file-picker-container,
body.elements.show .spark_option_fields .file-selector .file-picker-container,
body.elements.dashboard .spark_option_fields .file-selector .file-picker-container {
  width: 83px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

/* line 1192, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-selector input,
body.layers.settings .spark_option_fields .file-selector input,
body.layers.show .spark_option_fields .file-selector input,
body.elements.show .spark_option_fields .file-selector input,
body.elements.dashboard .spark_option_fields .file-selector input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 1201, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-selector span,
body.layers.settings .spark_option_fields .file-selector span,
body.layers.show .spark_option_fields .file-selector span,
body.elements.show .spark_option_fields .file-selector span,
body.elements.dashboard .spark_option_fields .file-selector span {
  text-align: center;
  display: block;
}

/* line 1206, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields input[type=text], body.projects.popout_chat .spark_option_fields input[type=number],
body.layers.settings .spark_option_fields input[type=text],
body.layers.settings .spark_option_fields input[type=number],
body.layers.show .spark_option_fields input[type=text],
body.layers.show .spark_option_fields input[type=number],
body.elements.show .spark_option_fields input[type=text],
body.elements.show .spark_option_fields input[type=number],
body.elements.dashboard .spark_option_fields input[type=text],
body.elements.dashboard .spark_option_fields input[type=number] {
  width: calc(100% - 212px);
}

/* line 1209, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields textarea,
body.layers.settings .spark_option_fields textarea,
body.layers.show .spark_option_fields textarea,
body.elements.show .spark_option_fields textarea,
body.elements.dashboard .spark_option_fields textarea {
  width: 100%;
  height: 200px;
  resize: none;
}

/* line 1214, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-attached,
body.layers.settings .spark_option_fields .file-attached,
body.layers.show .spark_option_fields .file-attached,
body.elements.show .spark_option_fields .file-attached,
body.elements.dashboard .spark_option_fields .file-attached {
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  font-size: 10px;
  text-align: center;
  margin-top: 10px;
}

/* line 1223, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .file-attached a,
body.layers.settings .spark_option_fields .file-attached a,
body.layers.show .spark_option_fields .file-attached a,
body.elements.show .spark_option_fields .file-attached a,
body.elements.dashboard .spark_option_fields .file-attached a {
  color: #E0CCC1;
}

/* line 1227, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .ifttt-url,
body.layers.settings .spark_option_fields .ifttt-url,
body.layers.show .spark_option_fields .ifttt-url,
body.elements.show .spark_option_fields .ifttt-url,
body.elements.dashboard .spark_option_fields .ifttt-url {
  position: absolute;
  /*left: 136px;*/
  /*top: 105px;*/
  font-family: Courier;
  font-weight: normal;
  font-size: 12px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  /*width: calc(100% - 212px);*/
  overflow: hidden;
  height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  left: 0;
  top: 39px;
  width: 100%;
}

/* line 1245, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .help,
body.layers.settings .spark_option_fields .help,
body.layers.show .spark_option_fields .help,
body.elements.show .spark_option_fields .help,
body.elements.dashboard .spark_option_fields .help {
  font-family: Courier;
  font-weight: normal;
  font-size: 12px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  padding-left: 0;
  /*position: relative;*/
  /*height: 200px;*/
}

/* line 1254, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .spark_option_fields .help .delete-option,
body.layers.settings .spark_option_fields .help .delete-option,
body.layers.show .spark_option_fields .help .delete-option,
body.elements.show .spark_option_fields .help .delete-option,
body.elements.dashboard .spark_option_fields .help .delete-option {
  position: absolute;
  top: 14px;
  right: 0;
  color: #E0CCC1;
}

/* line 1263, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-user-settings .form-row,
body.layers.settings .section-trivia-user-settings .form-row,
body.layers.show .section-trivia-user-settings .form-row,
body.elements.show .section-trivia-user-settings .form-row,
body.elements.dashboard .section-trivia-user-settings .form-row {
  height: auto;
}

/* line 1266, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-user-settings .label.label-sm,
body.layers.settings .section-trivia-user-settings .label.label-sm,
body.layers.show .section-trivia-user-settings .label.label-sm,
body.elements.show .section-trivia-user-settings .label.label-sm,
body.elements.dashboard .section-trivia-user-settings .label.label-sm {
  width: 100%;
  text-align: left;
  /*margin-left: 15px;*/
}

/* line 1270, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-user-settings .label.label-sm small,
body.layers.settings .section-trivia-user-settings .label.label-sm small,
body.layers.show .section-trivia-user-settings .label.label-sm small,
body.elements.show .section-trivia-user-settings .label.label-sm small,
body.elements.dashboard .section-trivia-user-settings .label.label-sm small {
  font-family: Courier;
  font-weight: normal;
  font-size: 12px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  padding-left: 0;
}

/* line 1279, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-user-settings .usernames,
body.layers.settings .section-trivia-user-settings .usernames,
body.layers.show .section-trivia-user-settings .usernames,
body.elements.show .section-trivia-user-settings .usernames,
body.elements.dashboard .section-trivia-user-settings .usernames {
  display: grid;
  margin-top: 20px;
  margin-left: 0;
  margin-bottom: 20px;
  grid-template-columns: 50% 50%;
}

/* line 1285, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-user-settings .usernames .form-control,
body.layers.settings .section-trivia-user-settings .usernames .form-control,
body.layers.show .section-trivia-user-settings .usernames .form-control,
body.elements.show .section-trivia-user-settings .usernames .form-control,
body.elements.dashboard .section-trivia-user-settings .usernames .form-control {
  width: calc(100% - 10px) !important;
  margin-bottom: 10px;
}

/* line 1291, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .btn-add-quiz-question-fields,
body.layers.settings .btn-add-quiz-question-fields,
body.layers.show .btn-add-quiz-question-fields,
body.elements.show .btn-add-quiz-question-fields,
body.elements.dashboard .btn-add-quiz-question-fields {
  z-index: 15;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  width: 128px;
  margin-left: auto;
  margin-right: auto;
}

/* line 1301, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .trivia-preview-container,
body.layers.settings .trivia-preview-container,
body.layers.show .trivia-preview-container,
body.elements.show .trivia-preview-container,
body.elements.dashboard .trivia-preview-container {
  position: relative;
}

/* line 1303, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .trivia-preview-container .action,
body.layers.settings .trivia-preview-container .action,
body.layers.show .trivia-preview-container .action,
body.elements.show .trivia-preview-container .action,
body.elements.dashboard .trivia-preview-container .action {
  margin-top: 18px;
  margin-bottom: 18px;
  /*width: calc((100% - 600px)/2);*/
  text-align: center;
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 115px;*/
  padding-left: 15px;
  padding-right: 15px;
}

/* line 1314, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .trivia-preview-container .btn-start,
body.layers.settings .trivia-preview-container .btn-start,
body.layers.show .trivia-preview-container .btn-start,
body.elements.show .trivia-preview-container .btn-start,
body.elements.dashboard .trivia-preview-container .btn-start {
  background-color: #00A22E;
  border-color: #00A22E;
  color: #FFFFFF;
  display: inline-block;
}

/* line 1320, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .trivia-preview-container .btn-in-progress,
body.layers.settings .trivia-preview-container .btn-in-progress,
body.layers.show .trivia-preview-container .btn-in-progress,
body.elements.show .trivia-preview-container .btn-in-progress,
body.elements.dashboard .trivia-preview-container .btn-in-progress {
  background-color: transparent;
  border-color: #00A22E;
  color: #FFFFFF;
  display: inline-block;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1331, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .trivia-preview-container p,
body.layers.settings .trivia-preview-container p,
body.layers.show .trivia-preview-container p,
body.elements.show .trivia-preview-container p,
body.elements.dashboard .trivia-preview-container p {
  font-family: Courier;
  font-weight: bold;
  color: #E0CCC1;
  letter-spacing: 0.59px;
  font-size: 13px;
  margin-top: 10px;
}

/* line 1343, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-settings .label.label-sm,
body.projects.popout_chat .section-spark-settings .label.label-sm,
body.projects.popout_chat .section-cloud-settings .label.label-sm,
body.layers.settings .section-trivia-settings .label.label-sm,
body.layers.settings .section-spark-settings .label.label-sm,
body.layers.settings .section-cloud-settings .label.label-sm,
body.layers.show .section-trivia-settings .label.label-sm,
body.layers.show .section-spark-settings .label.label-sm,
body.layers.show .section-cloud-settings .label.label-sm,
body.elements.show .section-trivia-settings .label.label-sm,
body.elements.show .section-spark-settings .label.label-sm,
body.elements.show .section-cloud-settings .label.label-sm,
body.elements.dashboard .section-trivia-settings .label.label-sm,
body.elements.dashboard .section-spark-settings .label.label-sm,
body.elements.dashboard .section-cloud-settings .label.label-sm {
  width: 400px;
}

/* line 1345, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-settings .label.label-sm small,
body.projects.popout_chat .section-spark-settings .label.label-sm small,
body.projects.popout_chat .section-cloud-settings .label.label-sm small,
body.layers.settings .section-trivia-settings .label.label-sm small,
body.layers.settings .section-spark-settings .label.label-sm small,
body.layers.settings .section-cloud-settings .label.label-sm small,
body.layers.show .section-trivia-settings .label.label-sm small,
body.layers.show .section-spark-settings .label.label-sm small,
body.layers.show .section-cloud-settings .label.label-sm small,
body.elements.show .section-trivia-settings .label.label-sm small,
body.elements.show .section-spark-settings .label.label-sm small,
body.elements.show .section-cloud-settings .label.label-sm small,
body.elements.dashboard .section-trivia-settings .label.label-sm small,
body.elements.dashboard .section-spark-settings .label.label-sm small,
body.elements.dashboard .section-cloud-settings .label.label-sm small {
  font-family: Courier;
  font-weight: normal;
  font-size: 12px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  padding-left: 0;
}

/* line 1354, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .section-trivia-settings input[type=text],
body.projects.popout_chat .section-trivia-settings input[type=number],
body.projects.popout_chat .section-trivia-settings input[type=color],
body.projects.popout_chat .section-trivia-settings select,
body.projects.popout_chat .section-spark-settings input[type=text],
body.projects.popout_chat .section-spark-settings input[type=number],
body.projects.popout_chat .section-spark-settings input[type=color],
body.projects.popout_chat .section-spark-settings select,
body.projects.popout_chat .section-cloud-settings input[type=text],
body.projects.popout_chat .section-cloud-settings input[type=number],
body.projects.popout_chat .section-cloud-settings input[type=color],
body.projects.popout_chat .section-cloud-settings select,
body.layers.settings .section-trivia-settings input[type=text],
body.layers.settings .section-trivia-settings input[type=number],
body.layers.settings .section-trivia-settings input[type=color],
body.layers.settings .section-trivia-settings select,
body.layers.settings .section-spark-settings input[type=text],
body.layers.settings .section-spark-settings input[type=number],
body.layers.settings .section-spark-settings input[type=color],
body.layers.settings .section-spark-settings select,
body.layers.settings .section-cloud-settings input[type=text],
body.layers.settings .section-cloud-settings input[type=number],
body.layers.settings .section-cloud-settings input[type=color],
body.layers.settings .section-cloud-settings select,
body.layers.show .section-trivia-settings input[type=text],
body.layers.show .section-trivia-settings input[type=number],
body.layers.show .section-trivia-settings input[type=color],
body.layers.show .section-trivia-settings select,
body.layers.show .section-spark-settings input[type=text],
body.layers.show .section-spark-settings input[type=number],
body.layers.show .section-spark-settings input[type=color],
body.layers.show .section-spark-settings select,
body.layers.show .section-cloud-settings input[type=text],
body.layers.show .section-cloud-settings input[type=number],
body.layers.show .section-cloud-settings input[type=color],
body.layers.show .section-cloud-settings select,
body.elements.show .section-trivia-settings input[type=text],
body.elements.show .section-trivia-settings input[type=number],
body.elements.show .section-trivia-settings input[type=color],
body.elements.show .section-trivia-settings select,
body.elements.show .section-spark-settings input[type=text],
body.elements.show .section-spark-settings input[type=number],
body.elements.show .section-spark-settings input[type=color],
body.elements.show .section-spark-settings select,
body.elements.show .section-cloud-settings input[type=text],
body.elements.show .section-cloud-settings input[type=number],
body.elements.show .section-cloud-settings input[type=color],
body.elements.show .section-cloud-settings select,
body.elements.dashboard .section-trivia-settings input[type=text],
body.elements.dashboard .section-trivia-settings input[type=number],
body.elements.dashboard .section-trivia-settings input[type=color],
body.elements.dashboard .section-trivia-settings select,
body.elements.dashboard .section-spark-settings input[type=text],
body.elements.dashboard .section-spark-settings input[type=number],
body.elements.dashboard .section-spark-settings input[type=color],
body.elements.dashboard .section-spark-settings select,
body.elements.dashboard .section-cloud-settings input[type=text],
body.elements.dashboard .section-cloud-settings input[type=number],
body.elements.dashboard .section-cloud-settings input[type=color],
body.elements.dashboard .section-cloud-settings select {
  vertical-align: top;
  width: calc(100% - 485px);
}

/* line 1362, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row.textarea,
body.layers.settings .form-row.textarea,
body.layers.show .form-row.textarea,
body.elements.show .form-row.textarea,
body.elements.dashboard .form-row.textarea {
  height: auto;
}

/* line 1364, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row.textarea .label.label-sm,
body.layers.settings .form-row.textarea .label.label-sm,
body.layers.show .form-row.textarea .label.label-sm,
body.elements.show .form-row.textarea .label.label-sm,
body.elements.dashboard .form-row.textarea .label.label-sm {
  width: 100%;
  text-align: left;
}

/* line 1368, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .form-row.textarea .form-control,
body.layers.settings .form-row.textarea .form-control,
body.layers.show .form-row.textarea .form-control,
body.elements.show .form-row.textarea .form-control,
body.elements.dashboard .form-row.textarea .form-control {
  margin-top: 10px;
  width: 100%;
  height: 150px;
  resize: none;
}

/* line 1375, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .element-container [data-controller=clipboard] .form-control,
body.layers.settings .element-container [data-controller=clipboard] .form-control,
body.layers.show .element-container [data-controller=clipboard] .form-control,
body.elements.show .element-container [data-controller=clipboard] .form-control,
body.elements.dashboard .element-container [data-controller=clipboard] .form-control {
  width: 141px !important;
}

/* line 1378, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .poll-form-row,
body.layers.settings .poll-form-row,
body.layers.show .poll-form-row,
body.elements.show .poll-form-row,
body.elements.dashboard .poll-form-row {
  position: relative;
}

/* line 1380, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .poll-form-row .form-control,
body.layers.settings .poll-form-row .form-control,
body.layers.show .poll-form-row .form-control,
body.elements.show .poll-form-row .form-control,
body.elements.dashboard .poll-form-row .form-control {
  width: 200px !important;
}

/* line 1383, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .poll-form-row .custom-checkbox,
body.layers.settings .poll-form-row .custom-checkbox,
body.layers.show .poll-form-row .custom-checkbox,
body.elements.show .poll-form-row .custom-checkbox,
body.elements.dashboard .poll-form-row .custom-checkbox {
  position: absolute;
  top: 22px;
  right: 34px;
}

/* line 1387, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .poll-form-row .custom-checkbox .checkmark,
body.layers.settings .poll-form-row .custom-checkbox .checkmark,
body.layers.show .poll-form-row .custom-checkbox .checkmark,
body.elements.show .poll-form-row .custom-checkbox .checkmark,
body.elements.dashboard .poll-form-row .custom-checkbox .checkmark {
  border-radius: 5px;
  height: 34px;
  width: 34px;
}

/* line 1394, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header,
body.layers.settings .stream-chat-container-header,
body.layers.show .stream-chat-container-header,
body.elements.show .stream-chat-container-header,
body.elements.dashboard .stream-chat-container-header {
  background-color: transparent;
  position: fixed;
  width: 250px;
  top: 25px;
  right: 0;
  padding: 9px;
  text-align: center;
  font-size: 14px;
  color: #B5A7A0;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}

/* line 1406, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu,
body.layers.settings .stream-chat-container-header .settings-menu,
body.layers.show .stream-chat-container-header .settings-menu,
body.elements.show .stream-chat-container-header .settings-menu,
body.elements.dashboard .stream-chat-container-header .settings-menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 36px;
}

/* line 1412, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu {
  display: none;
  padding: 0 15px;
  /*display: block !important;*/
  position: absolute;
  background-color: #615E5E;
  width: 251px;
  height: 245px;
  right: 0px;
  border: 1px solid #979797;
  top: 34px;
  color: #E4CCC0;
  /*.custom-checkbox input:checked ~ .checkmark {
          border-radius: 0;
          height: 16px;
          width: 16px;
        }*/
}

/* line 1424, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .form-control,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .form-control,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .form-control,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .form-control,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .form-control {
  width: 100%;
  font-size: 10px;
  border-radius: 6px;
}

/* line 1429, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .popup-menu--title,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .popup-menu--title,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .popup-menu--title,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .popup-menu--title,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .popup-menu--title {
  font-size: 15px;
  padding: 15px 0px 25px;
}

/* line 1433, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .form-row,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .form-row,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .form-row,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .form-row,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .form-row {
  text-align: left;
  position: relative;
  font-size: 12px;
  height: auto;
}

/* line 1438, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .form-row .label-sm,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .form-row .label-sm,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .form-row .label-sm,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .form-row .label-sm,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .form-row .label-sm {
  font-size: 9px;
}

/* line 1442, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox {
  display: inline-block;
}

/* line 1445, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark {
  top: 3px;
  position: relative;
  display: inline-block;
  border-radius: 0;
  height: 16px;
  width: 16px;
}

/* line 1458, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark:after,
body.layers.settings .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark:after,
body.layers.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark:after,
body.elements.show .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark:after,
body.elements.dashboard .stream-chat-container-header .settings-menu .popup-menu .custom-checkbox .checkmark:after {
  left: 9px;
  top: -14px;
  width: 9px;
  height: 24px;
}

/* line 1466, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .btn-settings,
body.layers.settings .stream-chat-container-header .btn-settings,
body.layers.show .stream-chat-container-header .btn-settings,
body.elements.show .stream-chat-container-header .btn-settings,
body.elements.dashboard .stream-chat-container-header .btn-settings {
  position: absolute;
  right: 9px;
  top: 10px;
}

/* line 1471, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .stream-chat-toggle,
body.layers.settings .stream-chat-container-header .stream-chat-toggle,
body.layers.show .stream-chat-container-header .stream-chat-toggle,
body.elements.show .stream-chat-container-header .stream-chat-toggle,
body.elements.dashboard .stream-chat-container-header .stream-chat-toggle {
  position: absolute;
  left: 8px;
  transform: rotate(180deg);
  top: 8px;
}

/* line 1476, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container-header .stream-chat-toggle.closed,
body.layers.settings .stream-chat-container-header .stream-chat-toggle.closed,
body.layers.show .stream-chat-container-header .stream-chat-toggle.closed,
body.elements.show .stream-chat-container-header .stream-chat-toggle.closed,
body.elements.dashboard .stream-chat-container-header .stream-chat-toggle.closed {
  top: 11px;
  transform: rotate(0deg);
}

/* line 1482, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container,
body.layers.settings .stream-chat-container,
body.layers.show .stream-chat-container,
body.elements.show .stream-chat-container,
body.elements.dashboard .stream-chat-container {
  overflow: scroll;
}

/* line 1484, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .loading,
body.layers.settings .stream-chat-container .loading,
body.layers.show .stream-chat-container .loading,
body.elements.show .stream-chat-container .loading,
body.elements.dashboard .stream-chat-container .loading {
  color: #bdada4;
  text-align: center;
  font-family: Courier;
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}

/* line 1492, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .new-messages,
body.layers.settings .stream-chat-container .new-messages,
body.layers.show .stream-chat-container .new-messages,
body.elements.show .stream-chat-container .new-messages,
body.elements.dashboard .stream-chat-container .new-messages {
  box-shadow: 0px 0px 9px #00000040;
  display: none;
  top: 66px;
  background-color: #efefefe8;
  margin-left: auto;
  margin-right: auto;
  width: 136px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  position: fixed;
  right: 48px;
  left: initial;
  z-index: 999;
}

/* line 1511, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row,
body.layers.settings .stream-chat-container .chat-row,
body.layers.show .stream-chat-container .chat-row,
body.elements.show .stream-chat-container .chat-row,
body.elements.dashboard .stream-chat-container .chat-row {
  color: #ffffff;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.57px;
  border-bottom: 1px solid #4D4D4D;
  position: relative;
  padding: 10px 10px 10px 28px;
  /*&.active-click { 
      }*/
}

/* line 1521, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--text img,
body.layers.settings .stream-chat-container .chat-row .chat-row--text img,
body.layers.show .stream-chat-container .chat-row .chat-row--text img,
body.elements.show .stream-chat-container .chat-row .chat-row--text img,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--text img {
  height: 25px;
  width: 25px;
  vertical-align: middle;
}

/* line 1527, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--author-name,
body.layers.settings .stream-chat-container .chat-row .chat-row--author-name,
body.layers.show .stream-chat-container .chat-row .chat-row--author-name,
body.elements.show .stream-chat-container .chat-row .chat-row--author-name,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--author-name {
  font-weight: bold;
}

/* line 1530, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-action,
body.layers.settings .stream-chat-container .chat-row .chat-action,
body.layers.show .stream-chat-container .chat-row .chat-action,
body.elements.show .stream-chat-container .chat-row .chat-action,
body.elements.dashboard .stream-chat-container .chat-row .chat-action {
  height: 25px;
  width: 25px;
  line-height: 16px;
  position: absolute;
  right: 2px;
  top: 4px;
  padding: 5px;
  text-decoration: none;
  font-weight: 100;
  font-size: 16px;
  color: #B5A7A0;
  text-align: center;
}

/* line 1543, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-action.chat-action-remove,
body.layers.settings .stream-chat-container .chat-row .chat-action.chat-action-remove,
body.layers.show .stream-chat-container .chat-row .chat-action.chat-action-remove,
body.elements.show .stream-chat-container .chat-row .chat-action.chat-action-remove,
body.elements.dashboard .stream-chat-container .chat-row .chat-action.chat-action-remove {
  line-height: 15px;
}

/* line 1546, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-action:hover,
body.layers.settings .stream-chat-container .chat-row .chat-action:hover,
body.layers.show .stream-chat-container .chat-row .chat-action:hover,
body.elements.show .stream-chat-container .chat-row .chat-action:hover,
body.elements.dashboard .stream-chat-container .chat-row .chat-action:hover {
  background-color: #3c3c3c;
  border-radius: 4px;
}

/* line 1551, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source,
body.layers.settings .stream-chat-container .chat-row .chat-row--source,
body.layers.show .stream-chat-container .chat-row .chat-row--source,
body.elements.show .stream-chat-container .chat-row .chat-row--source,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source {
  height: 18px;
  width: 18px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /*float: left;*/
  margin-right: 6px;
  position: absolute;
  left: 5px;
  top: 8px;
}

/* line 1563, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.twitch,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.twitch,
body.layers.show .stream-chat-container .chat-row .chat-row--source.twitch,
body.elements.show .stream-chat-container .chat-row .chat-row--source.twitch,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.twitch {
  background-image: url(https://beta.effi.xyz/assets/chat-twitch-ac51a2edc45a4c5b062013a227cfe4ec5fe33c9fba9100d310abf9b223707559.png);
  background-size: auto 100%;
}

/* line 1567, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.youtube,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.youtube,
body.layers.show .stream-chat-container .chat-row .chat-row--source.youtube,
body.elements.show .stream-chat-container .chat-row .chat-row--source.youtube,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.youtube {
  background-image: url(https://beta.effi.xyz/assets/chat-youtube-b5d1be5019c1fcded81f8b2caab8b1f3beb1b64029715ffdac3f774000afcbbf.png);
}

/* line 1570, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.facebook,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.facebook,
body.layers.show .stream-chat-container .chat-row .chat-row--source.facebook,
body.elements.show .stream-chat-container .chat-row .chat-row--source.facebook,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.facebook {
  background-image: url(https://beta.effi.xyz/assets/chat-facebook-983d4db4d46fbbbc4f94c764254bdd4c34d6a15b4f4148ce6102956e11ffba74.png);
}

/* line 1573, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.faraway,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.faraway,
body.layers.show .stream-chat-container .chat-row .chat-row--source.faraway,
body.elements.show .stream-chat-container .chat-row .chat-row--source.faraway,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.faraway {
  /*background-image: asset_url(https://beta.effi.xyz/assets/chat-tvco-9bb685330af6113bc6c9b359fa54fd44fbda2ac3b594638dd88d4f63c7d79028.png);*/
  background-image: url(https://beta.effi.xyz/assets/chat-youtube-b5d1be5019c1fcded81f8b2caab8b1f3beb1b64029715ffdac3f774000afcbbf.png);
}

/* line 1577, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.periscope,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.periscope,
body.layers.show .stream-chat-container .chat-row .chat-row--source.periscope,
body.elements.show .stream-chat-container .chat-row .chat-row--source.periscope,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.periscope {
  background-image: url(https://beta.effi.xyz/assets/chat-twitter-5de8a26168a2ec053457144c3b5066cc65e51e684bdfae358bfdfac165dabaae.png);
}

/* line 1580, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.linkedin,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.linkedin,
body.layers.show .stream-chat-container .chat-row .chat-row--source.linkedin,
body.elements.show .stream-chat-container .chat-row .chat-row--source.linkedin,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.linkedin {
  background-image: url(https://beta.effi.xyz/assets/chat-linkedin-e1b1fd6dd20abc7569819db9ec045edac5420cdbb89f3981918d1411f8c85426.png);
}

/* line 1583, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .chat-row--source.discord,
body.layers.settings .stream-chat-container .chat-row .chat-row--source.discord,
body.layers.show .stream-chat-container .chat-row .chat-row--source.discord,
body.elements.show .stream-chat-container .chat-row .chat-row--source.discord,
body.elements.dashboard .stream-chat-container .chat-row .chat-row--source.discord {
  background-image: url(https://beta.effi.xyz/assets/discord-mark-blue-f242f93c3a483bb3168e408be54d229097bb9d8d239c9fe3427c29fe4529fbf0.svg);
}

/* line 1587, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.active,
body.layers.settings .stream-chat-container .chat-row.active,
body.layers.show .stream-chat-container .chat-row.active,
body.elements.show .stream-chat-container .chat-row.active,
body.elements.dashboard .stream-chat-container .chat-row.active {
  background-color: #3A76FF;
}

/* line 1590, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .click-overlay,
body.layers.settings .stream-chat-container .chat-row .click-overlay,
body.layers.show .stream-chat-container .chat-row .click-overlay,
body.elements.show .stream-chat-container .chat-row .click-overlay,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3a76ffe0;
}

/* line 1598, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-show, body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-hide,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-show,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-hide,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-show,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-hide,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-show,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-hide,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-show,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-hide {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  width: 115px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  margin-bottom: 13px;
  font-weight: bold;
}

/* line 1611, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-show img, body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-hide img,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-show img,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-hide img,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-show img,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-hide img,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-show img,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-hide img,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-show img,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-hide img {
  position: absolute;
  right: 4px;
  top: 1px;
}

/* line 1618, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-hide img,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-hide img,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-hide img,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-hide img,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-hide img {
  top: -2px;
}

/* line 1622, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row .click-overlay .click-close,
body.layers.settings .stream-chat-container .chat-row .click-overlay .click-close,
body.layers.show .stream-chat-container .chat-row .click-overlay .click-close,
body.elements.show .stream-chat-container .chat-row .click-overlay .click-close,
body.elements.dashboard .stream-chat-container .chat-row .click-overlay .click-close {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 28px;
  position: absolute;
  top: 9px;
  right: 6px;
}

/* line 1635, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row:hover .click-overlay,
body.layers.settings .stream-chat-container .chat-row:hover .click-overlay,
body.layers.show .stream-chat-container .chat-row:hover .click-overlay,
body.elements.show .stream-chat-container .chat-row:hover .click-overlay,
body.elements.dashboard .stream-chat-container .chat-row:hover .click-overlay {
  display: block;
}

/* line 1640, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-2 .click-hide,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-2 .click-hide,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-2 .click-hide,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-2 .click-hide,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-2 .click-hide {
  display: none;
}

/* line 1643, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-2 .click-show,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-2 .click-show,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-2 .click-show,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-2 .click-show,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-2 .click-show {
  display: block;
}

/* line 1648, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-2.active .click-hide,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-2.active .click-hide,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-2.active .click-hide,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-2.active .click-hide,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-2.active .click-hide {
  display: block;
}

/* line 1651, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-2.active .click-show,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-2.active .click-show,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-2.active .click-show,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-2.active .click-show,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-2.active .click-show {
  display: none;
}

/* line 1656, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-1 .click-hide,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-1 .click-hide,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-1 .click-hide,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-1 .click-hide,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-1 .click-hide {
  display: block;
}

/* line 1659, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.chat-row-selection-1 .click-show,
body.layers.settings .stream-chat-container .chat-row.chat-row-selection-1 .click-show,
body.layers.show .stream-chat-container .chat-row.chat-row-selection-1 .click-show,
body.elements.show .stream-chat-container .chat-row.chat-row-selection-1 .click-show,
body.elements.dashboard .stream-chat-container .chat-row.chat-row-selection-1 .click-show {
  display: none;
}

/* line 1664, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container .chat-row.dummy .chat-row--source,
body.layers.settings .stream-chat-container .chat-row.dummy .chat-row--source,
body.layers.show .stream-chat-container .chat-row.dummy .chat-row--source,
body.elements.show .stream-chat-container .chat-row.dummy .chat-row--source,
body.elements.dashboard .stream-chat-container .chat-row.dummy .chat-row--source {
  background-image: url(https://beta.effi.xyz/assets/project_logo-fdf1304d3603584763a3b5a2a76130e01cdd2bfb8d46debfac735236c89345f4.png);
  background-size: 8px;
  background-position: center;
  background-color: #000000;
  border-radius: 18px;
}

/* line 1674, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.m .chat-row,
body.layers.settings .stream-chat-container.m .chat-row,
body.layers.show .stream-chat-container.m .chat-row,
body.elements.show .stream-chat-container.m .chat-row,
body.elements.dashboard .stream-chat-container.m .chat-row {
  font-size: 16px;
  line-height: 17px;
}

/* line 1680, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.l .chat-row,
body.layers.settings .stream-chat-container.l .chat-row,
body.layers.show .stream-chat-container.l .chat-row,
body.elements.show .stream-chat-container.l .chat-row,
body.elements.dashboard .stream-chat-container.l .chat-row {
  font-size: 18px;
  line-height: 19px;
}

/* line 1683, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.l .chat-row .chat-row--source,
body.layers.settings .stream-chat-container.l .chat-row .chat-row--source,
body.layers.show .stream-chat-container.l .chat-row .chat-row--source,
body.elements.show .stream-chat-container.l .chat-row .chat-row--source,
body.elements.dashboard .stream-chat-container.l .chat-row .chat-row--source {
  top: 11px;
}

/* line 1689, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.xl .chat-row,
body.layers.settings .stream-chat-container.xl .chat-row,
body.layers.show .stream-chat-container.xl .chat-row,
body.elements.show .stream-chat-container.xl .chat-row,
body.elements.dashboard .stream-chat-container.xl .chat-row {
  font-size: 22px;
  line-height: 23px;
}

/* line 1692, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.xl .chat-row .chat-row--source,
body.layers.settings .stream-chat-container.xl .chat-row .chat-row--source,
body.layers.show .stream-chat-container.xl .chat-row .chat-row--source,
body.elements.show .stream-chat-container.xl .chat-row .chat-row--source,
body.elements.dashboard .stream-chat-container.xl .chat-row .chat-row--source {
  top: 12px;
}

/* line 1699, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.expanded .chat-row .chat-row--text,
body.layers.settings .stream-chat-container.expanded .chat-row .chat-row--text,
body.layers.show .stream-chat-container.expanded .chat-row .chat-row--text,
body.elements.show .stream-chat-container.expanded .chat-row .chat-row--text,
body.elements.dashboard .stream-chat-container.expanded .chat-row .chat-row--text {
  display: block;
}

/* line 1702, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .stream-chat-container.expanded .chat-row .chat-row--author-name span,
body.layers.settings .stream-chat-container.expanded .chat-row .chat-row--author-name span,
body.layers.show .stream-chat-container.expanded .chat-row .chat-row--author-name span,
body.elements.show .stream-chat-container.expanded .chat-row .chat-row--author-name span,
body.elements.dashboard .stream-chat-container.expanded .chat-row .chat-row--author-name span {
  display: none;
}

/* line 1708, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .header-actions,
body.layers.settings .header-actions,
body.layers.show .header-actions,
body.elements.show .header-actions,
body.elements.dashboard .header-actions {
  padding-left: 26px;
  padding-bottom: 10px;
  margin-top: -8px;
}

/* line 1712, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .header-actions .label.label-sm,
body.layers.settings .header-actions .label.label-sm,
body.layers.show .header-actions .label.label-sm,
body.elements.show .header-actions .label.label-sm,
body.elements.dashboard .header-actions .label.label-sm {
  float: left;
  margin-top: 7px;
  text-align: left;
}

/* line 1718, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .btn-new-element,
body.layers.settings .btn-new-element,
body.layers.show .btn-new-element,
body.elements.show .btn-new-element,
body.elements.dashboard .btn-new-element {
  border: 1px solid #E6CEC2;
  display: block;
  margin-left: 13px;
  margin-right: 13px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: Courier;
  color: #e0ccc1;
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0px 7px 45px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 11px center;
  border-radius: 6px;
}

/* line 1734, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .btn-new-element.btn-poll,
body.layers.settings .btn-new-element.btn-poll,
body.layers.show .btn-new-element.btn-poll,
body.elements.show .btn-new-element.btn-poll,
body.elements.dashboard .btn-new-element.btn-poll {
  background-image: url(https://beta.effi.xyz/assets/poll-element-icon-dc180297bfcb417a1a548dfe28e68aa6a4f7014cf176a63faa7b7eb898818cc0.png);
}

/* line 1737, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .btn-new-element.btn-meter,
body.layers.settings .btn-new-element.btn-meter,
body.layers.show .btn-new-element.btn-meter,
body.elements.show .btn-new-element.btn-meter,
body.elements.dashboard .btn-new-element.btn-meter {
  background-image: url(https://beta.effi.xyz/assets/meter-element-icon-48ca49ca511493a732dc4a1f51c2a08b4b07330f92923ebe4c3fcc5cb915f238.png);
}

/* line 1740, app/assets/stylesheets/elements_show.scss */
body.projects.popout_chat .btn-new-element.btn-chat,
body.layers.settings .btn-new-element.btn-chat,
body.layers.show .btn-new-element.btn-chat,
body.elements.show .btn-new-element.btn-chat,
body.elements.dashboard .btn-new-element.btn-chat {
  background-image: url(https://beta.effi.xyz/assets/chat-element-icon-7da4d1dccdb481a23e39d3428f739914d4144680b2d4d0871b6f2dced976ca06.png);
}

/* line 4, app/assets/stylesheets/landing.scss */
body.landing.index h1 {
  margin-top: 100px;
}

/* line 9, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit,
body.landing-layout.invites.show,
body.landing-layout.pages.show,
body.landing-layout.landing.index,
body.landing-layout.sessions.new,
body.landing-layout.passwords {
  font-family: 'Lato', sans-serif;
  background-color: #E6CEC2;
}

/* line 17, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit #growls-tc,
body.landing-layout.invites.show #growls-tc,
body.landing-layout.pages.show #growls-tc,
body.landing-layout.landing.index #growls-tc,
body.landing-layout.sessions.new #growls-tc,
body.landing-layout.passwords #growls-tc {
  top: 107px;
}

/* line 20, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .container,
body.landing-layout.invites.show .container,
body.landing-layout.pages.show .container,
body.landing-layout.landing.index .container,
body.landing-layout.sessions.new .container,
body.landing-layout.passwords .container {
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  padding-bottom: 100px;
}

/* line 29, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit navbar,
body.landing-layout.invites.show navbar,
body.landing-layout.pages.show navbar,
body.landing-layout.landing.index navbar,
body.landing-layout.sessions.new navbar,
body.landing-layout.passwords navbar {
  display: block;
  background-color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 80px;
  padding-right: 80px;
  /*border-bottom: 4px solid #979797;*/
}

/* line 37, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit navbar img,
body.landing-layout.invites.show navbar img,
body.landing-layout.pages.show navbar img,
body.landing-layout.landing.index navbar img,
body.landing-layout.sessions.new navbar img,
body.landing-layout.passwords navbar img {
  height: 60px;
}

/* line 40, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit navbar .actions,
body.landing-layout.invites.show navbar .actions,
body.landing-layout.pages.show navbar .actions,
body.landing-layout.landing.index navbar .actions,
body.landing-layout.sessions.new navbar .actions,
body.landing-layout.passwords navbar .actions {
  float: right;
  height: 51px;
  margin-top: 6px;
}

/* line 44, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit navbar .actions .demo,
body.landing-layout.invites.show navbar .actions .demo,
body.landing-layout.pages.show navbar .actions .demo,
body.landing-layout.landing.index navbar .actions .demo,
body.landing-layout.sessions.new navbar .actions .demo,
body.landing-layout.passwords navbar .actions .demo {
  color: #000000;
  text-decoration: none;
  float: left;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 40px;
}

/* line 52, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit navbar .actions .btn,
body.landing-layout.invites.show navbar .actions .btn,
body.landing-layout.pages.show navbar .actions .btn,
body.landing-layout.landing.index navbar .actions .btn,
body.landing-layout.sessions.new navbar .actions .btn,
body.landing-layout.passwords navbar .actions .btn {
  float: left;
}

/* line 57, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit h1,
body.landing-layout.invites.show h1,
body.landing-layout.pages.show h1,
body.landing-layout.landing.index h1,
body.landing-layout.sessions.new h1,
body.landing-layout.passwords h1 {
  font-size: 60px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0;
}

/* line 64, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit p,
body.landing-layout.invites.show p,
body.landing-layout.pages.show p,
body.landing-layout.landing.index p,
body.landing-layout.sessions.new p,
body.landing-layout.passwords p {
  font-size: 26px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 10px;
}

/* line 70, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features,
body.landing-layout.invites.show .features,
body.landing-layout.pages.show .features,
body.landing-layout.landing.index .features,
body.landing-layout.sessions.new .features,
body.landing-layout.passwords .features {
  margin-top: 90px;
  display: grid;
  grid-template-columns: 300px 300px 300px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* line 77, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features .feature,
body.landing-layout.invites.show .features .feature,
body.landing-layout.pages.show .features .feature,
body.landing-layout.landing.index .features .feature,
body.landing-layout.sessions.new .features .feature,
body.landing-layout.passwords .features .feature {
  margin-bottom: 15px;
}

/* line 79, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features .feature .icon,
body.landing-layout.invites.show .features .feature .icon,
body.landing-layout.pages.show .features .feature .icon,
body.landing-layout.landing.index .features .feature .icon,
body.landing-layout.sessions.new .features .feature .icon,
body.landing-layout.passwords .features .feature .icon {
  float: left;
  height: 60px;
  width: 60px;
  border-radius: 17px;
  background-color: #FFFFFF;
  padding: 8px;
  margin-right: 10px;
  position: relative;
}

/* line 88, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features .feature .icon img,
body.landing-layout.invites.show .features .feature .icon img,
body.landing-layout.pages.show .features .feature .icon img,
body.landing-layout.landing.index .features .feature .icon img,
body.landing-layout.sessions.new .features .feature .icon img,
body.landing-layout.passwords .features .feature .icon img {
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 44px;
}

/* line 99, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features .feature .label,
body.landing-layout.invites.show .features .feature .label,
body.landing-layout.pages.show .features .feature .label,
body.landing-layout.landing.index .features .feature .label,
body.landing-layout.sessions.new .features .feature .label,
body.landing-layout.passwords .features .feature .label {
  padding-top: 14px;
  font-size: 26px;
  color: #FFFFFF;
  font-weight: bold;
}

/* line 104, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .features .feature .label span,
body.landing-layout.invites.show .features .feature .label span,
body.landing-layout.pages.show .features .feature .label span,
body.landing-layout.landing.index .features .feature .label span,
body.landing-layout.sessions.new .features .feature .label span,
body.landing-layout.passwords .features .feature .label span {
  font-weight: normal;
  display: block;
  font-size: 18px;
}

/* line 112, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit footer,
body.landing-layout.invites.show footer,
body.landing-layout.pages.show footer,
body.landing-layout.landing.index footer,
body.landing-layout.sessions.new footer,
body.landing-layout.passwords footer {
  background-color: #e6cec2;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

/* line 122, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit footer a,
body.landing-layout.invites.show footer a,
body.landing-layout.pages.show footer a,
body.landing-layout.landing.index footer a,
body.landing-layout.sessions.new footer a,
body.landing-layout.passwords footer a {
  color: #FFFFFF;
  text-decoration: none;
}

/* line 132, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .container,
body.landing-layout.sessions.new .container,
body.landing-layout.passwords .container {
  text-align: center;
}

/* line 135, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit h1,
body.landing-layout.sessions.new h1,
body.landing-layout.passwords h1 {
  font-size: 35px;
  margin-bottom: 20px;
}

/* line 139, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit .or-divider,
body.landing-layout.sessions.new .or-divider,
body.landing-layout.passwords .or-divider {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 20px;
}

/* line 146, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit form input[type=submit],
body.landing-layout.sessions.new form input[type=submit],
body.landing-layout.passwords form input[type=submit] {
  height: 40px;
  background-color: #FFFFFF;
  border: none;
  padding: 1px 22px;
  border-radius: 11px;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: #e6cec2;
  margin-top: 25px;
  cursor: pointer;
}

/* line 159, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit form div,
body.landing-layout.sessions.new form div,
body.landing-layout.passwords form div {
  width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* line 165, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit form .forgot-password,
body.landing-layout.sessions.new form .forgot-password,
body.landing-layout.passwords form .forgot-password {
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: none;
  position: absolute;
  bottom: -6px;
  right: 2px;
}

/* line 173, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit form .form-control,
body.landing-layout.sessions.new form .form-control,
body.landing-layout.passwords form .form-control {
  width: 300px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  border: 1px solid #e6cec2;
  border-radius: 11px;
  padding: 8px 10px;
  font-size: 18px;
  color: #e6cec2;
  outline: none;
  background-color: #FFFFFF;
  margin-bottom: 15px;
}

/* line 185, app/assets/stylesheets/landing.scss */
body.landing-layout.invitations.edit form .form-control:-webkit-autofill::first-line, body.landing-layout.invitations.edit form .form-control:-webkit-autofill, body.landing-layout.invitations.edit form .form-control:-webkit-autofill:hover, body.landing-layout.invitations.edit form .form-control:-webkit-autofill:focus, body.landing-layout.invitations.edit form .form-control:-webkit-autofill:active,
body.landing-layout.sessions.new form .form-control:-webkit-autofill::first-line,
body.landing-layout.sessions.new form .form-control:-webkit-autofill,
body.landing-layout.sessions.new form .form-control:-webkit-autofill:hover,
body.landing-layout.sessions.new form .form-control:-webkit-autofill:focus,
body.landing-layout.sessions.new form .form-control:-webkit-autofill:active,
body.landing-layout.passwords form .form-control:-webkit-autofill::first-line,
body.landing-layout.passwords form .form-control:-webkit-autofill,
body.landing-layout.passwords form .form-control:-webkit-autofill:hover,
body.landing-layout.passwords form .form-control:-webkit-autofill:focus,
body.landing-layout.passwords form .form-control:-webkit-autofill:active {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #636363;
}

/* line 200, app/assets/stylesheets/landing.scss */
body.pages.show p {
  font-size: 16px;
}

/* line 2, app/assets/stylesheets/facebook_live.scss */
body.facebook.live navbar {
  border-bottom: 1px solid #505050;
}

/* line 5, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .label {
  width: 200px;
  display: inline-block;
  font-family: Courier;
  font-weight: bold;
  font-size: 18px;
  color: #E0CCC1;
  letter-spacing: 1.07px;
  text-transform: uppercase;
}

/* line 15, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .facebook-live-container {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
}

/* line 20, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .facebook-live-container.live {
  padding-left: 0;
  padding-right: 0;
}

/* line 24, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .facebook-live-container .form-control {
  width: 300px;
}

/* line 28, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .tokbox-container {
  height: 100%;
}

/* line 30, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .tokbox-container #publisher {
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* line 34, app/assets/stylesheets/facebook_live.scss */
body.facebook.live .tokbox-container #publisher .controls {
  display: none;
  position: absolute;
  top: 10px;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 20px;
}