* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
    text-decoration: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root{
  --success: #22d430;
  --error: #d62929;
  --alert: #ffe600;
  --cancel: #696969;
  --disabled: #cecece;

  --primary: #171F54;
  --secondary: #27B7F3;
  --tertiary: #ffe000;
  --quaternary: #706fad;

  --light: #EEF0F7;
  
  --padding-1: 40px;
  --padding-2: 30px;
  --padding-3: 20px;
  --padding-4: 12px;
  --padding-5: 6px;

  --margin-1: 40px;
  --margin-2: 30px;
  --margin-3: 20px;
  --margin-4: 12px;
  --margin-5: 6px;

  --h0: 50px;
  --h1: 36px;
  --h1-5: 30px;
  --h2: 22px;
  --h3: 20px;
  --h4: 18px;
  --h5: 16px;
  --h6: 14px;
  --h7: 12px;

  --filter-bar: 260px;
  --left-bar: 260px;
  --spacing-admin: 1.5vh;
  --container: 1200px;
}

@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/lato/Lato-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/lato/Lato-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Exo2-Bold";
  src: url("fonts/exo2/Exo2-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Exo2-Regular";
  src: url("fonts/exo2/Exo2-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body{
  font-size: 16px;
  font-family: "Lato-Regular";
}
.font-primary{font-family: "Exo2-Regular"}
.font-secondary{font-family: "Lato-Regular"}
strong, .strong{font-family: "Lato-Bold"}
.light{font-family: "Lato-Regular"}

.font-primary strong, 
.font-primary .strong,
.font-primary.strong{font-family: "Exo2-Bold"}
.font-primary .light,
.font-primary.light{font-family: "Exo2-Regular"}

.block{display: block}
.text-scroll{
  width: 100%;
  overflow-x: auto;
}
.text-nowrap{
  white-space: nowrap;
}
u{text-decoration: underline}

.h1{font-size: var(--h1)}
.h2{font-size: var(--h2)}
.h3{font-size: var(--h3)}
.h4{font-size: var(--h4)}
.h5{font-size: var(--h5)!important}
.h6{font-size: var(--h6)}
.h7{font-size: var(--h7)}

.bkg-success{background-color: var(--success)}
.bkg-alert{background-color: var(--alert)!important}
.bkg-cancel{background-color: var(--cancel)}
.bkg-error{background-color: var(--error)!important}
.bkg-disabled{background-color: var(--disabled)!important}
.bkg-white{background-color: #FFF}
.bkg-overlay{background-color: rgba(0,0,0,0.1)}

.bkg-primary, .bkg-primary.active:hover{background-color: var(--primary)}
.bkg-secondary{background-color: var(--secondary)}
.bkg-tertiary{background-color: var(--tertiary)}
.bkg-quaternary{background-color: var(--quaternary)}

.bkg-light{background-color: #eaebef}

.color-error{color: var(--error)!important}
.color-white{color: #FFF}
.color-black{color: #000}
.color-success{color: var(--success)}
.color-cancel{color: var(--cancel)}

.color-primary{color: var(--primary)!important}
.color-secondary{color: var(--secondary)}
.color-tertiary{color: var(--tertiary)}

.padding-0{padding: 0!important}
.padding-0-left{padding-left: 0!important}
.padding-0-right{padding-right: 0!important}
.padding-0-top{padding-top: 0!important}
.padding-0-bottom{padding-bottom: 0!important}

.padding-1{padding: var(--padding-1)}
.padding-1-left{padding-left: var(--padding-1)}
.padding-1-right{padding-right: var(--padding-1)}
.padding-1-top{padding-top: var(--padding-1)}
.padding-1-bottom{padding-bottom: var(--padding-1)}

.padding-2{padding: var(--padding-2)}
.padding-2-left{padding-left: var(--padding-2)}
.padding-2-right{padding-right: var(--padding-2)}
.padding-2-top{padding-top: var(--padding-2)}
.padding-2-bottom{padding-bottom: var(--padding-2)}

.padding-3{padding: var(--padding-3)}
.padding-3-left{padding-left: var(--padding-3)}
.padding-3-right{padding-right: var(--padding-3)}
.padding-3-top{padding-top: var(--padding-3)}
.padding-3-bottom{padding-bottom: var(--padding-3)}

.padding-4{padding: var(--padding-4)}
.padding-4-left{padding-left: var(--padding-4)}
.padding-4-right{padding-right: var(--padding-4)}
.padding-4-top{padding-top: var(--padding-4)}
.padding-4-bottom{padding-bottom: var(--padding-4)}

.padding-5{padding: var(--padding-5)}
.padding-5-left{padding-left: var(--padding-5)}
.padding-5-right{padding-right: var(--padding-5)}
.padding-5-top{padding-top: var(--padding-5)}
.padding-5-bottom{padding-bottom: var(--padding-5)}

.margin-1{margin: var(--margin-1)}
.margin-1-left{margin-left: var(--margin-1)}
.margin-1-right{margin-right: var(--margin-1)}
.margin-1-top{margin-top: var(--margin-1)}
.margin-1-bottom{margin-bottom: var(--margin-1)}

.margin-2{margin: var(--margin-2)}
.margin-2-left{margin-left: var(--margin-2)}
.margin-2-right{margin-right: var(--margin-2)}
.margin-2-top{margin-top: var(--margin-2)}
.margin-2-bottom{margin-bottom: var(--margin-2)}

.margin-3{margin: var(--margin-3)}
.margin-3-left{margin-left: var(--margin-3)}
.margin-3-right{margin-right: var(--margin-3)}
.margin-3-top{margin-top: var(--margin-3)}
.margin-3-bottom{margin-bottom: var(--margin-3)}

.margin-4{margin: var(--margin-4)}
.margin-4-left{margin-left: var(--margin-4)}
.margin-4-right{margin-right: var(--margin-4)}
.margin-4-top{margin-top: var(--margin-4)}
.margin-4-bottom{margin-bottom: var(--margin-4)}

.margin-5{margin: var(--margin-5)}
.margin-5-left{margin-left: var(--margin-5)}
.margin-5-right{margin-right: var(--margin-5)}
.margin-5-top{margin-top: var(--margin-5)}
.margin-5-bottom{margin-bottom: var(--margin-5)}

.relative{position: relative}
.width-100{width: 100%}
.minWidth-100{min-width: 100%}
.height-100{height: 100%}
.inline{display: inline-block}

.text-left{text-align: left}
.text-center{text-align: center}
.text-right{text-align: right}

.text-error{text-decoration: line-through}

.tr{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.cols-1 > .td{width: 100%}
.cols-2 > .td{width: calc(100% / 2)}
.cols-2 > .td.colspan-2{width: 100%}
.cols-3 > .td{width: calc(100% / 3)}
.cols-3 > .td.colspan-2{width: calc((100% / 3) * 2)}
.cols-4 > .td{width: calc(100% / 4)}
.cols-4 > .td.colspan-2{width: 50%}
.cols-4 > .td.colspan-3{width: 75%}
.cols-5 > .td{width: calc(100% / 5)}
.cols-5 > .td.colspan-2{width: 40%}
.cols-5 > .td.colspan-3{width: 60%}
.cols-5 > .td.colspan-4{width: 80%}
.cols-6 > .td{width: calc(100% / 6)}
.cols-6 > .td.colspan-2{width: calc((100% / 6) * 2)}
.cols-6 > .td.colspan-3{width: calc((100% / 6) * 3)}
.cols-6 > .td.colspan-4{width: calc((100% / 6) * 4)}
.cols-6 > .td.colspan-5{width: calc((100% / 6) * 5)}
.cols-6 > .td.colspan-6{width: 100%}
.td.colspan-0{width: auto!important}

.table-list .tr{
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* FLEXBOX */
[class*="flex"]{
  display:flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex
}
[class*="align-center"]{align-items:center}
[class*="align-start"]{align-items: flex-start}
[class*="align-end"]{align-items: flex-end}
[class*="justify-start"]{justify-content:flex-start}
[class*="justify-between"]{justify-content:space-between}
[class*="justify-center"]{justify-content:center}
[class*="justify-right"]{justify-content:flex-end}
[class*="justify-around"]{justify-content:space-around}
[class*="direction-column"]{flex-direction: column}
[class*="wrap"]{flex-wrap:wrap}

/*--inputs--*/
input[type="checkbox"], input[type="radio"]{
  display: none;
}
input[type="checkbox"] ~ span,
input[type="radio"] ~ span{
  position: relative;
  font-family: "Exo2-Bold";
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
input[type="checkbox"]:disabled ~ span,
input[type="radio"]:disabled ~ span{
  color: var(--disabled);
}
input[type="checkbox"] ~ span::before{
  width: 40px;
  height: 20px;
  border-radius: 20px;
}
input[type="radio"] ~ span::before{
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
}
input[type="checkbox"] ~ span::before,
input[type="radio"] ~ span::before{
  content: " ";
  display: block;  
  margin-right: 6px;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #d8d8d8;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
}
input[type="checkbox"] ~ span::after{
  width: 20px;
  height: 20px;
  border-radius: 20px;
  left: 0;
  margin-top: -10px;
}
input[type="radio"] ~ span::after{
  width: 6px;
  height: 6px;
  border-radius: 20px;
  left: 7px;
  margin-top: -3px;
  opacity: 0;
}
input[type="checkbox"] ~ span::after,
input[type="radio"] ~ span::after{
  content: " ";
  display: block;
  position: absolute;
  background-color: #FFF;
  border: 1px solid rgba(0,0,0,0.1);
  transition: all 0.1s ease 0s;
  top: 50%;  
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked ~ span::before{
  background-color: var(--success);
}
input[type="radio"]:checked ~ span::before,
label.checked-default input[type="checkbox"]:checked ~ span::before{
  background-color: var(--primary);
}
label.checked-error input[type="checkbox"]:checked ~ span::before,
label.check-error input[type="checkbox"] ~ span::before,
label.checked-error input[type="radio"]:checked ~ span::before,
label.check-error input[type="radio"] ~ span::before{
  background-color:var(--error);
}
label.check-success input[type="checkbox"] ~ span::before,
label.checked-success input[type="checkbox"]:checked ~ span::before,
label.check-success input[type="radio"] ~ span::before,
label.checked-success input[type="radio"]:checked ~ span::before{
  background-color:var(--success);
}
input[type="checkbox"]:checked ~ span::after{
  left: 20px;
}
input[type="radio"]:checked ~ span::after{
  width: 12px;
  height: 12px;
  border-radius: 20px;
  left: 4px;
  margin-top: -6px;
  opacity: 1;
}
input[type="checkbox"]:disabled ~ span::after,
input[type="radio"]:disabled ~ span::after{
  background-color: var(--disabled);
}

/*--*/
.field-star > *:before,
.field-star > *:after{
  content: "*";
  color: var(--cancel);
}
.input-text[data-placeholder]:before{
  content: attr(data-placeholder);
  opacity: 0.5;
  pointer-events: none;
}
.input-text[data-placeholder]:focus:before,
.off-placeholder[data-placeholder]:before,
.input-focus [data-placeholder]:before{
  display: none;
}
input[type="text"],
input[type="tel"], 
input[type="date"], 
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
select,
.input-text{
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    transition: border 0.2s ease 0s;
}
input[type="text"].color-white,
input[type="tel"].color-white, 
input[type="date"].color-white, 
input[type="number"].color-white,
input[type="search"].color-white,
input[type="email"].color-white,
input[type="password"].color-white,
textarea.color-white,
select.color-white,
.input-text.color-white{
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
input[type="text"]:focus, 
input[type="tel"]:focus,
input[type="date"]:focus,  
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
textarea:focus,
.input-text:focus,
.input-text.focus{
    border-bottom: 1px solid var(--primary);
}
input[type="text"].color-white:focus, 
input[type="tel"].color-white:focus,
input[type="date"].color-white:focus,  
input[type="number"].color-white:focus, 
input[type="search"].color-white:focus, 
input[type="email"].color-white:focus, 
input[type="password"].color-white:focus, 
textarea.color-white:focus,
.input-text.color-white:focus,
.input-text.color-white.focus{
    border-bottom: 1px solid var(--tertiary);
}
input[type="text"].color-white::placeholder, 
input[type="tel"].color-white::placeholder,
input[type="date"].color-white::placeholder,  
input[type="number"].color-white::placeholder, 
input[type="search"].color-white::placeholder, 
input[type="email"].color-white::placeholder, 
input[type="password"].color-white::placeholder, 
textarea.color-white::placeholder,
.input-text.color-white::placeholder{
  color: #FFF;
}
input:focus::placeholder, 
textarea:focus::placeholder{
    color: transparent!important;
}
input[type="text"]:disabled, 
input[type="tel"]:disabled, 
input[type="date"]:disabled, 
input[type="number"]:disabled, 
input[type="search"]:disabled, 
input[type="email"]:disabled, 
input[type="password"]:disabled, 
textarea:disabled, 
select:disabled,
.input-text:disabled,
.input-text.disabled,
[class*="button"]:disabled{
    color: rgba(0,0,0,0.5)!important;
    background-color: rgba(0,0,0,0.1);
    text-shadow: 2px 2px 2px rgba(255,255,255, 1);
    cursor: default;
    box-shadow: none;
    padding-left: 6px;
    padding-right: 6px;
}
.input-error input[type="text"], 
.input-error input[type="tel"], 
.input-error input[type="date"], 
.input-error input[type="number"], 
.input-error input[type="search"], 
.input-error input[type="email"], 
.input-error input[type="password"], 
.input-error textarea, 
.input-error select{
  border-bottom: 1px solid var(--error);
}
select.color-white{
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
select.color-white option{
  color: #000;
}
.form{
  position: relative;
  overflow: hidden;
}
.form:before{
  content: "label";
  opacity: 0;
  font-size: 14px;
}
.form input[type="text"] ~ label, 
.form input[type="tel"] ~ label, 
.form input[type="date"] ~ label, 
.form input[type="number"] ~ label, 
.form input[type="search"] ~ label, 
.form input[type="email"] ~ label, 
.form input[type="password"] ~ label, 
.form textarea ~ label, 
.form select ~ label{
  font-size: 14px;
  top: 100%;
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease 0s;
}
.form input[type="text"]:focus ~ label, 
.form input[type="tel"]:focus ~ label, 
.form input[type="date"]:focus ~ label, 
.form input[type="number"]:focus ~ label, 
.form input[type="search"]:focus ~ label, 
.form input[type="email"]:focus ~ label, 
.form input[type="password"]:focus ~ label, 
.form textarea:focus ~ label, 
.form select:focus ~ label,

.form.input-focus input ~ label,
.form.input-focus select ~ label,
.form.input-focus textarea ~ label{
  top: 0;
  opacity: 1;
}
.input-error.form input[type="text"] ~ label, 
.input-error.form input[type="tel"] ~ label, 
.input-error.form input[type="date"] ~ label, 
.input-error.form input[type="number"] ~ label, 
.input-error.form input[type="search"] ~ label, 
.input-error.form input[type="email"] ~ label, 
.input-error.form input[type="password"] ~ label, 
.input-error.form textarea ~ label, 
.input-error.form select ~ label{
  top: 0;
  opacity: 1;
  color: var(--error);
}
.edit-link{
  opacity: 0.3;
}
.edit-link:hover{
  opacity: 1;
}
.edit-input{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
}
.box-forca-senha{
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  background-color: #FFF;
  border-radius: 0 0 6px 6px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
  padding: 6px;
  z-index: 9;
}
.button-input{
  width: 35px;
  height: 35px;
  font-size: 18px;  
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  color: #FFF;
  cursor: pointer;
  text-shadow: 0 0 3px rgba(0,0,0,0.05);
}
.btn-fix-modal{
  position: fixed;
  bottom: 5vh;
  left: 5vw;
  z-index: 99;
  font-size: 5vh;
  width: 8vh;
  height: 8vh;
}
/*--autocomplete --*/
.desktop .content-autocomplete{
  position: relative;
}
.autocomplete{
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 9;
  max-height: 50vh;
  overflow-y: auto;
  z-index: 10;
}
.autocomplete-modal{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 99;
}
.autocomplete-modal .autocomplete{
  position: relative;
  left: inherit;
  max-width: 400px;
  top: inherit;
  max-height: 90vh;
  overflow-y: auto;
  margin: 0 auto;
}
.autocomplete ul{
  padding: 6px;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.autocomplete ul li{
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.autocomplete ul li:last-child{
  border-bottom: none;
}
.autocomplete ul li a{
  display: block;
  padding: 6px;
  color: #000;
  font-size: var(--h4);
}
.autocomplete ul li a:hover{
  background-color: rgba(0,0,0,0.05);
}
.autocomplete ul li a.active:hover,
.autocomplete ul li a.active,
.lista-links li.active{
  background-color: rgba(252, 195, 30, 0.3);
}
.autocomplete-label{
  background-color: var(--primary);
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  color: #FFF;
  padding: 10px 20px 10px 10px;
  position: relative;
  font-size: var(--h4);
  width: 100%;
  min-width: 50vw;
}
.autocomplete-label a{
  position: absolute;
  right: 10px;
  color: #FFF;
  top: 50%;
  margin-top: -10px;
  font-size: 18px;
}
/*--*/
.load-text{
  display: block;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin: 2px 0;
  background-color: rgba(0,0,0,0.1);
}
.load-text:before{
  content: "Carregando..";
  display: block;
  opacity: 0;
}
.load-text:after{
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateX(-100%);
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 51%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 51%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 51%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );  
}
.load-text:after{animation: loadText 1s linear 0.5s infinite}
.load-text:first-child{background-color: rgba(0,0,0,0.2)}
.load-text:first-child:after{animation: loadText 1s linear 0s infinite}
@keyframes loadText{
  0%{
    transform: translateX(-100%);
  }
  50%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(100%);
  }
}
/*-- field icon --*/
.btn-icon{
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 0 3px rgba(0,0,0,0.05);
  font-size: 30px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;  
  justify-content: center;
  position: relative;
}
.input-error .btn-icon{
  color: var(--error);
}
.btn-icon-checked{
  color: var(--primary);
}
.btn-icon-empty{
  color: var(--cancel);
}
.link-icon{
  border-radius: 8px;
  border: 1px solid transparent;
}
.link-icon:hover{
  color: var(--primary);
  border: 1px solid var(--primary);
}
.link-icon i{
  animation: none;
  transition: none;
}
/* progressbar */
.progressbar{
  position: fixed;
  width: 90%;
  left: 5%;
  top: 50%;
  height: 10px;
  border-radius: 5px;
  margin-top: -5px;
  background-color: rgba(255,255,255,0.8);
  border: 1px solid rgba(0,0,0,0.5);
  z-index: 99;  
}
.progressbar > span{
  font-size: 10px;
  color: #000;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 3px #FFF;
}
.progressbar > div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  background: url(img/loadbar.gif) repeat-x left center;
  background-color: var(--default);
  transition: all 0.3s ease 0s;
}

.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, Edge, Opera and Firefox */
}

.container{
  margin: 0 auto;
  width: 90%;
  max-width: var(--container);
}
.border-dashed{
  border: 2px dashed rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.border-box{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.border-box.bkg-overlay.selected{
  border: 1px solid var(--tertiary);
  background-color: rgba(0,0,0,0.3);
  animation: boxpress 0.1s ease 0s 1;
}
@keyframes boxpress{
  0%{
    transform: translateY(5px);
  }
  100%{
    transform: translateY(0);
  }
}

.ghost-overlay{
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.1);
  z-index: 9;
}
a.button, button.button{
  cursor: pointer;
}
.square-button{
  width: 50px;
  height: 50px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;  
  justify-content: center;
}
.button{
  font-family: "Exo2-Bold";
  border-radius: 4px;
  min-height: 50px;
  text-align: center;
  color: #FFF;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;  
  position: relative;
  overflow: hidden;
}
.button:before{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  opacity: 0;
  transition: all 0.2s ease 0s;
}
.button:hover:before{
  opacity: 0.3;
}
.radius-square{
  border-radius: 40px;
}

[class*="modalfix"]{
  position: fixed;
  z-index: 9;
}
.modalfix-left-bottom{
  left: 1.5vh;
  bottom: 1.5vh;
  right: 1.5vh;
}
.lightbox .lightbox .modalfix-left-bottom{
  left: 3vh;
  bottom: 3vh;
  right: 3vh;
}

.desktop .actions-box.barfix{
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  background-color: rgb(94, 111, 173, 0.9);
  border-radius: 0 0 12px 12px;
}

/*-- loader --*/
.loader{
  position: relative;
}
.loader:after,
.loader:before{
  content: " ";
  position: fixed;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--secondary);
  opacity: 0;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  z-index: 9;
  border-top: 5px solid var(--primary);
}
.loader:after{
  animation: loader 1s linear 0s infinite;
}
.loader:before{
  animation: loader 1s linear 0.5s infinite;
}
@keyframes loader{
  0%{
    width: 5px;
    height: 5px;
    margin: -2.5px 0 0 -2.5px;
    opacity: 0.4;
    transform: rotateZ(0);
  }
  100%{
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    opacity: 0;
    transform: rotateZ(360deg);
  }
}
/*-- lightbox --*/
.lightbox{
  background-color: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}
.lightbox .lightbox{
  backdrop-filter: blur(4px);
}
.modal{
  position: absolute;
  top: 1.5vh;
  left: 1.5vh;
  right: 1.5vh;
  bottom: 1.5vh;
  overflow-y: auto;
}
.modal .modal{
  top: 6vh;
  left: 6vh;
  right: 6vh;
  bottom: 6vh;
}
.modal .modal .modal{
  top: 10vh;
  left: 10vh;
  right: 10vh;
  bottom: 10vh;
}
.close-modal{
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 26px;
  color: var(--cancel);
}
.semi-transparent{
  opacity: 0.3;
}
/*-- login --*/
.login{
  min-height: 100vh;
}
.login .logotipo{
  width: 100%;
  max-width: 220px;
}

/*--lista--*/
.item-lista-box{
  margin-top: 20px;
}
.list-cols > div{
  width: 100%;
  max-width: 300px;
}
.title-orientation-lista{
  padding-top: 8px;
}
.orientation-list{
  padding-bottom: 15vh;
}
.orientation-list .list-cols > div{
  max-width: 100%;
  margin-right: 0!important;
}
.list-modal > div{
  border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.list-modal > .selected{
  background-color: rgba(0,0,0,0.05);
}
.fa-spinner{
  animation: spinner 1s linear 0s infinite;
}
@keyframes spinner{
  0%{
    transform: rotateZ(0);
  }
  100%{
    transform: rotateZ(360deg);
  }
}
.fake-bkg{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.input-box .fake-bkg{
  cursor: text;
}
.label-small{
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.1) inset;
  display: inline-block;
  font-size: 14px;
}
.label-action{
  text-align: center;
  min-width: 50px;
  padding: 6px 12px;
  border-radius: 30px;
  border: 1px solid transparent;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.label-action.selected,
.desktop .label-action.selected:hover{
  background-color: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.3);
}
.desktop .label-action:hover{
  border: 1px solid rgba(255,255,255,0.5);
  background-color: rgba(0,0,0,0.1);
}
.button-add{
  color: var(--success);
  border: 2px dashed var(--success);
  background-color: rgb(94, 111, 173, 0.9);
}
.button-nav{
  border: 2px dashed var(--primary);
  color: var(--primary);
  background-color: rgba(255,255,255,0.8);
}
.button-nav:focus{
  font-size: 6vh;
  border: 2px solid var(--quaternary);
  color: var(--quaternary);
  background-color: rgba(0,0,0,0.1);
}
.button-add, .button-nav{
  width: 10vh;
  height: 10vh;
  border-radius: 50%;
  position: fixed;
  bottom: 5vh;
  right: 10vh;
  font-size: 5vh;
  z-index: 99;
  transition: all 0.3s ease 0s;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;  
}
.overflow-hidden{
  overflow: hidden;
}
/*-- transitions --*/
.fadeLeftEnter-enter-active{
  animation: fade-left 0.3s ease 0s;
}
.fadeLeftEnterSlow-enter-active{
  animation: fade-left 0.6s ease 0s;
}
.fadeLeftEnter-leave-active,
.fadeLeftEnterSlow-leave-active{
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: none;
}
.fadeLeft-enter-active{
  animation: fade-left 0.6s ease 0s;
}
@keyframes fade-left{
  0%{
      opacity: 0;
      transform: translateX(-50px);
  }
  100%{
      opacity: 1;
      transform: translateX(0);        
  }
}
.fadeRight-enter-active{
  animation: fade-right 0.3s ease 0s;
}
.fadeRight-leave-active{
  animation: fade-right 0.3s ease 0s reverse;
}
@keyframes fade-right{
  0%{
      opacity: 0;
      transform: translateX(30px);
  }
  100%{
      opacity: 1;
      transform: translateX(0);        
  }
}
.fadeTop-enter-active{
  animation: fade-top 0.3s ease 0s;
}
.fadeTop-leave-active{
  animation: fade-top 0.3s ease 0s reverse;
}
@keyframes fade-top{
  0%{
      opacity: 0;
      transform: translateY(-30px);
  }
  100%{
      opacity: 1;
      transform: translateX(0);        
  }
}
.fadeLeftEnterSlow-enter-active .button-add,
.fadeRight-enter-active .button-nav{
  transform: translateY(30px);
  opacity: 0;
}
/*-- admin --*/
.admin{  
  padding: var(--spacing-admin);
  background-color: var(--quaternary);
}
.desktop .admin{
  min-height: 100vh;
}
.thumb-small{
  width: 60px;
  min-width: 60px;
  height: 60px;
  background-color: var(--disabled);
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.thumb-medium{
  width: 100px;
  min-width: 100px;
  height: 100px;
  background-color: var(--disabled);
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.thumb-small img,
.thumb-medium img{
  width: 100%;
  float: left;
}
.btn-img{
  bottom: 0;
}
.btn-img-close{
  top: 0;
}
.btn-img, .btn-img-close{
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.input-file{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;  
  cursor: pointer;
}
.remove-input{
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0.5;
}
.remove-input:hover{
  opacity: 1;
}
/*--*/
.desktop .left-bar{
  position: fixed;
  top: var(--spacing-admin);
  left: var(--spacing-admin);
  bottom: var(--spacing-admin);
  width: var(--left-bar);
}
.light-end-scroll{
  position: absolute;
  bottom: calc(var(--padding-5));
  left: var(--padding-5);
  right: var(--padding-5);
  pointer-events: none; 
  height: 35px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );  
}
.content-menu{
  max-height: calc(100% - 100px);
  overflow-y: auto;
  position: relative;
}
.nav-menu a{
  font-family: "Exo2-Regular";
  padding: 10px;
  color: #000;
  transition: all 0.2s ease 0s;
}
.nav-menu ul{
  border: 1px solid rgba(0,0,0,0.05) inset;
}
.nav-menu > li{
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.nav-menu > li:last-child{
  border: none;
}
.nav-menu ul a{  
  padding-left: 14px;
  background-color: rgba(0,0,0,0.03);
}
.nav-menu .fa-angle-down{
  transition: all 0.2s ease 0s;
}
.current-menu .fa-angle-down{
  transform: rotateZ(-180deg);
}
.nav-menu ul a:hover,
.nav-menu ul a.router-link-exact-active{
  padding-left: 16px;
}
.nav-menu a:hover,
.nav-menu a.router-link-exact-active{
  font-family: "Exo2-Bold";
  padding-left: 12px;
  background-color: rgb(252 195 30 / 0.2);
}
.main{
  padding: 0 var(--spacing-admin);  
}
.inner-main{
  padding-left: var(--padding-4);
}
.desktop .main{
  margin-left: var(--left-bar);
}
/*--mensagens --*/
.desktop .col-mensagens{
  width: 320px;
  min-width: 320px;
}
.desktop .main-mensagens{
  min-width: calc(100% - 320px);  
}
.mobile .col-mensagens{
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
}
.mobile .main-mensagens{
  min-width: 100%;  
}
.mobile .content-mensagens{
  margin-top: 20px;
  transition: all 0.3s ease 0s;
  transform: translateX(calc((100% - 60px) * -1));
}
.main-mensagens .fa-arrow-left{
  transition: all 0.3s ease 0.1s;
}
.open-msg .content-mensagens{
  transform: translateX(0);
}
.open-msg .fa-arrow-left{
  transform: rotateZ(180deg);
}

.mobile .swal2-title{
  font-size: 18px;
}
/* -- box lista --*/
.overflow-x{
  overflow-x: auto;
}
.scroll-y{
  overflow-y: auto;
}
.scroll::-webkit-scrollbar-track{
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar{
  width: 2px;
  height: 2px;
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb{
  background-color: var(--tertiary);
}
.content-status{
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  height: 0;
  max-width: 100%;
}
.status-label{
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 8px;
  border: 2px solid rgba(0,0,0,0.8);
  font-family: "Exo2-Bold";
}

/* -- lista --*/
.filter-bar{
  width: var(--filter-bar);
  min-width: var(--filter-bar);
}
.desktop .filter-bar{
  padding-right: var(--padding-1);
}
.content-width{
  width: calc(100% - var(--filter-bar));
}
/*-- busca --*/
.content-search{
  position: fixed;
  top: -300px;
  width: 100vw;
  left: 0;
  z-index: 99;  
  transition: all 0.3s ease 0s;
}
.content-search.on{
  top: 0;
}
.content-search .container{
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 6px rgba(0,0,0,0.1);  
  background-color: var(--quaternary);
  padding: 14px;
}
/*--notificação --*/
.notify-ballon{
  width: 22px;
  height: 22px;
  font-size: 11px;
  position: absolute;
  top: -11px;
  right: 0;
  border-radius: 50%;
  text-align: center;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 3px rgba(0,0,0,0.1);
  animation: notify 1s ease 0s infinite;
}
@keyframes notify{
  0%{
    transform: translateY(0);
    width: 16px;
    height: 20px;
    right: 3px;
  }
  25%{
    transform: translateY(-6px);
    width: 14px;
    height: 22px;
    right: 4px;
  }
  50%{
    transform: translateY(6px);
    width: 22px;
    height: 16px;
    right: 0;
  }
  100%{
    transform: translateY(0);
    width: 20px;
    height: 20px;
    right: 1px;
  }
}
.crop-text{
  overflow: hidden;
  height: 18px;
  position: relative;  
}
.crop-text:after{
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  top: 0;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );  
}

/*-- table --*/
table{
  min-width: 800px;
}
.table, .ql-editor table{
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--primary);
}
.table th, .table td,
.ql-editor table th, .ql-editor table td{
  padding: 10px 12px;
  border: 1px solid var(--primary);
}
.table th,
.ql-editor table th{
  text-align: left;
  background-color: var(--primary);
  color: #FFF;
  font-family: "Exo2-Bold";
}
.table tbody tr:nth-child(odd) td,
.ql-editor table tbody tr:nth-child(odd) td{
  background-color: #e8eeff;
}
.table tbody tr td,
.ql-editor table tbody tr td {
  background-color: #f6f8ff;
}
.table .contenteditable{
  font-size: 18px;
}
.table [placeholder]:empty::before {
  content: attr(placeholder);
  opacity: 0.5;
}
.table [placeholder]:empty:focus::before {
  content: "";
}
/*--*/
.options-light{
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 99;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.options-overlay{
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.options-modal{
  background-color: #FFF;
  border-radius: 8px;  
  position: relative;
}
.options-modal a:hover{
  background-color: rgba(0,0,0,0.05);
}

.lista-links li{
  border-bottom: 2px dashed rgba(0,0,0,0.1);
  background-color: var(--light);
}
.lista-links li:last-child{
  border: none;
}
.lista-links li > a{
  display: block;
  transition: all 0.2s ease 0s;
}
.lista-links li > a:hover{
  background-color: rgba(0,0,0,0.06);
}

.input-box{
  background-color: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 6px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.05) inset;
}
.input-box input[type="text"]{
  border: none;
  width: auto;
  padding: 0;
  background-color: transparent;
}

/*--crop image --*/
.drag-image-scale{
  font-size: 12px;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0,0,0,0.9);
  position: absolute;
  bottom: 10px;
  pointer-events: none; 
}
.drag-image-area .move-seta{
  position: absolute;
  font-size: 30px;
  color: #FFF;
  top: 10%;
  text-shadow: 0 0 12px rgba(0,0,0,0.9);
  margin: -15px;
  left: 50%;
  pointer-events: none;  
}
.drag-image-area .move-seta.move-h{
  animation: moveH 2s ease-in 0s infinite;
}
@keyframes moveH{
  0%{
    transform: translateY(-5px);
  }
  50%{
    transform: translateY(5px);
  }
  100%{
    transform: translateY(-5px);
  }
}
.drag-image-area .move-seta.move-w{
  animation: moveW 2s ease-in 0s infinite;
}
@keyframes moveW{
  0%{
    transform: translateX(-5px);
  }
  50%{
    transform: translateX(5px);
  }
  100%{
    transform: translateX(-5px);
  }
}
.box-proporcao{
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,0.3);
  border: 3px dashed rgba(255,255,255,0.3);
}
.box-proporcao:after{
  content: "Limite para o conteúdo";
  width: 100%;
  text-align: center;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0,0,0,0.9);
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
}
.box-proporcao.mobile-scale:after{
  top: 58%;
}
.box-proporcao.desktop-scale:before{
  position: absolute;
  content: " ";
  left: 15%;
  width: 70%;
  top: 24%;
  height: 52%;
  border: 2px solid rgba(255,255,255,0.8);
}
.box-proporcao.mobile-scale:before{
  position: absolute;
  content: " ";
  left: 5%;
  width: 90%;
  top: 24%;
  height: 70%;
  border: 2px solid rgba(255,255,255,0.8);
}
.box-proporcao.horizontal{
  cursor: w-resize;
}
.box-proporcao.vertical{
  cursor: s-resize;
}
.edit-img{
  position: absolute;
  transition: opacity 0.5s linear 0s;
}
/*-- topo site fake --*/
.topo-fake-site{
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  pointer-events: none;
}
.topo-fake-site.topo-mobile{
  width: 360px;
  left: 50%;
  margin-left: -180px;
}
.topo-fake-site.topo-desktop{
  height: 100px;
}
.topo-fake-site.topo-mobile{
  height: 80px;
}
.topo-fake-site.topo-desktop .logotipo-fake-site{
  width: 220px;
}
.topo-fake-site.topo-mobile .logotipo-fake-site{
  width: 130px;
}
.topo-fake-site .log-azul{
  fill: #364B99;
}
.topo-fake-site .topo-escuro .log-azul{
  fill: #FFF;
}
.link-topo-fake{
  font-size: 16px;
  margin-right: 30px;
}
.topo-fake-site .topo-escuro .link-topo-fake{
  color: #FFF;
}
.topo-fake-site .log-amarelo{
  fill: #FCC31E;
}
.topo-fake-site .log-vermelho{
  fill: #E20613;
}
.btn-fake-topo-site{
    font-family: "Exo2-Bold";
    min-height: 50px;
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    border: 1px solid #2c334d;
    color: #2c334d;
    background-color: #FFF;
    border-radius: 40px;
    font-size: 16px;
}
.btn-menu-fake-site{
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: block;
  margin-right: 0;
  position: relative;
  transition: all 0.3s ease 0.15s;
  background-color: var(--primary);
  border-radius: 4px;
}
.btn-menu-fake-site div {
  width: 50%;
  height: 3px;
  background-color: #FFF;
  border-radius: 6px;
  position: absolute;
  left: 25%;
  margin-top: -1.5px;
  transition: all 0.2s ease 0.15s;
}
.btn-menu-fake-site div:nth-child(1) {
  top: 35%;
}
.btn-menu-fake-site div:nth-child(2) {
  top: 50%;
}
.btn-menu-fake-site div:nth-child(3) {
  top: 67%;
}
.img-logo-poliedro-fake{
  width: 24px;
}
.img-logo-madan-fake{
  width: 26px;
}

@media screen and (max-width: 1300px){
  .topo-fake-site.topo-desktop{
    height: 7vw;
  }
  .btn-fake-topo-site{
    font-size: 1.3vw;
    min-height: 3.5vw;
    padding: 0 1vw;
  }
  .link-topo-fake{
    font-size: 1.3vw;
    margin-right: 3vw;
  }
  .topo-fake-site.topo-desktop .logotipo-fake-site{
    width: 16vw;
  }
  .img-logo-poliedro-fake{
    width: 1vw;
  }
  .img-logo-madan-fake{
    width: 1.1vw;
  }
}
@media screen and (max-width: 420px){
  .topo-fake-site.topo-mobile{
    height: 20vw;
  }
  .topo-fake-site.topo-mobile{
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

/*-- mobile --*/
:root .mobile{
  --padding-1: 18px;
  --padding-2: 15px;
  --padding-3: 10px;
  --padding-4: 6px;
  --padding-5: 3px;

  --margin-1: 20px;
  --margin-2: 15px;
  --margin-3: 10px;
  --margin-4: 6px;
  --margin-5: 3px;

  --h1: 22px;
  --h2: 20px;
  --h3: 18px;
  --h4: 16px;
  --h5: 16px;
  --h6: 14px;
  --h7: 12px;

  --filter-bar: 260px;
  --left-bar: calc(100vw - 80px);
  --spacing-admin: 1vh;
}
.mobile .button-add, 
.mobile .button-nav{
  right: 5vw;
}
.mobile .admin{
  width: 100vw;
  overflow: hidden;
  position: relative;
  min-height: 100vh;
}
.mobile .inner-admin{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-start;
  transition: all 0.3s ease 0s;
  position: relative;
  margin-left: calc((var(--spacing-admin) * -1) - var(--left-bar));
}
.menu-open.inner-admin{
  margin-left: 0;
  overflow: hidden;
  max-height: calc(100vh - (var(--spacing-admin) * 2));
}
.mobile .main{
  width: 100vw;
  min-width: 100vw;
}
.mobile .inner-main{
  padding-right: var(--padding-4);
}
.mobile .left-bar{
  position: relative;
  width: var(--left-bar);
  min-width: var(--left-bar);
  height: calc(100vh - (var(--spacing-admin) * 2));
}
.mobile .btn-menu{
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: block;
  margin-right: 20px;
  position: relative;
  transition: all 0.3s ease 0.15s;
}
.menu-open .btn-menu{
  transform: rotateZ(180deg);
}
.mobile .btn-menu div{
  width: 70%;
  height: 4px;
  background-color: #FFF;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  margin-top: -2px;
  transition: all 0.2s ease 0.15s;
}
.mobile .btn-menu div:nth-child(1){
  top: 30%;
}
.mobile .btn-menu div:nth-child(2){
  top: 50%;
}
.mobile .btn-menu div:nth-child(3){
  top: 72%;
}
.menu-open .btn-menu div:nth-child(1){
  transform: rotateZ(-45deg);
  top: 50%;
}
.menu-open .btn-menu div:nth-child(2){
  width: 0;
  left: 50%;
}
.menu-open .btn-menu div:nth-child(3){
  transform: rotateZ(45deg);
  top: 50%;
}
.mobile .content-lista{
  overflow: hidden;
  width: 100%;
}
.mobile .orientation-lista{
  height: calc(100vh - 135px - (var(--spacing-admin) * 2));
  overflow-y: auto;
  min-width: calc(100vw - (var(--spacing-admin) * 2) - (var(--padding-4) * 2));
}
.mobile .title-orientation-lista{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  padding-top: 6px;
  position: relative;
}
.mobile .title-orientation-lista:after{
  content: " ";
  position: absolute;
  bottom: -20px;
  height: 20px;
  left: 0;
  width: 100%;
  pointer-events: none; 
  background: -moz-linear-gradient(top,  rgba(94,111,173,1) 0%, rgba(94,111,173,1) 20%, rgba(94,111,173,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(94,111,173,1) 0%,rgba(94,111,173,1) 20%,rgba(94,111,173,0) 100%);
  background: linear-gradient(to bottom,  rgba(94,111,173,1) 0%,rgba(94,111,173,1) 20%,rgba(94,111,173,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6fad', endColorstr='#005e6fad',GradientType=0 );
  z-index: 9;
}
.mobile .inner-lista{
  transform: translateX(calc(var(--filter-bar) * -1));  
}
.mobile .open-filter .inner-lista{
  transform: translateX(0);
}
.menu-open .button-add{
  transform: translateY(50vh);
}
.desktop .btn-filter{
  display: none;
}
.mobile .btn-filter{
  font-size: 30px;
  margin-right: 12px;
  position: relative;
  transition: all 0.2s ease 0.1s;
}
.open-filter .btn-filter{
  transform: rotateZ(90deg);
}
.mobile .filter-bar{
  position: relative;
}
.mobile .float-bar{
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100vh - 135px - (var(--spacing-admin) * 2));
  overflow-y: auto;
}
.mobile .list-cols > div{
  max-width: 100%;
  margin-right: 0!important;
}
.mobile .desktop{
  display: none;
}
.mobile .label-action{
    min-width: 40px;
    padding: 6px;
    font-size: 16px!important;
}
.mobile .label-action span{
  font-size: 12px!important;
  overflow: hidden;
  max-width: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile .square-button{
  width: 40px;
  height: 40px;
}
.mobile .content-autocomplete .autocomplete{
  left: inherit;
  position: fixed;
  right: 5vw;
  top: 20px;
}
.mobile .actions-box .autocomplete{
  width: 90vw;
}
.mobile .nav-menu{
  padding-bottom: 50px;
}
.mobile .light-end-scroll{
  height: 120px;
}
.mobile .list-cols{
  display: block!important;
}
.close-autocomplete{
  width: 40px;
  height: 40px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: var(--primary);
  border-radius: 50%;
  position: fixed;
  top: 1vh;
  right: 1vh;
  background-color: #FFF;
  z-index: 999;
}
.desktop .mobile{
  display: none;
}
.mobile .modal .modal{
  top: 3vh;
  left: 3vh;
  right: 3vh;
  bottom: 3vh;
}
/*--*/
.left-btn-item{
  position: absolute;
  font-size: 12px;
  left: -14px;
  top: 50%;
  margin-top: -6px;
}
/*--table form mobile --*/
.mobile .lightbox .cols-6 .td,
.mobile .lightpage .cols-6 .td,
.mobile .lightpage .cols-3 .td{
  width: 100%;
}
.mobile .form{
  margin-top: 4px;
}
.mobile input[type="text"], 
.mobile input[type="tel"], 
.mobile input[type="date"], 
.mobile input[type="number"], 
.mobile input[type="search"], 
.mobile input[type="email"], 
.mobile input[type="password"], 
.mobile textarea, 
.mobile select,
.mobile .input-text{
  padding: 6px 0;
}
.mobile .remove-input{
  bottom: inherit;
  top: 6px;
}
.mobile .td .tr{
  background-color: var(--light);
  border-radius: 6px;
  padding: 6px;
  margin-top: 6px;
}
.mobile .toggle-field{
  margin-top: 8px;
}
.mobile .nav-menu a{
  font-size: 18px;
}
.mobile .sticky .ql-toolbar{
  left: calc(1.5vh + var(--padding-1) + var(--padding-5));
  width: calc(100% - 3vh - (var(--padding-1) * 2) - (var(--padding-5) * 2));
}
.desktop .sticky .ql-toolbar{
  left: calc(1.5vh + var(--padding-1) + var(--padding-5));
  width: calc(100% - 3vh - 16px - (var(--padding-1) * 2) - (var(--padding-5) * 2));
}

.mobile .padding-0_mobile{padding: 0}
.mobile .padding-0-left_mobile{padding-left: 0}
.mobile .padding-0-right_mobile{padding-right: 0}
.mobile .padding-0-top_mobile{padding-top: 0}
.mobile .padding-0-bottom_mobile{padding-bottom: 0}

.mobile .padding-1_mobile{padding: var(--padding-1)}
.mobile .padding-1-left_mobile{padding-left: var(--padding-1)}
.mobile .padding-1-right_mobile{padding-right: var(--padding-1)}
.mobile .padding-1-top_mobile{padding-top: var(--padding-1)}
.mobile .padding-1-bottom_mobile{padding-bottom: var(--padding-1)}

.mobile .padding-2_mobile{padding: var(--padding-2)}
.mobile .padding-2-left_mobile{padding-left: var(--padding-2)}
.mobile .padding-2-right_mobile{padding-right: var(--padding-2)}
.mobile .padding-2-top_mobile{padding-top: var(--padding-2)}
.mobile .padding-2-bottom_mobile{padding-bottom: var(--padding-2)}

.mobile .padding-3_mobile{padding: var(--padding-3)}
.mobile .padding-3-left_mobile{padding-left: var(--padding-3)}
.mobile .padding-3-right_mobile{padding-right: var(--padding-3)}
.mobile .padding-3-top_mobile{padding-top: var(--padding-3)}
.mobile .padding-3-bottom_mobile{padding-bottom: var(--padding-3)}

/*--*/
.mobile .margin-0_mobile{margin: 0}
.mobile .margin-0-left_mobile{margin-left: 0}
.mobile .margin-0-right_mobile{margin-right: 0}
.mobile .margin-0-top_mobile{margin-top: 0}
.mobile .margin-0-bottom_mobile{margin-bottom: 0}

.mobile .margin-1_mobile{margin: var(--margin-1)}
.mobile .margin-1-left_mobile{margin-left: var(--margin-1)}
.mobile .margin-1-right_mobile{margin-right: var(--margin-1)}
.mobile .margin-1-top_mobile{margin-top: var(--margin-1)}
.mobile .margin-1-bottom_mobile{margin-bottom: var(--margin-1)}

.mobile .margin-2_mobile{margin: var(--margin-2)}
.mobile .margin-2-left_mobile{margin-left: var(--margin-2)}
.mobile .margin-2-right_mobile{margin-right: var(--margin-2)}
.mobile .margin-2-top_mobile{margin-top: var(--margin-2)}
.mobile .margin-2-bottom_mobile{margin-bottom: var(--margin-2)}

.mobile .margin-3_mobile{margin: var(--margin-3)}
.mobile .margin-3-left_mobile{margin-left: var(--margin-3)}
.mobile .margin-3-right_mobile{margin-right: var(--margin-3)}
.mobile .margin-3-top_mobile{margin-top: var(--margin-3)}
.mobile .margin-3-bottom_mobile{margin-bottom: var(--margin-3)}

/*--*/
.mobile .close-modal{
  right: 10px;
  top: 6px;
}
.mobile .content-float-total{
  padding-bottom: 80px;
}
.mobile .modalfix-left-bottom .button{
  flex-wrap: wrap;
  text-align: left;
  display: block;
  overflow: inherit;
}
.mobile .modalfix-left-bottom .button span{
  display: block;
}
.mobile .width-100_mobile{
  width: 100%;
  min-width: 100%;
}
.mobile .inner-modfix{
  overflow-x: auto;
  width: 75%;
}
.mobile .width-100vw_mobile{
  min-width: 100vw;
}
.desktop .content-segunda-fase{
  padding-left: var(--padding-1);
  border-left: 2px dashed rgba(0,0,0,0.1);
}
.mobile .content-segunda-fase{
  margin-top: var(--margin-1);
  padding-top: var(--padding-1);
  border-top: 2px dashed rgba(0,0,0,0.1);
}
.mobile .block_mobile{
  display: block;
}
.mobile .inputs-list input{
  width: calc(20% - var(--margin-5));
  margin-bottom: var(--margin-5);
}
.desktop .inputs-list input{
  width: calc(10% - var(--margin-5));
}

.text-scroll::-webkit-scrollbar {
  height: 3px;
  border-radius: 3px;
}
.text-scroll::-webkit-scrollbar-track {
  background: var(--light);
}
.text-scroll::-webkit-scrollbar-thumb {
  background: var(--quaternary);
}
.text-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
.desktop .checkmenu{
  border-right: 1px solid rgba(0,0,0,0.1);
}
.mobile .checkmenu{
  min-width: 100%;
}

/*-- quill editor --*/
.ql-editor{
  font-family: "Lato-Regular";
}
.ql-editor strong,
.ql-editor b{
  font-family: "Exo2-Bold";
}
.quill-text, .ql-editor{
  font-size: 20px;
  color: #000;
  line-height: 28px;
  width: 100%;
  overflow-wrap: break-word;
}
.mobile .quill-text, .mobile .ql-editor{
  font-size: 18px;
}
.quill-text li, .ql-editor li{
  padding-top: 3px;
  padding-bottom: 3px;
}
.ql-editor h1, .quill-text h1{font-size: var(--h1)}
.ql-editor h2, .quill-text h2{font-size: var(--h2)}
.ql-editor h3, .quill-text h3{font-size: var(--h3)}
.ql-editor h4, .quill-text h4{font-size: var(--h4)}
.ql-editor h5, .quill-text h5{font-size: var(--h5)}
.ql-editor h6, .quill-text h6{font-size: var(--h6)}

.ql-toolbar{
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}
.sticky .ql-toolbar{
  position: fixed;
  top: 1.5vh;
  background-color: #FFF;
  z-index: 9;
}

.quill-text img{
  max-width: 100%;
}
.quill-text > * {
  cursor: text;
}
.quill-text p,
.quill-text ol,
.quill-text ul,
.quill-text pre,
.quill-text blockquote,
.quill-text h1,
.quill-text h2,
.quill-text h3,
.quill-text h4,
.quill-text h5,
.quill-text h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-text ol,
.quill-text ul {
  padding-left: 1.5em;
}
.quill-text ol > li,
.quill-text ul > li {
  list-style-type: none;
}
.quill-text ul > li::before {
  content: '\2022';
}
.quill-text ul > li.ql-indent-1::before,
.ql-editor ul > li.ql-indent-1::before{
  content: '➜';
}
.quill-text ul[data-checked=true],
.quill-text ul[data-checked=false] {
  pointer-events: none;
}
.quill-text ul[data-checked=true] > li *,
.quill-text ul[data-checked=false] > li * {
  pointer-events: all;
}
.quill-text ul[data-checked=true] > li::before,
.quill-text ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.quill-text ul[data-checked=true] > li::before {
  content: '\2611';
}
.quill-text ul[data-checked=false] > li::before {
  content: '\2610';
}
.quill-text li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.quill-text li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.quill-text li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.quill-text ol li:not(.ql-direction-rtl),
.quill-text ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.quill-text ol li.ql-direction-rtl,
.quill-text ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.quill-text ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.quill-text ol li:before {
  content: counter(list-0, decimal) '. ';
}
.quill-text ol li.ql-indent-1 {
  counter-increment: list-1;
}
.quill-text ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.quill-text ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-2 {
  counter-increment: list-2;
}
.quill-text ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.quill-text ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-3 {
  counter-increment: list-3;
}
.quill-text ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.quill-text ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-4 {
  counter-increment: list-4;
}
.quill-text ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.quill-text ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-5 {
  counter-increment: list-5;
}
.quill-text ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.quill-text ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-6 {
  counter-increment: list-6;
}
.quill-text ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.quill-text ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.quill-text ol li.ql-indent-7 {
  counter-increment: list-7;
}
.quill-text ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.quill-text ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.quill-text ol li.ql-indent-8 {
  counter-increment: list-8;
}
.quill-text ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.quill-text ol li.ql-indent-8 {
  counter-reset: list-9;
}
.quill-text ol li.ql-indent-9 {
  counter-increment: list-9;
}
.quill-text ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.quill-text .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.quill-text li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.quill-text .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.quill-text li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.quill-text .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.quill-text li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.quill-text .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.quill-text li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.quill-text .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.quill-text li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.quill-text .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.quill-text li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.quill-text .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.quill-text li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.quill-text .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.quill-text li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.quill-text .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.quill-text li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.quill-text .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.quill-text li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.quill-text .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.quill-text li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.quill-text .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.quill-text li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.quill-text .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.quill-text li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.quill-text .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.quill-text li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.quill-text .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.quill-text li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.quill-text .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.quill-text li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.quill-text .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.quill-text li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.quill-text .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.quill-text li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.quill-text .ql-video {
  display: block;
  max-width: 100%;
}
.quill-text .ql-video.ql-align-center {
  margin: 0 auto;
}
.quill-text .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.quill-text .ql-size-small {
  font-size: 0.75em;
}
.quill-text .ql-size-large {
  font-size: 1.5em;
}
.quill-text .ql-size-huge {
  font-size: 2.5em;
}
.quill-text .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.quill-text .ql-align-center {
  text-align: center;
}
.quill-text .ql-align-justify {
  text-align: justify;
}
.quill-text .ql-align-right {
  text-align: right;
}
.quill-text blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.quill-text code,
.quill-text pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.quill-text pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.quill-text code {
  font-size: 85%;
  padding: 2px 4px;
}
.quill-text pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.list-decor {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFF;
  background-color: var(--secondary);
}