/*
GRUPO LOBLEIN
Author: Demetrius Loblein
Author URL: http://loblein.com.br
*/
/* reset */

:root{


--cor-branco: #fff;
--roxo:#c811e0;
--vermelho-fraco:#f7dce1;
--vermelho-medio:#ff0000;
--vermelho-forte:#c11717;

--cinza-fraco:#efefef;
--cinza-fraco-medio:#d3d1d1;
--cinza-medio:#939393;
--cinza-medio-forte:#9c9c9c;
--cinza-forte:#595959;
--cinza-forte666:#666666;


--verde-fraco:#cff7cf;
--verde-medio:#008000;
--verde-forte:#0a540a;
--verde-limao:#4381a3;

--amarelo-fraco:#f6f7d4;
--amarelo-medio:#ffff00;
--amarelo-forte:#ffd700;

--azul-fraco:#d9ecf7;
--azul-fraco-medio:#a8cbdd;
--azul-medio:#1f8cc6;
--azul-forte:#44559F;
--azul-marinho-forte:#488aad;
--azul-marinho-fraco:#48a5ad;
--azul-barraincial:#2196f3;
--azul-barraincialforte:#1182d8;



--laranja-fraco:#f9bf59;
--laranja-fraco-medio:#ff8a29;
--laranja-medio:#f99e00;
--laranja-forte:#db6d13;

--terra-fraco:#d3c7b1;
--terra-medio:#9e8760;
--terra-forte:#5b554a;

--rosa-fraco:#fccff4;
--rosa-medio:#fc67e1;
--rosa-forte:#d602af;

--roxo-fraco:#d6a5f7;
--roxo-medio:#af46f4;
--roxo-forte:#6e08b2;

--marinho-fraco:#b5fcf5;
--marinho-medio:#02f4dc;
--marinho-forte:#10b7a6;




}


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:0;padding:0;}
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;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

body{background:var(--cinza-fraco) ; margin: 0 auto;}
body.login{background:var(--cinza-forte666) ; margin: 0 auto;}
html{font-size: 19px; font-family: arial;}
h3{color: var(--cinza-forte666);}
div.clear{clear:both;}
img.img_logo{max-height:60px ; margin:5px ;}
header{width:100% ; text-align: center;}
p.uploadok,
div.salvando{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--verde-fraco); color:var(--verde-forte); font-size:0.7em; }
p.uploadok small{ font-style: italic; font-size:0.7em; }
p.uploadnao{width:100%;box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--vermelho-fraco); color:var(--vermelho-forte); font-size:0.8em; }
p.uploaddel{width:100%;box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--laranja-forte); font-size:0.8em; }
div.salvando a{color: var(--cor-branco); padding: 5px; border: 0px; border-radius: 3px; font-size: 0.9em; margin: 5px; background-color:var(--marinho-forte); }
div.cuidado{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--terra-forte); font-size:0.7em; }


div.avisopricipal{width:100%; box-sizing: border-box; margin:0 auto; padding:20px; text-align:center; background-color:var(--amarelo-fraco); color:var(--terra-forte); font-size:0.7em; }

div.linkfinalpagina{width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; box-sizing: border-box; text-align: right; line-height: 2;}
div.linkfinalpagina a{ border-radius: 3px; background-color: var(--cinza-fraco); color: var(--cinza-forte); text-decoration: none; font-size: 0.8em; padding: 5px; margin:7px ;  text-align:center;}
form{width:94%; margin: 0 auto; text-align: center;}
form input[type='text']{width: 60%; margin: 7px;  border-radius: 3px; padding: 5px; display: inline-block; vertical-align:top;}
form input[type='submit']{margin: 7px; border-radius: 3px; padding: 5px; border: 0px; font-size: 1.1em; text-align: center; cursor: pointer; display: inline-block; vertical-align:top;}

form div.validacao { width:99%; text-align:center; }
form div.validacao div.codigo{ width:34% ; font-size: 1.1em; margin-top: 10px; display:inline-block; color:var(--terra-forte); background-color:var(--terra-fraco); padding:7px; border:0px; border-radius:3px;letter-spacing: 2px; }
form div.validacao div.vaicodigo{ width: 45%; display: inline-block;  border:0px; padding: 5px;  border-radius:3px; margin:10px;letter-spacing: 2px; padding-top:-10px; }
form div.validacao div.vaicodigo input{ border: solid 1px var(--cinza-forte666); font-size:1em; border-radius: 2px; padding:8px; margin-top: -9px;}

    content div.login_formulario{text-align: center; margin: 0 auto; margin-top: 100px; padding-top: 15px; max-width:350px ; border-radius:1px ; background-color:var(--cor-branco);-webkit-box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 3px -10px rgba(0,0,0,0.75);}




content div.login_formulario ::placeholder{font-size: 0.9em; font-weight: 400; color: var(--azul-medio);}
    content div.login_formulario a.linklogin{text-align: left; margin: 20px; padding: 20px; color:var(--cinza-forte666); text-decoration: none; font-size: 0.7em; box-sizing: border-box;}

content div.login_formulario div.azul{width: 100%; margin: 0 auto; margin-top:10px; margin-top:0px ; color:var(--cor-branco); background-color: var(--azul-barraincial); border-bottom: solid 10px var(--azul-barraincialforte);}


content div.login_formulario form div.errado0{margin: 0 auto; padding:10px; color:var(--vermelho-forte); background-color:var(--amarelo-fraco); }
content div.login_formulario form div.emailenviado{ font-size: 0.9em; margin: 0 auto; padding:10px; color:var(--azul-forte); background-color:var(--azul-fraco); }
content div.login_formulario form div.emailenviado small{font-size: 0.8em;}


    content div.login_formulario span.explicacao{ width:100%; padding:15px; box-sizing:border-box; color:var(--cor-branco);font-size:0.7em;  }
    content div.login_formulario form{width:100%; margin-top: 10px;}
    content div.login_formulario form input{width:84%; margin: 0 auto; cursor: pointer;
	padding: 5px; margin-bottom:7px ; border-radius: 2px; font-size: 1em; color:var(--azul-forte);border:solid  1px var(--cinza-forte);}

	content div.login_formulario form input[type='submit']{width:40%; margin-top:-2px; 
	padding: 5px;  border-radius: 2px; font-size: 0.8em; color:var(--cor-branco); background-color:#06ce60; border:0px;}
    content div.login_formulario form input[type='submit']:hover{background-color:#07840e;}

	content div.login_formulario form input[type='reset']{width:40%; margin-top:-2px; 
	padding: 5px;  border-radius: 2px; font-size:  0.8em; color:var(--cor-branco); background-color:#f2800e; border:0px;}
    content div.login_formulario form input[type='reset']:hover{background-color:#b26c27;}

    content div.login_formulario form a.esqueci{width:84%; margin: 0 auto; cursor: pointer;
        padding: 5px; margin-bottom:7px ; border-radius: 2px; color:var(--azul-forte);border:solid  1px var(--cinza-forte);
        width:40%;  padding: 5px;  border-radius: 2px; font-size:  0.8em; color:var(--cor-branco); background-color:#f2800e; border:0px;}


        header.principal{width: 100%; max-height:60px; border-bottom:solid 2px var(--cinza-medio) ; padding: 0px; margin: 0 auto; display: flex;justify-content:space-between;}
        header.principal div{ width:33%; box-sizing: border-box; margin: 5px; }
        header.principal div.left{ text-align: left;}
        header.principal div.left img{ max-width:35px;}
        header.principal div.center{ text-align: center;}
        header.principal div.center img{ max-width:300px; margin-top:-20px ;}
        header.principal div.right{ text-align: right; font-size:0.6em;color:#197aaa;}
        content {width: 100%; margin: 0 auto; display: flex; justify-content: center;}


content div.palco{width:100%; background-color: var(--cor-branco);box-sizing: border-box; justify-content: center;}


/*************************************************************/
/**********CALENDARIO*********************/
/*************************************************************/
div.box-azul-ordem,
button.buscabtn2{ border-radius: 5px; text-align: center; line-height: 2; 
        margin: 7px ; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 0.8em;
        float: right; color: var(--cor-branco);background-color: var(--azul-medio); float:left; cursor: pointer; border: 0px; }
        div.box-azul-ordem:hover,
        button.buscabtn2:hover{background-color: var(--azul-marinho-forte);}
        
        

   




div.calendariodomes{width:98%; border-radius:5px; margin: 0 auto; text-align:center;box-sizing: border-box; }

div.calendariodomes h6{width:100%; background-color:var(--vermelho-forte); padding:10px; box-sizing: border-box; font-size: 0.8em;
color: var(--cor-branco);}
div.calendariodomes h6 strong{ font-size: 1.1em;}


div.calendariodomes div.mes{width:100%; margin: 0 auto; text-align: left;}
div.calendariodomes div.mes div.barra{width:100%; margin: 0 auto; margin-top: 10px; margin-bottom: 5px; font-size: 0.8em; text-align: left; color:#197aaa;}
div.calendariodomes div.mes div.dia{width:18%; text-align: left; vertical-align: top; border: solid 2px #FF8A29; min-height: 200px; display: inline-block; margin:1px; margin-bottom:3px ; background-color:var(--cor-branco);}
div.calendariodomes div.mes div.dia div.top{width:100%; min-height: 25px; background-color:#FF8A29; color:var(--cor-branco);}
div.calendariodomes div.mes div.dia div.top small{float: left; margin:2px ; font-size: 0.8em;}
div.calendariodomes div.mes div.dia div.top span{float: right; margin:2px ; font-size: 1.2em; margin-top: -1px;}
div.calendariodomes div.mes div.dia a li{

    font-size:0.5em; display: block; text-align: left; color:#fff; 
    text-decoration: none; padding:5px; margin-top: 2px; line-height: 2; 
}

div.calendariodomes div.mes div.dia a li.endia{background-color: var(--verde-medio);cursor: not-allowed;}
div.calendariodomes div.mes div.dia a li.atencao{background-color: var(--amarelo-medio);cursor: not-allowed;}
div.calendariodomes div.mes div.dia a li.atrasada{background-color: var(--vermelho-medio);cursor: not-allowed;}
div.calendariodomes div.mes div.dia a li.entregue{background-color: var(--azul-medio);cursor: pointer}
div.calendariodomes div.mes div.dia a li.endia:hover{background-color: var(--verde-forte);}
div.calendariodomes div.mes div.dia a li.atencao:hover{background-color: var(--amarelo-forte);}
div.calendariodomes div.mes div.dia a li.atrasada:hover{background-color: var(--vermelho-forte);}
div.calendariodomes div.mes div.dia a li.entregue:hover{background-color: var(--azul-forte);}






div.calendariodomes div.mes div.dia a li strong{font-weight: bold;}
div.calendariodomes div.mes div.dia a li small{font-size: 0.9em; font-style: italic;}


div.minhaDiv{width:99%; min-height: 30px; font-size: 0.7em; display: none; margin: 0 auto;}
div.minhaDiv div.box-mais-ano{  margin-top: 20px;  width: 100%; height: auto; padding: 10px; 
    background-color: var(--cinza-fraco); border-radius: 4px; box-sizing: border-box;
    margin:0 auto ; justify-content: flex-start; }
 

    div.minhaDiv div.box-mais-ano a{ width: 12%; margin:2px; padding:5px; line-height: 1; 
        background-color: var(--azul-marinho-forte); color: var(--cor-branco);border-radius: 3px; }
    div.minhaDiv div.box-mais-ano a:hover{ background-color: var(--azul-forte); }

div.calendariodomes form.emails{width:100%; margin:0px; padding-bottom: 20px;}

div.calendariodomes form.emails div.boxdecaixa{width:32%; margin:5px; padding-bottom: 7px; background-color: var(--cinza-fraco); float: left;}
div.calendariodomes form.emails div.boxdecaixa h2{width:100%; box-sizing: border-box; padding:7px;font-size:0.9em ; color: var(--cor-branco); background-color: #4381a3; }
div.calendariodomes form.emails div.boxdecaixa p{font-size:0.7em;color: #4381a3;}



div.calendariodomes form.emails h4{width:100%; box-sizing: border-box; padding:5px; font-size:0.7em ; color: var(--azul-marinho-forte); }
div.calendariodomes form.emails input[type='email']{width: 90%; border:solid 1px var(--cinza-medio); padding: 3px; font-size: 0.8em; color: var(--verde-forte); margin-top:15px; ; border-radius: 5px;}


div.calendariodomes form.emails input[type='submit']{border:0px; padding: 10px; font-size: 0.8em; color: var(--cor-branco); margin-top:7px; background-color: var(--verde-medio); border-radius: 4px; float: right;}

div.calendariodomes form.emails input[type='submit']:hover{background-color:var(--verde-forte) ;}




div.calendariodomes form.emails small{color: var(--cinza-medio); font-size: 0.7em; margin-bottom: 5px;}

/*************************************************************/


@media (max-width:980px){

    header.principal div.left{width:20% ;}
    header.principal div.center{ width:55%;}
    header.principal div.center img{ max-width:200px;}
    header.principal div.right{width:20% ; font-size:0.5em;}

    div.calendariodomes div.mes div.dia{width:99%;  min-height: 90px; }

    div.calendariodomes div.mes div.dia div.top{min-height: 35px;}
    div.calendariodomes div.mes div.dia div.top small{font-size: 1em;}
    div.calendariodomes div.mes div.dia div.top span{ font-size: 1.5em;}


    div.calendariodomes div.mes div.dia a li{

        font-size:0.8em; line-height: 3; 
    }


    div.calendariodomes form.emails,
    div.calendariodomes  form.emails div.boxdecaixa{width:100%; margin: 0px; float: none;}


}