* {
    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;
    -webkit-tap-highlight-color: transparent;
}
  
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
  
:root{
  --success: #128C17;
  --purple: #CC00FF;
  --error: hsl(0, 100%, 56%);
  --info: #f3ec00;  
  --alert: #8C3E12;
  --cancel: #D9D9D9;
  --disabled: #717171;
  
  --primary: #008AFB;
  --secondary: #393939;
  --tertiary: #00D819;
  --quaternary: #FF9900;
  
  --light: #F5F5F5;
  --black: #181818;

  --background: #FFFFFF;
  
  --padding-1: 40px;
  --padding-2: 30px;
  --padding-3: 20px;
  --padding-4: 10px;
  --padding-5: 6px;
  
  --margin-1: 40px;
  --margin-2: 30px;
  --margin-3: 20px;
  --margin-4: 10px;
  --margin-5: 6px;
  
  --h1: 30px;
  --h2: 24px;
  --h3: 18px;
  --h4: 16px;
  --h5: 14px;
  --h6: 12px;
  --h7: 10px;
  
  --container: 1200px;
  --header: 60px;
}

body{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: var(--black); 
  text-rendering: optimizeLegibility !important;
  min-height: 100vh;
  position: relative;  
}

strong, .strong{font-weight: 700;}
.regular{font-weight: 400}
.block{display: block}
.text-scroll{
width: 100%;
overflow-x: auto;
}
.text-nowrap{
white-space: nowrap;
}
.text-overflow{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.text-uppercase{text-transform: uppercase}
u, .text-underline{text-decoration: underline}

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

.lineheight-small{
line-height: 10px;
}
.lineheight-medium{
  line-height: 14px;
}
.list .li{
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.list .li:last-child{
  border-bottom: none;
}
.absolute{position: absolute;}

.bkg-success{background-color: var(--success)}
.bkg-purple{background-color: var(--purple)}
.bkg-info{background-color: var(--info)!important}
.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!important}
.bkg-overlay{background-color: rgba(0,0,0,0.1)}
.bkg-black{background-color: var(--black)!important}
.bkg-transparent{
background-color: transparent;
background: transparent;
}
.bkg-background{background-color: var(--background)}
.bkg-transparent{background: transparent;background-color: none;}
.bkg-green{background-color: var(--green)}

.bkg-primary{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: var(--light)}
.bkg-shadow{background-color: rgba(0,0,0,0.05);}

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

.border-red{border-color: red!important;}

.color-error{color: var(--error)!important}
.color-white{color: #FFF}
.color-black{color: var(--black)!important}
.color-success{color: var(--success)}
.color-purple{color: var(--purple)}
.color-cancel{color: var(--cancel)!important}
.color-alert{color: var(--alert)}
.color-light{color: var(--light)}
.color-info{color: var(--info)}
.color-disabled{color: var(--disabled)!important}
.color-yellow{color: #fed500!important}
.color-green{color: var(--green)}
.color-blue{color: #0035ff;}

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

.bkg-primary-gradient {
  background: linear-gradient(135deg, #393939, #1d1d1d)
}

.border-1{
border-width: 1px;
border-style: solid;
}

.border-2{
border-width: 2px;
border-style: solid;
}

.height-header{
  height: var(--header);
}

.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-0-vertical{padding-bottom: 0!important;padding-top: 0!important}
.padding-0-horizontal{padding-left: 0!important;padding-right: 0!important}

.padding-header{padding: var(--header)}
.padding-header-left{padding-left: var(--header)}
.padding-header-right{padding-right: var(--header)}
.padding-header-top{padding-top: var(--header)}
.padding-header-bottom{padding-bottom: var(--header)}
.padding-header-vertical{padding-bottom: var(--header);padding-top: var(--header)}
.padding-header-horizontal{padding-left: var(--header);padding-right: var(--header)}

.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-1-vertical{padding-bottom: var(--padding-1);padding-top: var(--padding-1)}
.padding-1-horizontal{padding-left: var(--padding-1);padding-right: 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-2-vertical{padding-bottom: var(--padding-2);padding-top: var(--padding-2)}
.padding-2-horizontal{padding-left: var(--padding-2);padding-right: 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-3-vertical{padding-bottom: var(--padding-3);padding-top: var(--padding-3)}
.padding-3-horizontal{padding-left: var(--padding-3);padding-right: 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-4-vertical{padding-bottom: var(--padding-4);padding-top: var(--padding-4)}
.padding-4-horizontal{padding-left: var(--padding-4);padding-right: 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)}
.padding-5-vertical{padding-bottom: var(--padding-5);padding-top: var(--padding-5)}
.padding-5-horizontal{padding-left: var(--padding-5);padding-right: var(--padding-5)}

.margin-header{margin: var(--margin-header)}
.margin-header-left{margin-left: var(--margin-header)}
.margin-header-right{margin-right: var(--margin-header)}
.margin-header-top{margin-top: var(--margin-header)}
.margin-header-bottom{margin-bottom: var(--margin-header)}
.margin-header-vertical{margin-top: var(--margin-header);margin-bottom: var(--margin-header)}
.margin-header-horizontal{margin-left: var(--margin-header);margin-right: var(--margin-header)}

.margin-0{margin: 0}
.margin-0-left{margin-left: 0}
.margin-0-right{margin-right: 0}
.margin-0-top{margin-top: 0}
.margin-0-bottom{margin-bottom: 0}
.margin-0-vertical{margin-top: 0;margin-bottom: 0}
.margin-0-horizontal{margin-left: 0;margin-right: 0}

.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-1-vertical{margin-top: var(--margin-1);margin-bottom: var(--margin-1)}
.margin-1-horizontal{margin-left: var(--margin-1);margin-right: 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-2-vertical{margin-top: var(--margin-2);margin-bottom: var(--margin-2)}
.margin-2-horizontal{margin-left: var(--margin-2);margin-right: 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-3-vertical{margin-top: var(--margin-3);margin-bottom: var(--margin-3)}
.margin-3-horizontal{margin-left: var(--margin-3);margin-right: 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-4-vertical{margin-top: var(--margin-4);margin-bottom: var(--margin-4)}
.margin-4-horizontal{margin-left: var(--margin-4);margin-right: 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)}
.margin-5-vertical{margin-top: var(--margin-5);margin-bottom: var(--margin-5)}
.margin-5-horizontal{margin-left: var(--margin-5);margin-right: var(--margin-5)}

.relative{position: relative}
.width-100, .desktop .width-100_desktop {width: 100%}
.width-50{width: 50%}
.maxWidth-100{max-width: 100%}
.height-100{height: 100%!important}
.inline{display: inline-block}
.min-height-100vh{min-height: 100vh;}

.text-left{text-align: left!important}
.text-center{text-align: center}
.text-right{text-align: right}
.text p{padding: 6px 0;}

.text-error{text-decoration: line-through}
.target-label{border-radius: 10px;border: 1px solid rgba(0,0,0,0.1);}
.label-radius{border-radius: 50px!important}
.flex-1, .flex1{flex:1}

.tr{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
}
.cols-1 > .td{width: 100%;min-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%}

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

/*--inputs--*/
input.v-mask, input.v-mask:hover,
input.v-mask:disabled, input.v-mask:disabled:hover,
input[type="text"].v-mask:disabled{
  border: none!important;
  padding: 0!important;
  background-color: transparent!important;
  background: none!important;
  box-shadow: none!important;
  cursor: text;
  color: var(--black)!important;
}
input[type="checkbox"], input[type="radio"]{
  opacity: 0;
  position: absolute;
}
input[type="checkbox"] ~ span,
input[type="radio"] ~ span{
position: relative;  
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,
input[type="checkbox"]:disabled ~ div{
color: var(--disabled);
}
input[type="checkbox"] ~ span::before{
width: 40px;
min-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="checkbox"]:checked ~ span,
input[type="radio"]:checked ~ span,
input[type="checkbox"]:checked ~ div{
  font-weight: bold;
  font-weight: 700;
}
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);
}
span.checked-error,
span.checked-default,
span.checked-success{
  color: #FFF;
  font-size: 12px;
  border-radius: 6px;
  display: inline-block;
  padding: 2px 6px;
}
span.checked-error {
  background-color:var(--error);
}
span.checked-default{
  background-color:var(--disabled);
}
span.checked-success{
  background-color: var(--success);
}

/*--*/
input[type="text"],
input[type="tel"], 
input[type="date"], 
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea,
select{
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 4px;
  transition: border 0.2s ease 0s;
}
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-box.focus{
  border-color: var(--primary);
}
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{
  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;
}
.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-color: var(--error);
}

.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: 16px;
top: 100%;
font-weight: 700;
font-weight: bold;
}
.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{
  opacity: 0.8;
}
.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{
opacity: 1;
}
.input-text{
    width: 100%;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    transition: border 0.2s ease 0s;
}
.input-text input{
    border: none;
    background-color: transparent;
}
/*--autocomplete --*/
.autocomplete{
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: 9;
max-height: 50vh;
overflow-y: auto;
z-index: 10;
}
.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{
background-color: rgba(252, 195, 30, 0.3);
}
/*--*/
.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%);
}
}

/* progressbar */
.progressbar, .loadbar{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
transition: all 0.3s ease 0s;
}
.loadbar{
  background: url(img/loadbar.gif) repeat-x left center;
  background-color: var(--tertiary);
}

.noselect {
  pointer-events: none; 
-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 */
}
/*---*/
a.button, button.button{
cursor: pointer;
}
.square-large,
.square-small,
.square-medium{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;  
  justify-content: center;
}
.square-large{
width: 80px;
min-width: 80px;
height: 80px;
}
.square-small{
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.square-medium{
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.button{
  min-height: 50px;
border-radius: 8px;
text-align: center;
justify-content: center;
width: 100%;
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: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: var(--disabled);
  box-shadow: none;
}
.button:active:before{
  background-color: #000;
}
.button:hover:before,
.button-hover:before,
.button-hover:active:before{
opacity: 0.3;
}
.box-radius{
border-radius: 8px;
}
.box-shadow{
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 0 6px rgba(0,0,0,0.08);
}
a.button.selected{
border: 1px solid var(--secondary)!important;
}
.pointer{
cursor: pointer;
}
.circle{
border-radius: 50%;
}
/*-- loader --*/
.loader > div:before,
.loadbox > div:before{
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  z-index: 98;
  background-color: rgba(255,255,255,0.8);
  animation: bkgloader 1s linear 0.3s infinite;
}
.loadbox > div:before{
  position: absolute;
}
.loader > div:before{
  position: fixed;
}
@keyframes bkgloader{
  0%{
    opacity: 0.8;
  }
  50%{
    opacity: 0.7;
  }
  100%{
    opacity: 0.8;
  }
  }
.loader, .loadbox{
position: relative;
}
.loader:before,
.loadbox:before,
.loader:after,
.loadbox:after{
  content: " ";  
  top: 50%;
  left: 50%;
  opacity: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-right: 2px solid var(--secondary);    
  z-index: 99;
  border-left: 2px solid var(--primary);
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
}
.loader:after,
.loader:before{
  position: fixed;
}
.loadbox:after,
.loadbox:before{
  position: absolute;
}
.loader:after, .loadbox:after{
animation: loader 1s linear 0.3s infinite;
}
.loader:before, .loadbox:before{
animation: loader 0.8s linear 0.3s infinite;
}
@keyframes loader{
0%{
  transform: rotateZ(0);
  opacity: 0.5;
}
50%{
  opacity: 1;
}
100%{
  transform: rotateZ(360deg);
  opacity: 0.5;
}
}
.loader.loading:after,
.loader.loading:before{
  position: absolute;
}
/*-- 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;
justify-content: center;
}
.lightbox .lightbox{
backdrop-filter: blur(4px);
}
.modal{
position: relative;
max-height: 80vh;
overflow-y: auto;
border-radius: 6px;
width: 96%;
max-width: 600px;
}
.overflow-hidden{
overflow: hidden;
}
/*--lightbox modal--*/
.overlay, .fakelay{
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.overlay{
  z-index: 99;
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#cc000000',GradientType=1 );  
}
.fixed{
  position: fixed;
}
/*-- transitions --*/
.fade-enter-active .modal {
  opacity: 0;
  animation: modal 0.3s linear 0s;
}

@keyframes modal {
  0% {
      opacity: 0;
      transform: translateY(100px);
  }
  50% {
    opacity: 1;
      transform: translateY(-5px);
  }
  80% {
      transform: translateY(5px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}


.fade-enter-active{
  animation: fade 0.3s ease 0s;
}
.fade-leave-active{
  animation: fade 0.1s ease 0s reverse;
}
@keyframes fade{
  0%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}
.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.3s ease 0s;
}
@keyframes fade-left{
0%{
    opacity: 0;
    transform: translateX(-50px);
}
100%{
    opacity: 1;
    transform: translateX(0);        
}
}
.fadeRight-enter-active,
.fadeRightEnter-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,
.fadeTopEnter-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);        
}
}

.fadeBottom-enter-active,
.fadeBottomEnter-enter-active{
animation: fade-bottom 0.3s ease 0s;
}
.fadeBottom-leave-active{
animation: fade-bottom 0.3s ease 0s reverse;
}
@keyframes fade-bottom{
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;
}
/*-- thumbs --*/
.thumb-small{
width: 60px;
min-width: 60px;
height: 60px;
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;
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;
}
.clear-float:after{
  content: " ";
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
}
.input-file{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 9;  
cursor: pointer;
}
/* -- box lista --*/
.overflow-x,
.scroll-x{
overflow-x: auto;
}
.scroll-y{
overflow-y: auto;
}
.scroll::-webkit-scrollbar-track{
background-color: var(--light);
}
.scroll::-webkit-scrollbar{
width: 3px;
height: 3px;
border-radius: 3px;
background-color: var(--light);
}
.scroll::-webkit-scrollbar-thumb{
background-color: #d3d3d3;
}
/*--notificação --*/
.notify-ballon-animated,
.notify-ballon{
width: 22px;
height: 22px;
font-size: 11px;
position: absolute;
top: -11px;
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);  
}
.notify-ballon-animated{
  animation: notify 1s ease 0s infinite;
}
@keyframes notify{
0%{
  transform: translateY(0);
  width: 16px;
  height: 20px;
  right: 2px;
}
25%{
  transform: translateY(-6px);
  width: 14px;
  height: 22px;
  right: 3px;
}
50%{
  transform: translateY(6px);
  width: 22px;
  height: 16px;
  right: -1px;
}
100%{
  transform: translateY(0);
  width: 20px;
  height: 20px;
  right: 0;
}
}
.copy-alert{
  position: fixed;
  z-index: 999;
  background-color: rgba(0,0,0,0.8);
  border-radius: 6px;
  font-size: 12px;
  color: #FFF;
  padding: 3px 12px;
  text-align: center;
}
.pointer-block{
  pointer-events: none; 
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}
.content-text p{
  padding: 6px 0;
}
/*--*/
.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);
}
/*-- quill editor --*/
.ql-editor{
font-family: "robotoregular";
}
.ql-editor strong,
.ql-editor b{
font-weight: 700;
font-weight: bold;
}
.quill-text, .ql-editor{
font-size: 20px;
color: #000;
line-height: 28px;
width: 100%;
overflow-wrap: break-word;
min-height: 30vh;
}
.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;
}

.fixmenu{
  position: fixed;
  left: 50%;
  margin-left: -110px;
  top: 10vh;
  max-height: 80vh;
  overflow-y: auto;
}

@media screen and (max-width: 999px) {
:root{
  --h1: 22px;
  --h2: 20px;
  --h3: 18px;
  --h4: 16px;
}
.tr.wrap{
  display: block;
}
.tr.wrap > .td{
  width: 100%!important;
}
}