/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
/*end reset*/

/*
    Recommeded CSS
    ==============
*/
@media all and (min-width: 800px) {
    h2 {font-size:1.8em}
    h3 {font-size:1.4em}
    .container {
        max-width:85%;
        border-radius:5px;
        border:1px solid #333;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
    }
    .options div {margin:2px 24px;}
}

@media all and (max-width: 799px) {
    h2 {font-size:1.5em}
    h3 {font-size:1.2em}
   .container {
       border:1px 0px 1px 0px solid #333;
       -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    }
    .options div {margin:2px 20px;}
}

@media all and (max-width: 500px) {
    h2 {font-size:1.4em}
    h3 {font-size:1.2em}
    .container {
        border:1px 0px 1px 0px solid #333;
        -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    }
    .options div {margin:2px 10px;}
}

html,body {
    font-family: 'Poppins', sans-serif;
    color: #8C857B;
    max-width: 100%;
    overflow-x: hidden;
    margin:0;
    background:#111;
    /* background:#d9dde0; */
}
hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(191, 181, 168, 0.75), rgba(0, 0, 0, 0));
}
h1 {
   font-family: 'Poppins', sans-serif;
   /* color: #8C857B; */
   color:#eee;
   font-size: 2.1em;
}
h2 {
   font-family: 'Poppins', sans-serif;
   color: #BFB5A8;
}

h3, .h3font {
   font-family: 'Poppins', sans-serif;
   color: #8C857B;
   font-size: 1em;
}
h4, .h4font {
   font-family: 'Poppins', sans-serif;
   color: #BFB5A8;
   font-size: 0.8em;
}
h5 {
   font-family: 'Encode Sans Condensed', sans-serif;
   color: #BFB5A8;
   font-size: 1.2em;
}
a {
    color:#555;
    text-decoration: none;
    outline: none;
}
a:hover {
    color:#86ae47;
}
li {
    list-style: none;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #86ae47;
}
.wrap:before {
    content: "";
   position:fixed;
   display: block;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:-1;
   /*
   -webkit-filter: blur(8px);
   -moz-filter: blur(8px);
   -o-filter: blur(8px);
   -ms-filter: blur(8px);
   filter: blur(8px);
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-size:cover; */
}
.wrap {
    position: relative;
    margin-top:64px;
}
.panel {
    position: fixed;
    top:15px;
    left: -15.625em; /*or width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
    background-color:#ccc;
    overflow-y:auto;
    z-index:995;
    font-weight: lighter;
}
.panel ul {
    margin-top:0px;
    margin-left:15px;
}
.panel i.close {
    position: absolute;
    top: 60px;
    right: 4px;
    cursor:pointer;
}
.toolbar {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:63px;
    /*background:linear-gradient(#111,transparent);*/
    background:linear-gradient(#000,#262523);
    /*background:linear-gradient(#86ae47,transparent);
    */
    z-index:997;
    text-align: center;
    -webkit-box-shadow: none !important; // retira a sombra
    box-shadow: none !important; // retira a sombra
    border: none !important; //  retira a borda
}
.toolbar img.logo_page {
    position:absolute;
    left:50px;
    top:12px;
    width:80px;
}
.toolbar div span.logo_pref {
    position: absolute;
    top: 36px;
    left: 198px;
    color:#86ae47;
    font-size: 0.7em;
    font-style:italic
}

.footer {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    padding:0px;
    margin:0px;
    background:#222;
    color:#BFB5A8;
    text-align:center;
    z-index:997;
}

.footer span {
    position:absolute;
    right:5px;
    cursor:pointer;
}

.footer small {
    font-size: 0.8em;
    font-weight: 400;
    color:#777;
}

small span {
    color:#999;
}

#search, #login {
   position:absolute;
   top:20px;
   cursor: pointer;
   color:#fff;
}
#search {right:10px}
#login {right:40px}
#s {
    display:none;
    width: 70%;
    border: 1px solid #999;
    border-radius: 18px;
    padding: 10px;
    position: fixed;
    top: 65px;
    left: 12%;
    z-index: 998;
}
#s .close {float:right}

#notif_icon, #app_icon, #share_icon {
   position:absolute;
   cursor: pointer;
}
#notif_icon {
   top:20px;
   right:40px;
   color:#fff;
}
#app_icon {
   right:0px;
   top:-3px;
}
#share_icon {
   top:20px;
   right:72px;
   color:#fff;
}
#app_icon div {transform: scale(.5);}
#app_icon span {
    font-size: 10px;
    position: relative;
    color: #BFB5A8;
    top: -20px;
    left:16px;
}
#notif_icon img {
    width:24px;
}
#notif_icon div {
    position: relative;
    top: -29px;
    border-radius: 100%;
    background: red;
    color: #fff;
    font-size: xx-small;
    width: 12px;
    height: 12px;
    padding: 2px;
    right: 5px;
    text-align:center;
}

.box-shadow-menu {
   position: relative;
   padding-left: 1.25em;
}
nav div.i_delete {
    position:absolute;
    top:50px;
    right:0px;
}
.menu-link {
   position:absolute;
   left:10px;
   top:23px;
   width:1.6em;
   height:1.6em;
}
.menu-link:before {
   content: "";
   position: absolute;
   left:0px;
   width: 1.6em;
   height: 0.2em;
   background:#fff;
   border-radius:2px;
   box-shadow:
    0 0.45em 0 0 #fff,
    0 0.9em 0 0 #fff;
}
.saldo {
  position: relative;
  font-family: 'Encode Sans Condensed', sans-serif;
}
.perfil {
    text-align: center;
    background:linear-gradient(#ccc,#eee);
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
}

.perfil img {
    margin-top:57px;
    width:75px;
    border-radius:100%;
    border:1px solid #ccc;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(200,0,0,0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}
.perfil span{
   margin:7px;
   color:#2d3d67;
   font-size:0.75em;
}

.shares {
   margin-top:5px;
   width:100%;
   text-align:center;
   background-color:#000;
}
.shares div {
   display:inline-block;
   cursor: pointer;
   margin-top:3px;
}
.shares i {
    position: absolute;
    font-size: 32px;
    top: 16px;
    right: 7px;
    cursor:pointer;
}

.container {
   margin:0px 5px 40px;
   padding:5px;
   background-color:#121212;
   width: auto;
}
.button,.linkbotao,.banner {
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
.subtitle {
   font-family: 'Poppins', sans-serif;
   color:#fff;
   margin-bottom:5px;
}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.fl {float:left;}
.fr {float:right;}
.cr {
    position:relative;
    margin: 0 auto;
}
.off {display:none;}
.small {font-size:0.7em;}
.click {cursor:pointer;}
.button {
    position:relative;
    margin: 0 auto;
    background-color:#86ae47;
    /* border:1px solid #444; */
    max-width:240px;
    padding:7px 10px;
    color:#fff;
    border-radius:30px;
    cursor:pointer;
}

.linkbotao {
    -moz-box-shadow:inset 0px 2px 15px -1px #87a86b;
    -webkit-box-shadow:inset 0px 2px 15px -1px #87a86b;
    box-shadow:inset 0px 2px 15px -1px #87a86b;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
    background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
    background-color:#b8e356;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    text-indent:0px;
    border:1px solid #8ca365;
    display:inline-block;
    height:30px;
    min-width:130px;
    text-decoration:none;
    text-align:center;
    line-height:30px;
    font-size:14px;
    color:black;
    margin:3px;
    cursor:pointer;
    padding:1px;
}
.linkbotao:active {
    position:relative;
    top:1px;
}
.linkbotao:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
    background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
    background-color:#a5cc52;
}
::placeholder {
  color: #8C857B;
}
select,input[type=text],input[type=password],input[type=email],input[type=tel],input[type=date],textarea {
   font-family: 'Poppins', sans-serif;
   font-weight: lighter;
   color: #8C857B;
   font-size: 0.9em;
   border: 1px solid #403C38;
   height: 35px;
   padding: 2px;
   width: 90%;
   background:#000;
   margin:4px;
   border-radius:5px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2386AE47'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-color: #000;
  height: 40px;
}
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}

.scrollup {
    cursor:pointer;
    width:48px;
    height:48px;
    border-radius:100%;
    border:1px solid #bbb;
    position:fixed;
    right:5px;
    background: rgb(00, 00, 00) transparent;
    background: rgba(00, 00, 00, 0.8);
    /* Para navegadores IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    /* Para navegadores IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
    z-index:100;
}
.scrollup {
    bottom:215px;
}
.home {
    width:35px;
    height:35px;
    border-radius:100%;
}

.scrollup i {
    position: relative;
    font-size: 46px;
    color: #8C857B;
}
#dvLoading{
    position: fixed;
    z-index: 1000;
    top:50%;
    left:50%;
    margin-top:-65px;
    margin-left:-65px;
    background-color:rgba(0,0,0,0.5);
    border-radius:100%;
    width:150px;
    height:150px;
    text-align:center;
}
#dvLoading img {
    position:relative;
    top:10px;
    width:130px;
    height:130px;
}
#dvLoading h1 {
    color:#fff;
    font-size:22px;
    background:#444;
    border-radius:4px;
    width:100%;
    text-align:center;
}
/* Loading */
.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(45, 61, 103, 0.95);
    border-radius: 20px;
    padding: 40px;
    z-index: 3000;
    display: none;
    text-align: center;
    border: 2px solid var(--sv-green);
    box-shadow: var(--shadow-heavy);
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(134, 174, 71, 0.3);
    border-top: 3px solid var(--sv-green);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.release {
    text-align:justify;
    font-family: 'Poppins', sans-serif;
    font-weight: lighter;
    margin-left: 3px;
    margin-right: 3px;
}
.logo {
    width:200px;
}
.foot_container {
    bottom:0px;
    width:100%;
    background:linear-gradient(#161616,#000);
    padding-bottom:12px;
    padding-top:10px;
    text-align:center;
}
.foot_container a {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
}
.foot_container a:hover {
    color:#86ae47;
}
.foot_container .a1 {
    font-size:16px;
    color:#999;
}
.foot_container .a2 {
    font-size:13px;
    color:#BFB5A8;
}
.foot_container small {
    font-size: 11px;
    color:#777;
}

.options {
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    height:auto;
    z-index:99;
    border-top: 1px solid #333;
/*    background:#F7CA15;
    background-color:#171f34;
    background:#F2EBDF;
    background: rgb(00, 00, 00) transparent;
    background: rgba(00, 00, 00, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
    background: rgba(234, 244, 242, 0.1);
*/
    background: rgba(10, 10, 10, 0.8);
    backdrop-filter: blur(20px);
    text-align:center;
    line-height:0.9em !important;
}

.options div {
    display:inline-block;
    cursor:pointer;
}
.options a {color:#fff !important}
.options i.material-icons { font-size: 36px;color:#ddd }
.options i.material-icons.enable {color:#86ae47}
i.material-icons.enable {color:#3d672d}
i.material-icons.disabled {color:#666}
.options span {
    font-size:0.75em;
    color:#ddd;
}

/*
div.options div div:not(.i_audio_on):not(.i_video_on):not(.i_docs_on) {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}
*/
.comment {
    background:#222;
    border-bottom: 1px solid #333;
    text-align:left;
    color:#F2EBDF;
    font-weight: lighter;
    padding:2px;
}
.comment img {
    width: 25px;
    border-radius: 100%;
    margin: 5px;
    float: left;
}
.comment div.txt {
    text-align: justify;
    width: calc(100% - 30px);
    font-size:0.85em;
    margin-left:5px;
}
.comment div.txt input {
    background: #000;
    border: 1px solid #8C857B;
    font-size: smaller;
    height: auto;
    padding: 5px;
    margin-top:10px;
    width: calc(100% - 60px);
}
.comment span.char {
    float: right;
    position:relative;
    top:-30px;
    right:5px;
    color: #F2EBDF;
}
.comment i {
    float:right;
    position:relative;
    top:-25px;
}
.comment .small {color:#8C857B}

.icon_line {
    width:auto;
    height:35px;
    cursor: pointer;
}
.icon_line div {
    position:relative;
    top:5px;
    display:inline-block;
}
.icon_line i {
    position: relative;
    top: 3px;
    display: inline-block;
}
.icon_line i img {
    position: relative;
    top:2px;
    left:-3px;
    width:36px;
    height:36px;
}
.icon_line span {
    position: relative;
    top: -4px;
    left: 0px;
    font-size:14px;
}
.icon_ln {
    width:auto;
    height:35px;
    cursor: pointer;
}
.icon_ln i {
    position:relative;
    top:4px;
    display:inline-block;
    margin:0px 1px 0px 1px;
}
.icon_ln span {
    position:relative;
    top:0px;
    color:#888;
    font-size:1em;
    font-weight:400;
    border-radius:5px;
    margin:0px 1px 1px 1px;
    padding:0px 2px 0px 2px;
}
.icon_line_small {
    width:100%;
    height:25px;
    cursor: pointer;
}
.icon_line_small i {
    position:relative;
    top:1px;
    display:inline-block;
}
.icon_line_small span {
    position: relative;
    font-size: 12px;
    top: -7px;
}

.tit_line {
    width:100%;
    height:auto;
}
.tit_line div {
    margin-top:4px;
    display:inline-block;
}
.tit_line span {
    position:relative;
    top:-7px;
    margin-left:6px;
    font-size:1.4em;
}
.sprite { background: url('images/sprite_social.png') no-repeat top left; width: 48px; height: 48px;  }
.sprite.share_email { background-position: -58px 0;transform: scale(.75); }
.sprite.share_face { background-position: -116px 0;transform: scale(.75); }
.sprite.share_google { background-position: -174px 0;transform: scale(.75); }
.sprite.share_twitter { background-position: -232px 0;transform: scale(.75); }
.sprite.share_whats { background-position: -290px 0;transform: scale(.75); }
.sprite.youtube { background-position: -348px 0; width: 80px; height: 32px;transform: scale(.80); }
.sprite.vimeo { background-position: -438px 0; width: 113px; height: 32px;transform: scale(.75); }
.sprite.qrcode { background-position: -561px 0; width: 36px; height: 36px; }
/*
.sprite { background: url('sprite.png') no-repeat top left; width: 48px; height: 48px;  }
.sprite.logo_sv { background-position: 0 0;transform: scale(.75); }
.sprite.logo_sv { background-position: 0 0; }
.sprite.share_email { background-position: -58px 0; }
.sprite.share_face { background-position: -116px 0; }
.sprite.share_google { background-position: -174px 0; }
.sprite.share_twitter { background-position: -232px 0; }
.sprite.share_whats { background-position: -290px 0; }
.sprite.vimeo { background-position: -348px 0; width: 113px; height: 32px; }
.sprite.youtube { background-position: -471px 0; width: 80px; height: 32px; }
*/

tr:nth-child(even) {background-color: #000}
.loader {width:50px}
.go_back {
	position: absolute;
	color: #ddd;
	left: 10px;
  top:10px;
  font-size: x-small;
}
.whats_button {
    position: fixed;
    bottom: 65px;
    right:0px;
    margin-right: 5px;
    z-index:1;
}
.whats_button p {
    font-size:9px;
    color:#ccc;
}
.whats_button img {
    cursor:pointer;
    width:50px;
    height:50px;
}
#overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index: 999;
    display:none;
}
.alertify-logs {
    position: fixed;
    top: 70px !important;      /* Distância do topo */
    right: 20px !important;    /* Distância da direita */
    left: auto !important;     /* Remove posicionamento à esquerda */
    bottom: auto !important;   /* Remove posicionamento inferior */
    z-index: 100000;
    max-width: 350px;          /* Largura máxima das notificações */
}