/*

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.quadro{ 

    display: flex;margin: 0 auto;

    width:98%; text-align: left; line-height: 1.5;

    justify-content: center;  font-size: 0.7em; 

}









div.calendariodomes div.box-mensagem{ display:inline-block; vertical-align: top; text-align: left; line-height: 1.5;  font-size: 0.7em; 

   margin:5px; padding:10px ; box-shadow: #595959;  

    border:solid 1px #9c9c9c; background-color: #fff; border-radius: 5px; 

    width:30%;

    -webkit-box-shadow: -3px 3px 5px 0px rgba(20, 20, 20, 0.75);

-moz-box-shadow: -3px 3px 5px 0px rgba(20, 20, 20, 0.75);

box-shadow: -3px 3px 5px 0px rgba(20, 20, 20, 0.75);



}

div.calendariodomes div.box-mensagem h2{ font-size:1.2em; font-weight: 600; margin-bottom: 15px;

}

div.calendariodomes div.box-mensagem p{margin-bottom: 10px;}

div.calendariodomes div.box-mensagem strong{ font-weight: 600;}

div.calendariodomes div.box-mensagem form div.ciente{width:100%; padding:5px; background-color: #b3f8f5; color:#252525;margin-top: 15px;}

div.calendariodomes div.box-mensagem form div.ciente div.texto{width:60%; font-size: 0.9em; font-style: italic; float: left;  clear: both;  text-align: left; min-height:50px ;}

div.calendariodomes div.box-mensagem form div.ciente input[type='submit']{background-color: #5044fc; color:#fff; cursor: pointer; float: right;}









div.calendariodomes div.mes{width:70%; float: left; background-color: #e3f2f8; margin: 10px; border-radius: 5px; border:solid 1px #909090; padding:10px; 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.mensagens-vistas{width:24%; float:left; background-color: #e3f2f8; margin: 2px;  margin-top: 10px; border-radius: 5px; border:solid 1px #909090; color:#197aaa;}



div.calendariodomes div.mensagens-vistas div.barra{width:90%; margin: 0 auto; margin-top: 10px; margin-bottom:15px; margin-left: 10px;  font-size: 0.8em; text-align: left; }

div.calendariodomes div.mensagens-vistas ul li{ padding: 5px;  font-size: 0.7em; text-align: left; margin-bottom: 20px; }

div.calendariodomes div.mensagens-vistas ul li a{ color:#197aaa;}

div.calendariodomes div.mensagens-vistas ul li a img{ max-width:35px; float: left; margin:10px ; margin-top: -5px;}





div.calendariodomes div.legendanaoentregue,

div.calendariodomes div.entregue,

div.calendariodomes div.entregueacessada{ padding: 5px;  font-size: 0.7em; text-align: left; color:#fff }

div.calendariodomes div.legendanaoentregue{ background-color: var(--cinza-fraco-medio); color:#666; }

div.calendariodomes div.entregue{ background-color: var(--azul-medio); }

div.calendariodomes div.entregueacessada{ background-color: var(--verde-medio); }



div.calendariodomes div.mes div.dia a li.endia{background-color: var(--cinza-fraco-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.visto{background-color: var(--verde-medio);cursor: pointer}

div.calendariodomes div.mes div.dia a li.visto: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;}



/************GED GED GED *************************************************/





div.box-ged{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(--vermelho-medio); float:right; cursor: pointer; border: 0px; }

div.box-ged:hover{background-color: var(--vermelho-forte);}

div.box-ged2{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(--verde-medio); float:right; cursor: pointer; border: 0px; }

div.box-ged2:hover{background-color: var(--verde-forte);}



div.calendariodomes div.ged{ width:100%; padding: 5px; text-align: center;}

div.calendariodomes div.ged div.pasta{

    width:120px; height:100px;

    box-sizing: border-box;

    padding: 5px;

    padding-top:30px;

    background-image: url('../../sistema/img/layout/pasta.png');

    background-size: 100%;

    background-repeat: no-repeat;

  

   text-align: center;

    margin:7px; border-radius: 3px; float: left;

transition: 1s;}

    div.calendariodomes div.ged div.pasta:hover{background-image: url('../../sistema/img/layout/pasta2.png'); }


    


    







    div.calendariodomes div.ged div.pastagerencial{

        width:120px; height:100px;
    
        box-sizing: border-box;
    
        padding: 5px;
    
        padding-top:30px;
    
        background-image: url('../../sistema/img/layout/pastagerencial.png');
    
        background-size: 100%;
    
        background-repeat: no-repeat;
    
      
    
       text-align: center;
    
        margin:7px; border-radius: 3px; float: left;
    
    transition: 1s;}
    
        div.calendariodomes div.ged div.pastagerencial:hover{background-image: url('../../sistema/img/layout/pastagerencial2.png'); }










    div.calendariodomes div.ged div.pastaata{

        width:120px; height:100px;
    
        box-sizing: border-box;
    
        padding: 5px;
    
        padding-top:30px;
    
        background-image: url('../../sistema/img/layout/pastaata.png');
    
        background-size: 100%;
    
        background-repeat: no-repeat;
    
      
    
       text-align: center;
    
        margin:7px; border-radius: 3px; float: left;
    
    transition: 1s;}
    
        div.calendariodomes div.ged div.pastaata:hover{background-image: url('../../sistema/img/layout/pastaata2.png'); }







    
        
        div.calendariodomes div.ged div.pastaGrande{

            width:160px; height:130px;
        
            box-sizing: border-box;
        
            padding: 5px;
        
            padding-top:30px;
        
            background-image: url('../../sistema/img/layout/pasta.png');
        
            background-size: 100%;
        
            background-repeat: no-repeat;
        
          
        
           text-align: center;
        
            margin:7px; border-radius: 3px; float: left;
        
        transition: 1s;}
        
            div.calendariodomes div.ged div.pastaGrande:hover{background-image: url('../../sistema/img/layout/pasta2.png'); }
        
            

















    div.calendariodomes div.ged div.pasta span,
    div.calendariodomes div.ged div.pastaata span, 
    div.calendariodomes div.ged div.pastagerencial span,
    div.calendariodomes div.ged div.pastaGrande span{width:90%;

        font-size: 0.6em; line-height:1.5; text-align: center; color:#fff;}



div.calendariodomes div.ged div.linkpdf{

width:170px; min-height:60px; box-sizing: border-box; padding: 3px; font-size: 0.5em;

text-align: left; margin:5px; border-radius: 3px; line-height:2; color: #252525; float: left; border:solid 2px #ccc;}



div.calendariodomes div.ged div.linkpdf:hover{border:solid 2px #4b5dc2;}

    







div.calendariodomes div.ged div.linkpdf img{

    width:30px; padding: 3px; margin-right: 10px; float: left;}



    div.calendariodomes div.ged div.linkpdf small,

    div.calendariodomes div.ged div.linkpdf address{font-size: 0.8em; color: #414040;}



   div.tags{width: 90%; margin: 0 auto; margin-top: 20px; text-align: center; }

   div.tags a{margin:3px; float: left; color:#595959; background-color: #bbddf0; 

        border-radius:3px; padding:3px; font-size: 0.6em;transition: 1s;}

div.tags a:hover{background-color: #0cf3e7;}











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





@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{width:100%; float: none; margin: 0px; border-radius: 0px;  border: 0; padding:0px;}



    div.calendariodomes div.mensagens-vistas{width:100%; float:none; margin: 0px;  margin-top: 10px; border-radius: 0px;  border: 0; padding:0px;}







    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;}





    div.calendariodomes div.box-mensagem{width:80%;}











}