@charset "UTF-8";
ul.tagit {
  padding: 1px 5px;
  overflow: auto;
  margin-left: inherit; /* usually we don't want the regular ul margins. */
  margin-right: inherit;
}

ul.tagit li {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}

ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit;
}

input.tagit-hidden-field {
  display: none;
}

ul.tagit li.tagit-choice-read-only {
  padding: 0.2em 0.5em 0.2em 0.5em;
}

ul.tagit li.tagit-choice-editable {
  padding: 0.2em 18px 0.2em 0.5em;
}

ul.tagit li.tagit-new {
  padding: 0.25em 4px 0.25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: 0.1em;
  top: 50%;
  margin-top: -8px;
  line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none;
}

ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}

ul.tagit input[type=text] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none;
}

.tDnD_whileDrag {
  /*z-index: 500;*/
  /*width: 90%;*/
  /*margin: -10px;*/
  /*display: table-cell;*/
  /*color: transparent;*/
  /*width: 0px*/
}

.tDnD_whileDrag td {
  background-color: #eee;
  /*-webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
  -webkit-box-shadow: 6px 3px 5px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  -moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  -box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
}

/*.tDnD_whileDrag td:first-child {*/
/*-webkit-box-shadow: 5px 4px 5px 1px #111, 0 1px 0 #ccc inset, 1px -1px 0 #ccc inset;*/
/*-moz-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
/*-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
/*}*/
.tDnD_whileDrag td:last-child {
  /*-webkit-box-shadow: 8px 7px 12px 0 #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
  -webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  /*-moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
  /*-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
}

/*-webkit-box-shadow:  0 0 40px white, 10px 10px 15px black;*/
/*-moz-box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset;*/
/*-webkit-box-shadow: 0px 0px 40px 1px white, 0px 1px 1px 1px black;*/
/*box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset;*/
/*}*/
/*.tDnD_whileDrag {*/
/*background-color: black;*/
/*position: relative;*/
/*display: block;*/
/*-moz-box-shadow: 0px 0px 40px 1px white, 0px 1px 1px 1px black;*/
/*-webkit-box-shadow: 0px 0px 40px 1px white, 0px 1px 1px 1px black;*/
/*box-shadow:        0px 0px 40px 1px white, 0px 1px 1px 1px black ;*/
/*-webkit-box-shadow: 0 15px 10px -10px black, 0 1px 4px black, 0 0 10px darkgray inset;*/
/*-webkit-box-shadow: 0 15px 10px -10px black, 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
/*-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
/*box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
/*width: 90%;*/
/*height: 90%;*/
/*width: 100%;*/
/*overflow: visible;*/
/*z-index: 10000;*/
/*opacity: .4;*/
/*border-collapse: separate;*/
/*filter:Alpha(Opacity=50);*/
/*width: auto;*/
/*}*/
/*tr.alt td {*/
/*width:200px*/
/*-ms-transform:rotate(1deg;*/
/*-moz-transform: rotate(0deg);*/
/*-webkit-transform:rotate(0deg);*/
/*-o-transform:rotate(0deg);*/
/*}*/
tr.myDragClass td {
  /*position: fixed;*/
  color: yellow;
  text-shadow: 0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black;
  background-color: #999;
  -webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}

tr.myDragClass td:first-child {
  -webkit-box-shadow: 0 12px 14px -12px #111 inset, 12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}

tr.myDragClass td:last-child {
  -webkit-box-shadow: 0 12px 14px -12px #111 inset, -12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}

.croppie-holder {
  width: 400px;
  height: 0px;
  margin-bottom: 50px;
}
.croppie-holder.activated {
  height: 400px;
}

.rounded-circle {
  border-radius: 50% !important;
}

.resize-container {
  position: relative;
  display: inline-block;
  cursor: move;
  margin: 0 auto;
}

.resize-container img {
  display: block;
}

.resize-container:hover img,
.resize-container:active img {
  outline: 2px dashed rgba(60, 141, 188, 0.9);
}

.resize-handle-ne,
.resize-handle-se,
.resize-handle-nw,
.resize-handle-sw {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: rgba(60, 141, 188, 0.9);
  z-index: 999;
}

.resize-handle-nw {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}

.resize-handle-sw {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}

.resize-handle-ne {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}

.resize-handle-se {
  bottom: -5px;
  right: -5px;
  cursor: se-resize;
}

.overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -112px;
  z-index: 999;
  width: 300px;
  height: 225px;
  border: solid 2px rgba(60, 141, 188, 0.9);
  box-sizing: content-box;
  pointer-events: none;
}

.overlay-cat {
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
}

.overlay:after,
.overlay:before {
  content: "";
  position: absolute;
  display: block;
  width: 304px;
  height: 40px;
  border-left: dashed 2px rgba(60, 141, 188, 0.9);
  border-right: dashed 2px rgba(60, 141, 188, 0.9);
}

.overlay-cat:after,
.overlay-cat:before {
  width: 104px;
}

.overlay:before {
  top: 0;
  margin-left: -2px;
  margin-top: -40px;
}

.overlay:after {
  bottom: 0;
  margin-left: -2px;
  margin-bottom: -40px;
}

.overlay-inner:after,
.overlay-inner:before {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 229px;
  border-top: dashed 2px rgba(60, 141, 188, 0.9);
  border-bottom: dashed 2px rgba(60, 141, 188, 0.9);
}

.overlay-cat .overlay-inner:after,
.overlay-cat .overlay-inner:before {
  height: 104px;
}

.overlay-inner:before {
  left: 0;
  margin-left: -40px;
  margin-top: -2px;
}

.overlay-inner:after {
  right: 0;
  margin-right: -40px;
  margin-top: -2px;
}

.btn-crop {
  position: absolute;
  vertical-align: bottom;
  right: 5px;
  bottom: 5px;
  padding: 6px 10px;
  z-index: 999;
  background-color: rgb(60, 141, 188);
  border: none;
  border-radius: 5px;
  color: #FFF;
}

.btn-crop img {
  vertical-align: middle;
  margin-left: 8px;
}

.content {
  max-width: 1290px;
  padding: 0 1em;
  margin: 0 auto;
  text-align: center;
}

.component {
  position: relative;
  background: url(../images/gridme.png) repeat center center;
  padding: 4em;
  height: 500px;
  /*border: 3px solid #49708A;*/
  max-width: 901px;
  overflow: hidden;
  margin: 0 auto;
}

/* Header */
.codrops-header {
  padding: 0 0 2em;
  letter-spacing: -1px;
}

.codrops-header h1 {
  font-weight: 800;
  font-size: 2.5em;
  line-height: 1.3;
  margin: 0.25em auto;
}

.codrops-header h1 span,
.a-tip {
  color: #49708A;
}

.a-tip {
  padding: 1em;
}

.a-tip span {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
}

/* Top Navigation Style */
.codrops-top {
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.69em;
  line-height: 2.2;
}

.codrops-top a {
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
  letter-spacing: 1px;
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  display: block;
  float: left;
}

.codrops-icon:before {
  margin: 0 4px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "codropsicons";
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
  content: "\e001";
}

.codrops-icon-prev:before {
  content: "\e004";
}

/* Codrops demo links */
.codrops-demos a {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.5em 1em;
  margin: 5px;
  display: inline-block;
  border: 1px solid black;
  border-color: initial;
  border-radius: 4px;
}

.codrops-demos a.current-demo {
  color: #74777b;
}

/* Related demos */
.related {
  text-align: center;
  padding: 4em 0 2em;
}

.related > a {
  width: calc(100% - 20px);
  max-width: 340px;
  border: 2px solid #49708A;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 20px 10px;
  padding: 25px;
}

.related a img {
  max-width: 100%;
  opacity: 0.8;
}

.related a:hover img,
.related a:active img {
  opacity: 1;
}

.related a h3 {
  margin: 0;
  padding: 0.5em 0 0.3em;
  max-width: 300px;
  text-align: left;
  min-height: 60px;
}

@media screen and (max-width: 27em) {
  .codrops-icon {
    font-size: 1.5em;
  }
  .codrops-icon span {
    display: none;
  }
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Selecionar imagem";
  display: inline-block;
  background: #3c8dbc;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 6px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 10pt;
  color: #FFF;
  margin-top: -5px;
  position: relative;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active::before {
  background: #2c7dac;
}

.overlay-hint {
  position: absolute;
  top: 25px;
  font-size: 1.2em;
  text-shadow: 1px 0px 1px #157;
}

.fa.side-user {
  font-size: 40px;
  height: 40px;
  text-indent: 0px;
  color: #CCC;
  border: 1px solid #EEE;
  border-radius: 30px;
  overflow: hidden;
  padding: 0px 3px 0px 3px;
  margin-left: -5px;
}

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

a .fa {
  cursor: pointer;
}

.sidebar-collapse .logo-mini img {
  margin-left: 7px;
}

/* ============================================================
  GLOBAL
============================================================ */
.flex {
  display: flex;
}

.w100 {
  width: 100%;
}

input.aut-name {
  width: 100%;
}

.ans-row td {
  padding: 5px;
}

.ans-row input {
  width: 100%;
}

.fa-lock.unlocker:hover:before {
  content: "\f13e";
}

.pos-block {
  padding: 7px;
}

.effects {
  padding-left: 15px;
}

.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  /*width: 20%;*/
  overflow: hidden;
}

.effects .img:nth-child(n) {
  margin-right: 5px;
}

.effects .img:first-child {
  margin-left: -15px;
}

.effects .img:last-child {
  margin-right: 0;
}

.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.slideineffect .overlay-eff {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}

a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
.slideineffect .overlay-eff {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}

.slideineffect .overlay-eff a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}

.slideineffect .img.hover .overlay-eff {
  height: 100%;
}

/* ============================================================
  CUSTOM CAROUSELS
============================================================ */
#cityCarousel {
  width: 300px;
}

/* ============================================================
  NAVBAR
============================================================ */
nav .navbar-custom-menu .btn.btn-logout {
  line-height: 37px;
  color: #FFF;
}

/* ============================================================
  LOADBAR
============================================================ */
#main-loader {
  position: fixed;
  z-index: 100001;
  height: 3px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.loadbar {
  background: rgba(30, 255, 30, 0.9);
  height: 100%;
  width: 0%;
  transition: width 0.8s;
}

/* ============================================================
  FORM REQUIRED
============================================================ */
input[type=text].required {
  outline: 1px solid #F00;
}

input[type=checkbox].required {
  outline: 1px groove #F00;
  outline-offset: -2px;
}

select.required {
  outline: 1px solid #F00;
}

textarea.required {
  outline: 1px solid #F00;
}

/* ============================================================
  TOGGLES
============================================================ */
.toggle-text {
  vertical-align: bottom;
  margin: 5px;
}

/* ============================================================
  EVENT
============================================================ */
.loc-block {
  border-bottom: 1px solid #EEE;
  padding: 5px;
  margin: 0px auto;
}

ul.loc-list {
  list-style: none;
}

.cat-imgline {
  margin-bottom: 10px;
}

.cat-imgline .form-group:nth-child(1) {
  vertical-align: bottom;
}

/* ============================================================
  OTHER
============================================================ */
.error-icon {
  opacity: 0.5;
}

/* ============================================================
  Lang tabs
============================================================ */
.lang-tabs {
  background: #f5f5f5;
  margin: -15px -15px 0px;
  border-bottom: 1px solid #eee;
}
.lang-tabs button.langtab {
  background: #fff;
  border: 0px none;
  padding: 10px 15px;
}
.lang-tabs button.langtab.active {
  background: #54d9ac;
}

/* ============================================================
  Lang panel
============================================================ */
.langpanel {
  display: none;
}
.langpanel.active {
  display: block;
}

/* ============================================================
  Positions modal
============================================================ */
ul.position-list {
  list-style: none;
  padding: 0px;
}
ul.position-list li label {
  padding: 10px 20px;
  background: #EFEFEF;
  margin: 10px 0px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.login-logo img {
  width: 100%;
}

ul.activity-list {
  list-style: none;
}

li.activity-block {
  padding: 10px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 999999; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
/* CATEGORY BLOCKS */
.category-add {
  position: absolute;
  right: 35px;
  top: 20px;
}

.category-togglefull {
  position: absolute;
  left: 35px;
  top: 20px;
}

.phonescreen {
  width: 100%;
  min-height: 100%;
  list-style: none;
  padding: 0px;
}

.phonescreen .category-block {
  float: left;
  text-align: center;
  height: 200px;
  color: #FFF;
  font-size: 1.4em;
  text-transform: uppercase;
  /*background-size: contain;*/
  background-size: cover;
  text-align: center;
}

.phonescreen .category-block .fader {
  background: rgba(0, 0, 0, 0.7);
}

.phonescreen .category-block.size-1 {
  width: 50%;
}

.phonescreen .category-block.size-2 {
  width: 100%;
}

/* PHONE FRAME */
@keyframes pisca {
  0% {
    background-color: #333;
    box-shadow: 0px 0px 0px 0px #333;
  }
  50% {
    background-color: #AAA;
    box-shadow: 0px 0px 5px 0px #fff;
  }
  100% {
    background-color: #333;
    box-shadow: 0px 0px 0px 0px #333;
  }
}
.smartphone .notification.on .badge {
  height: 8px;
  width: 8px;
  display: table;
  position: absolute;
  float: left;
  background-color: #333;
  border-radius: 8px;
  margin-top: 20px;
  margin-left: 25px;
  box-shadow: none;
  animation: pisca 3s infinite;
}

.smartphone .screen {
  height: 568px;
  width: 320px;
  background-color: #222;
  border: solid 2px #222;
  margin-top: 20px;
  margin-bottom: 20px;
}

.smartphone .screen.overflow-y {
  overflow-y: auto;
}

.smartphone {
  display: table;
  margin: 0 auto;
  padding: 10px;
  background-color: #111;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
  border: solid 1px #222;
}

.smartphone .btn-up-down {
  height: 100px;
  float: left;
  position: absolute;
  margin-left: -17px;
  margin-top: 90px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.smartphone .btnsm {
  display: table;
  display: none;
  width: 8px;
  background-color: #333;
}

.smartphone .cam {
  border-radius: 15px;
  height: 15px;
  width: 15px;
  display: table;
  background-color: #444;
  border: solid 1px #222;
  margin: 0 auto;
  margin-top: 15px;
}

.smartphone .controls, .smartphone .header {
  height: 30px;
  display: table;
  width: 100%;
}

span.stars {
  background: url(../images/star.svg);
  width: 110px;
  height: 22px;
  display: inline-block;
}

.stars.star-5 {
  width: 110px;
}

.stars.star-4 {
  width: 88px;
}

.stars.star-3 {
  width: 66px;
}

.stars.star-2 {
  width: 44px;
}

.stars.star-1 {
  width: 22px;
}

ul.segmentation-list {
  padding: 10px 0px 0px 0px;
}

ul.segmentation-list li.segmentation-item {
  margin: 0px 10px 0px 0px;
}

span.beacon-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #DDD;
}

.atc-positions {
  list-style: none;
  padding: 0px;
}

.atc-positions .atc-text {
  width: 100%;
  line-height: 28px;
}

.row.current-image {
  margin: 10px 7.5%;
  text-align: right;
}

.trello-container {
  width: 100%;
  overflow-x: scroll;
  padding: 0;
  list-style: none;
  background: #fbfbfb;
  padding: 15px;
}
.trello-container .trello-container-inner {
  white-space: nowrap;
}
.trello-container .trello-column {
  width: 270px;
  background-color: #fff;
  color: #333;
  display: inline-block;
  vertical-align: top;
  margin: 3px 15px;
  padding: 0px 0px 15px;
  box-shadow: 0px 0px 3px rgba(200, 200, 200, 0.6);
  border-radius: 2px;
}
.trello-container .trello-column .trello-column-container {
  list-style: none;
  margin: 8px;
  padding: 0;
  text-align: center;
  min-height: 38px;
}
.trello-container .trello-column .trello-column-header {
  margin: 10px 0;
  padding: 15px 0;
  font-weight: bold;
  white-space: initial;
  text-align: center;
}
.trello-container .trello-column .trello-column-container .trello-talk,
.trello-container .trello-column .trello-column-container .trello-card {
  background-color: #ffffff;
  color: rgb(119, 119, 119);
  margin-bottom: 4px;
  cursor: all-scroll;
  white-space: initial;
  min-height: 38px;
  padding: 10px 14px;
  box-shadow: 0px 0px 3px rgba(200, 200, 200, 0.9);
  border-radius: 3px;
  margin: 8px 5px;
}
.trello-container .trello-column .trello-column-container .trello-talk top,
.trello-container .trello-column .trello-column-container .trello-card top {
  display: block;
  text-align: left;
  font-size: 0.9em;
  color: #999;
  border-bottom: 1px solid #CCC;
}
.trello-container .trello-column .trello-column-container .trello-talk contents,
.trello-container .trello-column .trello-column-container .trello-card contents {
  display: block;
  padding: 10px 0px;
}
.trello-container .trello-column .trello-column-container .trello-talk sub,
.trello-container .trello-column .trello-column-container .trello-card sub {
  display: block;
  border-top: 1px solid #CCC;
  padding: 10px 0px 3px;
  text-align: right;
}
.trello-container .trello-column .trello-column-container .trello-talk-highlight,
.trello-container .trello-column .trello-column-container .trello-card-highlight {
  height: 38px;
  margin: 8px 5px;
  background-color: #56daae;
  border: 1px solid #eee;
}

.viewer-loading {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: #00a157 url("../images/logo-white.png") 50% 50% no-repeat;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
}

body.viewermode {
  height: 100%;
  width: 100%;
  font-family: "Open Sans";
}
body.viewermode #ryaf-app {
  max-width: 640px;
  margin: 0px auto;
  background: #FFF;
}
body.viewermode section#viewer {
  height: 100vh;
}
body.viewermode section#viewer .topmenu {
  height: 46px;
  padding: 10px 0px;
}
body.viewermode section#viewer .topmenu button {
  display: inline-block;
  background: transparent;
  border: 0px none;
  color: #FFF;
  font-size: 1.2em;
  padding: 0px 15px;
  cursor: pointer;
  outline: 0px none;
}
body.viewermode section#viewer .topmenu h1.event-name {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px;
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
}
body.viewermode section#viewer .mainarea {
  height: calc(100vh - 46px);
  position: relative;
  overflow: auto;
}
body.viewermode section#viewer .mainarea ul.viewer-blocklist {
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
}
body.viewermode section#viewer .mainarea ul.viewer-menu {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
body.viewermode section#viewer .mainarea ul.viewer-menu li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-size: 1.5em;
  text-transform: uppercase;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-weight: 700;
  color: #FFF;
}
body.viewermode section#viewer .mainarea .open-section {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  min-height: 100%;
}
body.viewermode section#viewer .over-mainarea {
  text-align: center;
  padding: 10px;
  color: #222;
}
body.viewermode section#viewer .over-mainarea .over-image {
  max-width: 220px;
  padding: 20px 10px;
}
body.viewermode section#viewer .over-mainarea .over-name {
  font-size: 1.3em;
}
body.viewermode section#viewer .over-mainarea .over-section {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
  text-align: left;
}
body.viewermode section#viewer .over-mainarea .over-section .over-subtitle {
  font-size: 0.9em;
  color: #777;
  padding: 0px 0px 5px 0px;
}
body.viewermode section#viewer .over-mainarea .over-section.over-paragraph {
  text-align: justify;
  font-size: 0.8em;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
body.viewermode section#viewer .over-footer .btn {
  margin: 0px auto;
  display: block;
}
body.viewermode section#viewer .phonescreen {
  margin: 0px;
}
body.viewermode section#viewer .phonescreen .category-block {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}
body.viewermode section#viewer .phonescreen .category-block .fader {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  line-height: 200px;
}
body.viewermode section#viewer .accordion-item {
  height: 25px;
  overflow: hidden;
}
body.viewermode section#viewer .accordion-item.active {
  height: unset;
  overflow: unset;
}
body.viewermode section#viewer .accordion-item > label {
  width: 100%;
  height: 25px;
  display: block;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  line-height: 15px;
}
body.viewermode section#viewer ul.viewer-talks {
  list-style: none;
  padding: 0px;
}
body.viewermode section#viewer ul.viewer-talks li.viewer-talk {
  min-height: 100px;
  position: relative;
  border-bottom: 1px solid #CCC;
  padding: 10px 0px;
  color: #222;
}
body.viewermode section#viewer ul.viewer-talks li.viewer-talk .talk-title {
  font-size: 1em;
  padding: 10px 15px 25px;
  display: block;
}
body.viewermode section#viewer ul.viewer-talks li.viewer-talk .footer {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 15px;
}
body.viewermode section#viewer #viewer-talk {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  display: none;
}
body.viewermode section#viewer #viewer-talk .talk-type {
  font-size: 18px;
}
body.viewermode section#viewer #viewer-talk .talkarea {
  color: #222;
  background: #F5F5F5;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-image {
  max-width: 100%;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-name {
  text-align: center;
  font-size: 1.3em;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-description {
  text-align: justify;
  padding: 10px 20px;
  font-size: 0.8em;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-ask {
  border-top: 1px solid #DDD;
  padding: 12px 0px;
  border-bottom: 1px solid #DDD;
  text-align: center;
  margin: 20px 0px;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-eval {
  color: #aaa;
  text-align: center;
  padding-bottom: 20px;
}
body.viewermode section#viewer #viewer-talk .talkarea .talk-eval .eval:hover {
  color: rgb(208, 255, 0);
}
body.viewermode section#viewer .eval-section {
  color: #aaa;
  text-align: center;
  padding-bottom: 20px;
}
body.viewermode section#viewer .eval-section .eval:hover {
  color: rgb(208, 255, 0);
}
body.viewermode section#viewer #viewer-speakers li.speaker-block {
  width: 50%;
  display: inline-block;
  margin: 0px -1px;
  padding: 10px 2px;
  vertical-align: top;
  height: 220px;
  text-align: center;
  overflow: hidden;
}
body.viewermode section#viewer #viewer-speakers li.speaker-block img.speaker-img {
  max-height: 170px;
  max-width: 100%;
  border-radius: 100%;
  padding: 0px 20px;
}
body.viewermode section#viewer #viewer-speakers li.speaker-block div.speaker-name {
  color: #222;
  margin-top: 10px;
}
body.viewermode section#viewer #viewer-speaker .over-mainarea .over-image {
  width: 160px;
  border-radius: 100%;
}
body.viewermode section#viewer #viewer-speaker .speaker-talk {
  font-size: 0.8em;
  background: #F3FAFF;
  border: 1px solid #EAEAEA;
  padding: 2px;
}
body.viewermode section#viewer #viewer-exhibitors li.exhibitor-block {
  width: 50%;
  display: inline-block;
  margin: 0px -1px;
  padding: 10px 2px;
  vertical-align: top;
  height: 180px;
  text-align: center;
  overflow: hidden;
}
body.viewermode section#viewer #viewer-exhibitors li.exhibitor-block div.exhibitor-image {
  height: 160px;
  width: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0px auto;
}
body.viewermode section#viewer #viewer-exhibitors li.exhibitor-block div.exhibitor-name {
  color: #222;
  margin-top: 10px;
}
body.viewermode section#viewer #viewer-sponsors li.sponsor-block {
  width: 50%;
  display: inline-block;
  margin: 0px -1px;
  padding: 10px 2px;
  vertical-align: top;
  height: 200px;
  text-align: center;
  overflow: hidden;
}
body.viewermode section#viewer #viewer-sponsors li.sponsor-block div.sponsor-image {
  height: 160px;
  width: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0px auto;
}
body.viewermode section#viewer #viewer-sponsors li.sponsor-block div.sponsor-type {
  color: #222;
  font-size: 0.8em;
}
body.viewermode section#viewer #viewer-abstracts li.abstract-block {
  min-height: 100px;
  position: relative;
  border-bottom: 1px solid #CCC;
  padding: 10px;
  color: #222;
}
body.viewermode section#viewer #viewer-abstracts li.abstract-block .abstract-author {
  color: #777;
}
body.viewermode section#viewer #viewer-abstracts li.abstract-block .abstract-author:after {
  content: ",";
}
body.viewermode section#viewer #viewer-abstracts li.abstract-block .abstract-author:last-child:after {
  content: "";
}
body.viewermode .btn.btn-viewer {
  background: #FFF;
  width: 90%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  color: #00a157;
}

body.text-light {
  color: #fff;
}

body.text-dark {
  color: #333;
}

/**Control special and final viewers **/
body.viewermode ::-webkit-scrollbar {
  width: 4px;
}
body.viewermode ::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgba(39, 39, 39, 0.4);
}
body.viewermode ::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
}
body.viewermode #snackbar {
  width: 250px;
}
body.viewermode.viewer-talk section#viewer > .topmenu {
  display: none;
}
body.viewermode.viewer-talk section#viewer .mainarea {
  height: 100vh;
}
body.viewermode.viewer-talk section#viewer #viewer-programacao {
  display: none;
}
body.viewermode.viewer-talk section#viewer #viewer-talk {
  display: block;
}
body.viewermode.viewer-speaker section#viewer > .topmenu {
  display: none;
}
body.viewermode.viewer-speaker section#viewer .mainarea {
  height: 100vh;
}
body.viewermode.viewer-speaker section#viewer #viewer-speakers {
  display: none;
}
body.viewermode.viewer-speaker section#viewer #viewer-speaker {
  display: block;
}
body.viewermode.viewer-exhibitor section#viewer > .topmenu {
  display: none;
}
body.viewermode.viewer-exhibitor section#viewer .mainarea {
  height: 100vh;
}
body.viewermode.viewer-exhibitor section#viewer #viewer-exhibitors {
  display: none;
}
body.viewermode.viewer-exhibitor section#viewer #viewer-exhibitor {
  display: block;
}
body.viewermode.viewer-sponsor section#viewer > .topmenu {
  display: none;
}
body.viewermode.viewer-sponsor section#viewer .mainarea {
  height: 100vh;
}
body.viewermode.viewer-sponsor section#viewer #viewer-sponsors {
  display: none;
}
body.viewermode.viewer-sponsor section#viewer #viewer-sponsor {
  display: block;
}
body.viewermode.viewer-abstract section#viewer > .topmenu {
  display: none;
}
body.viewermode.viewer-abstract section#viewer .mainarea {
  height: 100vh;
}
body.viewermode.viewer-abstract section#viewer #viewer-abstracts {
  display: none;
}
body.viewermode.viewer-abstract section#viewer #viewer-abstract {
  display: block;
}
body.viewermode #viewer-webview {
  width: 100%;
  height: calc(100vh - 46px);
}
body.viewermode #viewer-webview > iframe {
  border: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
body.viewermode #viewer-asker {
  display: none;
  width: 80%;
  height: 300px;
  margin: 10% auto;
}
body.viewermode #viewer-asker.active {
  display: block;
  z-index: 2;
  background: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #222;
}
body.viewermode #viewer-eval {
  display: none;
  width: 80%;
  height: 100px;
  margin: 25% auto;
}
body.viewermode #viewer-eval.active {
  display: block;
  z-index: 2;
  background: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #222;
}
body.viewermode #viewer-map {
  height: calc(100vh - 46px);
  overflow: auto;
}
body.viewermode #viewer-map #vmap {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: grab;
  cursor: -o-grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.steper > .step {
  display: none;
}
.steper div.panels .panel {
  display: none;
}
.steper div.panels .panel.active {
  display: block;
}

.room {
  display: inline-flex;
  min-width: 200px;
  border: 1px solid #00a157;
  border-radius: 5px;
  padding: 15px 10px;
  margin: 10px;
  cursor: pointer;
}
.room:hover {
  background: #00bb64;
  color: #FFF;
}

.appointment-status {
  color: #F00;
}
.appointment-status.accepted {
  color: #00bb64;
}

.prop-timeline {
  list-style: none;
  padding: 0px;
  overflow: hidden;
}
.prop-timeline .prop-status {
  width: calc(50% + 16px);
  margin: 40px auto;
  position: relative;
}
.prop-timeline .prop-status:before {
  content: " ";
  background: #124736;
  width: 2px;
  position: absolute;
  left: 15px;
  float: left;
  height: calc(100% + 52px);
  z-index: 0;
  top: 32px;
}
.prop-timeline .prop-status:first-child {
  margin: 0px auto 40px;
}
.prop-timeline .prop-status:nth-child(even) {
  float: left;
  direction: rtl;
  text-align: right;
}
.prop-timeline .prop-status:nth-child(even):before {
  left: unset;
  right: 15px;
}
.prop-timeline .prop-status:nth-child(even) .description .when {
  left: unset;
  right: -68px;
}
.prop-timeline .prop-status:nth-child(odd) {
  float: right;
}
.prop-timeline .prop-status .sphere {
  display: inline-block;
  border-radius: 100%;
  min-width: 32px;
  background: #124736;
  text-align: center;
  line-height: 32px;
  color: #eee;
  position: relative;
  z-index: 1;
}
.prop-timeline .prop-status .description {
  display: inline-block;
  text-align: center;
  vertical-align: text-top;
}
.prop-timeline .prop-status .description .when {
  position: absolute;
  top: 8px;
  left: -68px;
  font-weight: 300;
  color: #124736;
}

.tabled {
  display: table;
}
.tabled .line {
  display: table-row;
}
.tabled .line label, .tabled .line span {
  padding: 2px 10px;
  display: table-cell;
}

.modal-dialog.modal-dialog-large {
  width: auto;
}

@media (min-width: 768px) {
  .modal-dialog.modal-dialog-large {
    width: 80%;
  }
}
#form-anuncio div {
  margin-bottom: 10px;
}

.video-container {
  position: relative;
  width: 100%;
}
.video-container img {
  width: 100%;
}
.video-container .anuncio {
  position: absolute;
  z-index: 999;
  width: 100%;
}
.video-container .anuncio.bottom {
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
.video-container .anuncio.top {
  top: 10px;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}
.video-container .anuncio.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#anuncios img {
  margin-bottom: 10px;
  padding: 10px;
  opacity: 0.6;
  border: 1px solid #3c8dbc;
}
#anuncios img.selected {
  opacity: 1;
}

.resend-email,
.copy-clipboard,
.youtube i,
td i {
  cursor: pointer;
}

td.details-control td {
  margin-top: 0;
}

table .youtube i {
  font-size: 22px;
}

table .youtube td {
  font-size: 16px;
}

@media (min-width: 768px) {
  #manageRoom .modal-dialog {
    width: 90%;
  }
}
.iframe-box {
  margin: 0 auto 12px;
}

.action-buttons {
  margin-bottom: 12px;
}

.anunc-container {
  display: flex;
}
.anunc-container .anunc-list {
  flex: 1;
  list-style: none;
  padding: 0;
  margin: 0 12px 0 0;
}
.anunc-container .anunc-list li {
  width: 100%;
  margin-bottom: 8px;
  cursor: pointer;
}
.anunc-container .anunc-list li.active {
  border: 2px solid black;
  padding: 2px;
}
.anunc-container .anunc-list li img {
  width: 100%;
}
.anunc-container .anunc-data {
  flex: 1;
}
.anunc-container .anunc-chat-admin {
  flex: 1;
  border-left: 1px solid #ccc;
  margin-left: 12px;
  padding-left: 12px;
}
.anunc-container .anunc-chat-admin .messages {
  list-style: none;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0;
}
.anunc-container .anunc-chat-admin .messages .message {
  margin-bottom: 6px;
}
.anunc-container .anunc-chat-admin .messages .message .date {
  font-size: 12px;
}
.anunc-container .anunc-chat-admin .messages .message .name {
  font-weight: 700;
}
.anunc-container .anunc-chat-admin .messages .message.server_message .text {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
}
.anunc-container .anunc-chat-admin .new-message-container {
  display: flex;
}
.anunc-container .anunc-chat-admin .new-message-container input {
  margin-right: 8px;
}
.anunc-container .anunc-chat-admin .new-message-container button {
  border-radius: 50%;
}

.fa.fa-ad.danger {
  color: #dc0000;
}

#create-anuncio {
  margin-bottom: 1em;
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.cr-rotate-controls button {
  border: 0;
  background: none;
}

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}

.cr-rotate-l i:before {
  content: "↺";
}

.cr-rotate-r i:before {
  content: "↻";
}

.filer-img-container {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
}
.filer-img-container.filer-set.removeable {
  cursor: pointer;
}
.filer-img-container.filer-set.removeable:after {
  content: "X";
  color: #FFF;
  font-size: 2em;
  opacity: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.filer-img-container.filer-set.removeable:hover:after {
  opacity: 1;
}

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