*{ box-sizing:border-box; padding:0; margin:0; font-family:'Mulish', sans-serif; }


/* Works on Firefox */
*{
    scrollbar-width:none;
    scrollbar-color:#FDBE3F #ccc;
}
  
  /* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
    width:12px;
}
  
*::-webkit-scrollbar-track{
    background:#FDBE3F;
}
  
*::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius:20px;
    border:3px solid #FDBE3F;
}

body{
    background-color:#F2F2F4;
    overscroll-behavior-y:contain;
}

input:-internal-autofill-selected{ background-color:transparent !important; }
a{ display:block; cursor:pointer; text-decoration:none; }
h1,h2,h3,h4,h5,h6,b,strong{ font-weight:normal; }
li{ list-style:none }
input,textarea,select{
	border:none;
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
	outline:none;
	box-shadow:none;
    background:transparent;
}

/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background:none; background-image:none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{ box-shadow:0 0 0px 1000px rgba(255, 255, 255, 0.0) inset !important; }

input:focus,
input:-webkit-autofill:focus{ box-shadow:0 0 0px 1000px rgba(255, 255, 255, 0.0) inset, 0 0 8px rgba(255, 255, 255, 0.0); }
input[type='checkbox']{ appearance:checkbox; width:13px; height:13px; }*/

.clear{ clear:both }
.content{ position:relative; width:320px; margin:0 auto; display:block; }
.content h1{ text-align:center; color:#fff; padding:45px 0 20px; width:100%; font-weight:800; font-size:27px; }
.content h1 small{ font-size:70%; color:#F99E1D; display:block; text-align:center; width:100%; }
.content h2{ text-align:center; color:#F99E1D; padding:35px 0 20px; width:100%; font-weight:800; font-size:20px; }
.internas .btVoltar{ 
    position:fixed;
    top:55px;
    left:calc((50% - 197.5px) + 40px);
    width:30px;
    height:30px;
    display:block;
    z-index:1;
}
.internas .btVoltar img{ width:100%; }

.ferramentas{
    position:absolute;
    top:30px;
    right:40px;
    width:30px;
    height:30px;
    display:none;
    z-index:1;
}
.ferramentas img{ width:100%; }
.ferramentas .menu{
    background:#fff;
    position:absolute;
    right:0;
    top:35px;
    padding:10px 15px;
    border-radius:7px;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    display:none;
}
.ferramentas .menu a{
    display:block;
    white-space:nowrap;
    padding:10px 0;
    font-size:18px;
    font-weight:600;
    color:#2B2B2B;
}

.paginas{
    display:none;
    width:auto;
    height:100%;
}
#login{ display:block; }

/*.btVoltar, .btVoltarPasso{
    background-image:url(../imgs/ico_seta_verde_esq.png);
    background-repeat:no-repeat;
    background-position:center;
    width:12px;
    height:20px;
    display:block;
    background-size:auto 100%;
    position:absolute;
    top:9px;
    left:0;
    padding:12px 18px;
}*/
.campos{
    border-radius:7px;
    background-color:#fff;
    color:#2B2B2B;
    padding:10px 15px;
    margin:25px auto;
    width:90%;
    font-size:17px;
    font-weight:600;
    display:block;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}
.buscar{ margin:25px auto 15px; }

/*START CSS LOGIN*/
#login{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}
#login .content{ height:550px; }
#login .logo{ margin:0 auto 60px; height:110px; display:block; }
#login #btEsqueci{ text-align:center; color:#fff; margin-top:60px; }
#login #btLogin{
    margin:25px auto;
    display:block;
    background-color:#F99E1D;
    padding:10px 85px;
    font-weight:800;
    font-size:25px;
    border-radius:7px;
    color:#fff;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}
#login #btCadastrar{
    margin:25px auto;
    display:block;
    background-color:#fff;
    padding:10px 40px;
    font-weight:800;
    font-size:18px;
    border-radius:7px;
    color:#F99E1D;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}
/*END CSS LOGIN*/

.box{
    background-color:#fff;
    border-radius:10px;
    padding:10px;
    width:95%;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    margin:0 auto 20px;
    color:#2B2B2B;
    font-size:16px;
    font-weight:600;
    position:relative;
    overflow:hidden;
    word-break:break-word;
}
.box .excluirDocumento, .box .excluirProcesso{
    width:calc(50% - 5px);
    background-color:red;
    color:#fff;
    font-size:16px;
    font-weight:800;
    border-radius:5px;
    text-align:center;
    padding:7px 10px;
    float:left;
    margin:15px 5px 0 0;
}
.box .monitorarDocumento, .box .monitorarProcesso{
    width:calc(50% - 5px);
    color:#fff;
    font-size:16px;
    font-weight:800;
    border-radius:5px;
    text-align:center;
    padding:7px 10px;
    float:left;
    margin:15px 0 0 5px;
}
.box .monitorarDocumento.monitorar, .box .monitorarProcesso.monitorar{ background-color:#149314; }
.box .monitorarDocumento.nao-monitorar, .box .monitorarProcesso.nao-monitorar{ background-color:#626262; }

 
.box h3{ font-weight:600; width:100%; display:block; padding:5px 40px 15px 0; color:#F99E1D; font-size:16.5px; }
.box.novo h3{ padding:5px 40px 15px 20px; }
.box.novo.movimentacoes h3{ padding:0px 35px 15px 23px; }
.box.movimentacoes h3{ font-size:15px; padding:5px 40px 5px 0; }
.box h4{ font-weight:600; width:100%; display:block; padding:5px 0; color:#F99E1D; font-size:15px; }
.box small{ font-size:85%; color:#626262; display:block; font-weight:600; padding-top:5px; width:100%; }
.box p{ color:#2B2B2B; font-size:14px; line-height:20px; }
.box p b{ color:#2B2B2B; font-weight:600; }
.box .btVer{ background-color:#F99E1D; color:#fff; display:block; padding:10px; text-align:center; margin:15px auto 0; border-radius:7px; }
.box label{ display:none; }
.box.novo label{
    position:absolute;
    background-color:red;
    color:#fff;
    font-weight:600;
    font-size:13px;
    transform:rotate(-45deg);
    top:7px;
    left:-20px;
    padding:2px 20px;
    display:block;
}
.box::before{
    content:'';
    background-image:url(../images/ico_visualizar.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    width:27px;
    height:16px;
    position:absolute;
    top:13px;
    right:14px;
}
.box.processo::before,
.box.dados-pessoais::before,
.box.dados-plano::before,
.box.movimentacoes::before{ display:none; }
.box.dados-pessoais,.box.dados-plano{ color:#2B2B2B; font-size:14px; line-height:20px; }

.visualizarProcessos, .visualizarProcesso{
    margin:0 auto;
    margin-bottom:0px;
    text-align:center;
    color:#fff;
    background-color:#F99E1D;
    margin:15px 0 5px;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    width:100%;
    border-radius:7px;
    font-weight:600;
    font-size:17px;
    padding:10px 0;
}

#trocar-plano p{ 
    color:#fff;
    text-align:center;
    padding:0 0 10px 0;
}

#minha-conta .box, #cadastre-se .box, #trocar-plano .box{ min-height:100px; padding-left:100px; }
#minha-conta .box::after, #cadastre-se .box::after, #trocar-plano .box::after
{
    content:'';
    height:calc(100% - 20px);
    border-radius:7px;
    background-color:#372B03;
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 60%;
    display:block;
    width:80px;
    top:10px;
    left:10px;
    position:absolute;
}
#minha-conta .box.dados-plano{ margin-top:60px; }
#minha-conta .box.dados-pessoais::after{ background-image:url(../images/ico_dados.png); }
#minha-conta .box.dados-plano::after{ background-image:url(../images/ico_plano.png); }
.box span{ position:absolute; top:27px; right:10px; color:#149314; font-size:13px; font-weight:600; display:block; }

#cadastre-se .box.dados-plano::before, #trocar-plano .box.dados-plano::before{ display:none; }
#cadastre-se .box.dados-plano::after, #trocar-plano .box.dados-plano::after{ background-image:url(../images/favicon.png); }
#cadastre-se .box, #trocar-plano .box{
    font-size:18px;
    width:80%;
    margin:0 auto 15px;
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#cadastre-se .box h4, #trocar-plano .box h4{ color:#F99E1D; font-weight:600; font-size:16px; padding-bottom:5px; }
#cadastre-se .box small, #trocar-plano .box small{ line-height:1; color:#2B2B2B; font-size:13px; }
#cadastre-se .box.selected, #trocar-plano .box.selected{ transform:scale(1.09); background-color:#F99E1D }
#cadastre-se .box.selected h4, #trocar-plano .box.selected h4{ color:#FFF; }

#cadastre-se .passos{ display:none; }
#cadastre-se #dados.passos{ display:block; }

.bts{
    margin:0 auto;
    text-align:center;
    color:#fff;
    background-color:#F99E1D;
    margin-bottom:10px;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    width:95%;
    border-radius:7px;
    font-weight:600;
    font-size:17px;
    padding:10px 0;
}

.bts.btAvancar{ margin-top:30px; }
.bts.btVoltar{
    background-color:#FFF;
    font-size:14px;
    color:#F99E1D;
}

#cadastre-se label{ text-align:center; font-size:14px; display:block; width:100%; color:#fff; }
#cadastre-se .campos{ margin:5px auto 15px; width:95%; }

#suporte label{
    text-align:center;
    font-size:14px;
    display:block;
    width:100%;
    color:#fff;
}
#suporte .campos{ margin:5px auto 25px; width:95%; }
#suporte textarea{ height:180px; }

/* START CSS MODAL */
.overlay{ position:fixed; width:100%; height:100vh; z-index:999; background-color:#473707c4; top:0; left:0; }

@media (max-width:1200px){
    body{
        background-image:url(../images/bg.png);
        background-position:top center;
        background-repeat:no-repeat;
        background-size:cover;
        background-attachment:fixed;
        width:100%;
        height:100%;
    }
    #login{ height:100vh; }
    .ferramentas{ position:fixed; top:1%; right:2%; }
    .internas .btVoltar{ position:fixed; top:1%; left:2%; }
}

@media (min-width:1200px){
    .overlay{ 
        position:absolute;
        width:353px;
        height:758px;
        z-index:999;
        background-color:#473707c4;
        top:20px;
        left:20px;
        border-radius:45px;
    }

    #celular{
        background-color:#F2F2F4;
        overscroll-behavior-y:contain;
        background-image:url(../images/bg-celular.png);
        background-position:top center;
        background-repeat:no-repeat;
        background-size:100% auto;
        width:395px;
        height:800px;
        margin:25px auto 0;
        padding:20px 0 23px;
        position:relative;
    }

    #body{
        /*background-color:#F2F2F4;
        overscroll-behavior-y:contain;
        background-image:url(../images/bg.png);
        background-position:top center;
        background-repeat:no-repeat;
        background-size:cover;
        background-attachment:fixed;
        width:100%;
        height:100%;*/
        position:relative;
        width:89%;
        height:100%;
        margin:0 auto;
        overflow:hidden auto;
        border-radius:45px;
    }
}


@keyframes load{ 0%{ transform:rotate(0deg) } 100%{ transform:rotate(360deg) } }
.load > div > div{ position:absolute; border-radius:50%; }
.load > div > div:nth-child(1){ top:30px; left:30px; width:140px; height:140px; background:#d4b93c; }
.load > div > div:nth-child(2){ top:39.800000000000004px; left:79px; width:42px; height:42px; background:#ffffff; animation:load 1s linear infinite; transform-origin:21px 60.199999999999996px; }
.loader{ width:200px; height:200px; display:inline-block; overflow:hidden; background:none; top:calc(50vh - 50px); left:calc(50% - 35px); position:fixed; transform:scale(0.40); transform-origin:0 0; }
.load{ width:100%; height:100%; position:relative; transform:translateZ(0) scale(1); backface-visibility:hidden; transform-origin:0 0; }
.load div{ box-sizing:content-box; }

.modal{
    position:fixed;
    width:80%;
    max-width:300px;
    height:auto;
    z-index:1000;
    background-color:#fff;
    border-radius:10px;
    padding:15px;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    display:none;
}
.modal .btFechar{ position:absolute; right:10px; top:5px; font-size:20px; font-weight:600; color:#2B2B2B; }
.modal h2{ text-align:center; font-size:20px; padding:10px 0; font-weight:600; color:#2B2B2B; }
.modal p{ font-size:14px; text-align:center; line-height:17px; }
.modal label{ text-align:center; width:100%; display:block; }
.modal .campos{ margin:5px auto 25px; }
/* END CSS MODAL */

/* START CSS NOTIFICACAO */
#notificacao ul.listNotificacoes{ margin:15px 0 30px; }
#notificacao ul.listNotificacoes li{
    margin:20px 0;
    box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15);
    padding:15px;
    font-size:13px;
    border-left-width:5px;
    border-left-style:solid;
    border-radius:5px;
}
#notificacao ul.listNotificacoes li.lida{ opacity:0.7; background-color:#f0eeee; }
#notificacao ul.listNotificacoes li b{ display:block; font-family:'Intelo-SemiBold'; }
#notificacao ul.listNotificacoes li small{ font-size:85%; display:block; color:#000; padding-top:5px; }
/* END CSS NOTIFICACAO*/