body{height: 100%;min-height: 100%;max-height: 100%;overflow: auto;margin:0px;padding:0px;background:#FFFFFF;background-color: #FFFFFF;font-family: Arial, sans-serif, serif, Verdana;font-size: 15px;font-style:normal;font-weight: normal;}
html{height: 100%;min-height: 100%;max-height: 100%;}
p{margin:0px; line-height: 1;}

a:link {color:black;text-decoration: none;}
a:visited {color:black;text-decoration: none;}
a:hover {color:black;text-decoration: underline;}
a:active {color:black;text-decoration: none;}

div {
   -webkit-user-select: none; /* Safari 3.1+ */
   -moz-user-select: none; /* Firefox 2+ */
   -ms-user-select: none; /* IE 10+ */
   user-select: none; /* Standard syntax */
}

#GscCabecalho {position: fixed;display: block;overflow: visible;z-index:1;float: none;
               top:0px;left:1%;margin: 0px;margin-right: auto;
               width: 98%;min-width: 300px;max-width: 98%;height: 60px;min-height: auto;max-height: 60px;
               background: #FFFFFF;background-color: #FFFFFF;opacity: 1;border: none;
               border-bottom: 3px solid #19d21d;}

#GscCabecalho .imggsc{position: relative;display: block;overflow: visible;z-index:2;float: left;
                     top:5px;margin: 0px;padding: 0px;
                     width: 125px;min-width: 5%;max-width: 125px;height: 40px;min-height: auto;max-height: 40px;
                     background: none;background-color: none;opacity: 1;border: none;
                     background-image:url('https://www.gsccoleta.com.br/imagens/LogoGSCpq.png');
                     background-size: 100% 100%;           
                     }

#GscCabecalho .FrmLogoff{position: absolute;display: block;overflow: visible;z-index:2;float: none;left: 95%;top: 10px;
                        margin: 0px;margin-left: -110px;padding: 0px;
                        width: 125px;min-width: 5%;max-width: 125px;height: 33px;min-height: auto;max-height: 33px;
                        background: none;background-color: none;opacity: 1;border: none;font-size: 100%;}

#GscCabecalho .BotaoLogoff{display: block; position: relative; overflow: hidden; 
                           width: 100%; max-width: 100%; height: auto; top: 0; 
            margin: 5px; margin-left: auto; margin-right: auto; padding: 5px; color: #000000;
            border: 1px solid #75a7f0; z-index: 0; background: none; background-color: none;}

#GscCabecalho .BotaoLogoff:hover {color: #F0F0CD; font-weight: bold; cursor: pointer; 
                                  background-color:#75a7f0; box-shadow: inset 2px 2px 25px #2275ef;}

#GscCabecalho .GscLoginInf{position: relative;display: block;overflow: visible;z-index:2;float: left;top:5px;left:1%;
                          margin: 0px;padding: 0px; padding-top: 3px;
                          width: 80%;min-width: 200px;max-width: 80%;height: auto;min-height: auto;max-height: auto;
                          background: none;background-color: none;border: none; 
                          font-size: 130%;color: #0000CD;text-align:center;cursor: defult;}
                        
#JQuadroPrincipal {position: relative;display: block;overflow: visible;z-index:0;float: none;left: 1%;top:70px;
                   margin: 0px;padding: 0px;
                   width: 97%;min-width: 750px;max-width: 97%;height: 85%;min-height: 200px;max-height: 90%;
                   background: none;background-color: none;opacity: 1;border: none;}

#NavItensForm {display:block;overflow: auto; 
               width: 100%;max-width: 100%;min-width: 300px;height:auto;min-height: 300px;max-height: auto;
               margin: 0px;margin-top: 2px;padding: 0px; padding-bottom: 5px;
               border:none; border-bottom:1px solid #7999C2;}

#JQuadroPrincipal form{display:block;overflow: hidden; 
                       width: 97%;max-width: 97%;min-width: 300px;height:auto;min-height: 180px;
                       margin: 0px;margin-top: 2px;margin-left: 1%;padding: 0px; padding-bottom: 5px;
                       border:1px solid #7999C2;}

#JQuadroPrincipal label, input, textarea, select {min-width: 10%;max-width: 98%;height: 25px;font-size: 110%;font-style:normal;font-weight: normal;margin: 2px;
                                            padding: 1px;margin-left: 5px;border: 2px solid #CFCFCF;border-radius:1px solid; }

#JQuadroPrincipal select {height: 35px; }

#JQuadroPrincipal input:focus, textarea:focus, select:focus {border: 2px solid #19d21d;}

#JQuadroPrincipal .CamposTxt {clear: both;overflow: visible; width: 90%;height: auto;min-height: 110px;margin: 1px; 
                              margin-left: 5px;padding: 3px;overflow: auto;border: none;}

#JQuadroPrincipal .CamposTxt textarea {width: 98%;min-width: 80%;height: 70px;margin-left: 3px;
                                       margin-top: 8px;overflow: auto;border: 2px solid #CFCFCF;border-radius:1px solid;}

#JQuadroPrincipal label{ border: none; }

#JQuadroPrincipal button {cursor: default;min-width: 110px;height: auto;min-height: 30px;color: white;font-size: 130%;
                    margin: 5px;background-color:#00CD00;box-shadow: inset 2px 2px 14px #00EE00;border: 1px solid #008B00; }

#JQuadroPrincipal button:hover {color: black;font-size: 135%;cursor: pointer;background-color:#00EE00;
                        box-shadow: inset 2px 2px 25px #00CD00;}

#JQuadroPrincipal button:disabled {color: #696969;cursor: default;background-color:#00CD00;
                             box-shadow: inset 2px 2px 25px #00CD00;}

#JQuadroPrincipal .BtnLupa {position: relative; display:inline-block;float: none;top: 6px;
                            margin: 0px;padding: 1px;
                            width: 30px;min-width: auto;max-width: 30px;
                            height: 28px;min-height: auto;max-height: 28px;
                            background: none;background-color: none;box-shadow: none;
                            background-image:url('../imagens/lupa.png');
                            background-size: 99% 99%;border: 1px solid #00CD00;}

#JQuadroPrincipal .BtnLupa:hover {background: none;background-color: none;box-shadow: none;
                                  background-image:url('../imagens/lupa.png');background-size: 99% 99%;border: 1px solid #008B00;}

#JQuadroPrincipal .BtnLupa:focus {background: none;background-color: none;box-shadow: none;
                                  background-image:url('../imagens/lupa.png');background-size: 99% 99%;border: 1px solid #008B00;}

#JQuadroPrincipal .TextoDireita {text-align:right;}

#JQuadroPrincipal .OcuparLinhaForm {display:table;clear:both;width: 95%;min-width: 200px;height: auto;
                                    margin-left: 5px;padding: 5px;border: none;}

#JQuadroPrincipal .AlinharEsquerda {display:inline-block;float:none;width: 45%;min-width: 250px;max-width: 600px;
                                    height: auto;min-height: 30px;margin: 1px;margin-left: 5px;padding: 3px;border: none;}

#JQuadroPrincipal .AlinharTresColuna {display:inline-block;float:none;width: 30%;min-width: 290px;max-width: 600px;
                                      height: auto;min-height: 30px;margin: 1px;margin-left: 5px;padding: 3px;border: none;}

#JQuadroPrincipal .BtnCaledario {position: relative; display:inline-block;float: none;top: 6px;
                                  margin: 0px;padding: 1px;
                                  width: 30px;min-width: auto;max-width: 30px;
                                  height: 28px;min-height: auto;max-height: 28px;
                                  background: none;background-color: none;box-shadow: none;
                                  background-image:url('../imagens/calendario.png');
                                  background-size: 99% 99%;border: 1px solid #FFFFFF;}

#JQuadroPrincipal .BtnCaledario:hover {background: none;background-color: none;box-shadow: none;
                                        background-image:url('../imagens/calendario.png');
                                        background-size: 99% 99%;border: 1px solid #008B00;}

#JQuadroPrincipal .BtnCaledario:focus {background: none;background-color: none;box-shadow: none;
                                        background-image:url('../imagens/calendario.png');
                                        background-size: 99% 99%;border: 1px solid #008B00;}

#JQuadroPrincipal .SubTituloForm {display:table;clear:both;
                                  width: 100%;min-width: 200px;height: auto;
                                  margin: 0px;margin-top: 2px;margin-bottom: 2px;padding: 0px; padding-bottom: 5px;
                                  border:none; border-bottom:1px solid #7999C2;
                                  color: #7999C2;font-size: 120%;font-weight: normal;text-align:center;}

#JQuadroPrincipal .frmabasctr{display:inline-block;overflow: hidden; 
                             width: 99%;max-width: 99%;min-width: 200px;height:auto;min-height: 50px;
                             margin: 0px;padding: 0px; 
                             background: #3CB371;background-color: #3CB371;border:2px solid #3CB371;}

#JQuadroPrincipal .frmabasctr button {float: left;
         width: 13%;max-width: 13%;min-width: 100px;height:auto;min-height: 40px;
         margin:0px;margin-left: 5px;margin-top: 5px;padding: 1px;padding-top: 8px;padding-bottom: 6px;
         color: #FFFFFF;text-decoration: none;font-size:90%;cursor: pointer;
         box-shadow: none;border: none;background: #3CB371;background-color: #3CB371;
}

#JQuadroPrincipal .frmabasctr button:disabled {display: table;float: left;
         font-size:110%;cursor: default;background: #3CB371;background-color: #3CB371;
         box-shadow: inset 0 1px 10px #B5B5B5, inset 0 -1px 10px #CFCFCF;
         border-left: 1px solid #828282;
         border-top: 1px solid #828282;
         border: none;}


#fundotransp {display:none;position:fixed;top: 0px;z-index:5;padding: 0px;
              width: 100%;min-width: 800px;height: 100%;min-height:600px;
              background-color: #E8E8E8;opacity:0.4;filter:alpha(opacity=40);border: none;}

#fundotranspnude {display:none;position:fixed;top: 0px;z-index:5;padding: 0px;
                  width: 100%;min-width: 800px;height: 100%;min-height:600px;
                  background-color: #E8E8E8;opacity:0.60;filter:alpha(opacity=60);}

#ImgAguarde {position: fixed; display:none;top:26%;left: 50%;z-index:11;
             margin: 0px;margin-left: -90px;padding: 0px;
             width: 120px;min-width: 100px;max-width: 120px;
             height: 100px;min-height: 100px;max-height: 100px;
             background: none;background-color: none;
             background-image:url('http://www.gscnetwork.com/imagens/aguardegsc.gif');
             background-size: 100% 100%;border: none;}
#MsgAguarde {position: fixed; display:none;top:20%;left: 50%;z-index:12;
            margin: 0px;margin-top: 160px;margin-left: -150px;padding: 20px;
            width: 250px;min-width: 30px;max-width: 250px;
            height: auto;min-height: 30px;max-height: auto;
            background-color: #E8E8E8;background: #E8E8E8;
            opacity:1;filter:alpha(opacity=100);
            color: #000000;font-size: 120%;font-weight: normal;text-align:center;                  
            border: none;}

#TelaImgLogin{display: block; position: absolute; overflow: hidden; top: 100px; left: 10px; z-index: 0; 
              width: 45%; min-width: 100px; max-width: 600px; height: auto; min-height: 50%;
              margin: 0px; margin-left: 1%; padding: 0px; 
              border: 1px solid #006400; background: none; background-color: none;
              background-image:url('../imagens/apresentacao.jpg');background-size: 100% 100%;}

#BaixarApp{display: block; position: absolute; overflow: hidden; top: 550px; right: 20px; z-index: 0; 
           width: 180px; min-width: auto; max-width: 180px; height: 180px; min-height: auto; max-height: 180px;
           margin: 0px; margin-left: 1%; padding: 0px; 
           border: 1px solid #006400; background: none; background-color: none;
           background-image:url('../imagens/downloadapp.png');
           background-size: 150px 150px;background-position: 15px 20px;background-repeat: no-repeat;
         font-size: 100%;font-weight: bold;text-align: center;}
 

#TelaLogin{display: block; position: relative; overflow: hidden; top: 100px; float: right; z-index: 0; 
           width: 45%; min-width: 350px; max-width: 600px; height: auto; 
           margin: 0px;margin-right: 1%; padding: 0px; 
           border: 1px solid #006400; background: none; background-color: none;}

@media screen and (max-width: 700px) {

   #TelaImgLogin{top: 550px;max-width: 250px;min-height: 200px;max-height: 200px;}

   #TelaLogin{float: none;margin-left: auto;margin-right: auto;width: 95%; }
}

#TelaLogin .TituloLogin{display: block; position: relative; overflow: hidden; float: none; top: 0px; left: 0px; z-index: 2; 
                        width: 100%; min-width: 255px; height: auto; 
                        margin: 0px; padding: 10px;
                        border: none; background: #00EE00; background-color: #00EE00;  
                        box-shadow: inset 1px 5px 95px #006400;
                        font-size: 160%; font-weight: bold; color: #FFFFFF; text-align:left;}

#TelaLogin input {width: 85%; min-width: 255px; height: 30px; 
                  margin: 2px; padding: 1px; margin-left: 5px; 
                  border: 1px solid #CFCFCF; border-radius:1px solid;
                  font-size: 110%; font-style:normal; font-weight: normal; }

#TelaLogin label{display: block; position: relative; overflow: hidden; 
                 width: 85%; min-width: 255px; 
                 margin: 2px; margin-top: 10px; padding: 1px; 
                 border: none; ; background: none; background-color: none;
                 color: #000000;font-size: 110%; font-style:normal; font-weight: normal; }
                 

#TelaLogin .BotaoLogin{display: block; position: relative; overflow: hidden; top: 0; z-index: 0; 
                       width: 400px; max-width: 80%; height: 40px; 
                       margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 5px; 
                       background-color:#2275ef; box-shadow: inset 2px 2px 14px #75a7f0; border: 1px solid #2275ef;font-size: 120%;}

#TelaLogin .BotaoLogin:hover{
   cursor: pointer; color: white; background-color:#2275ef; box-shadow: inset 2px 2px 14px #75a7f0; border: 1px solid #2275ef;
}

#TelaLogin .BotaoSenha{
   display: block; position: relative; overflow: hidden; width: auto; max-width: 80%; height: auto; top: 0; 
   margin: 20px; margin-left: auto; margin-right: auto; padding: 5px; 
   border: 1px solid #75a7f0; z-index: 0; background: none; background-color: none;
}

#TelaLogin .BotaoSenha:hover {
   color: black; cursor: pointer; background-color:#75a7f0; box-shadow: inset 2px 2px 25px #2275ef;
}                  

#CabecalhoForm{display:table;clear:both;
               width: 98%;max-width: 98%;min-width: 300px;height: auto;
               margin: 0px;padding: 5px;padding-left: 1%;
               border: none;background-color:#7999C2;
               color: #FFFFFF;font-size: 110%; font-style:bold; font-weight: normal; }

#CabecalhoForm labelaviso{float: right; font-size: 90%;color: #C1CDCD;margin: 2px;padding: 1px;}                          

.ColunaForm{display:table;display: inline-block;overflow: auto;clear:both;
            width: 30%;min-width: 100px;max-width: 30%;height: auto;min-height: auto;max-height: auto;
            margin: 0px;padding: 0px;background-color:none;border: 1px solid #006400;}

.ColLinhaForm {display:relative;display: block;overflow: none;
               width: auto;min-width: 98%;max-width: auto;height: auto;min-height: 25px;max-height: auto;
               margin: 2px;margin-left: 1%;padding: 1px;
               border: none;border-bottom:1px solid #696969;cursor: pointer; 
               font-size: 100%;color: #000000; white-space:nowrap;}

.ColunaDados{display:table;display: inline-block;overflow: auto;clear:both;
             width: 65%;min-width: 300px;max-width: 65%;height: auto;min-height: auto;max-height: auto;
             margin: 0px;padding: 0px;background-color:none;border: 1px solid #006400;}
                  
.PesquisaBanco {position: fixed;display: none;overflow: auto;z-index:10;float: none;
                top:10px;right:1%;margin: 0px;margin-right: auto;
                width: 70%;min-width: 600px;max-width: 950px;height: 90%;min-height: 200px;max-height: 90%;
                background: #FFFFFF;background-color: #FFFFFF;opacity: 1;border: none;
                border: 3px solid #19d21d;}

#ifrmCalendario {position: absolute;display: none;overflow: hidden;z-index:1;float: none;top:3px;left:1%;
                width: 250px;min-width: auto;max-width: 250px;
                height: 225px;min-height: auto;max-height: 225px;
                margin: 2px;padding: 0px;
                background-color: #FFFFFA;background: #FFFFFA;
                border: 1px solid #696969;}                           

.BtnCadItem {position: relative; display:inline-block;float: none;top: -1px;
            margin: 0px;margin-left: 5px;padding: 0px;padding-top: 3px;
            width: 30px;min-width: auto;max-width: 30px;
            height: 25px;min-height: auto;max-height: 25px;
            text-align: center;
            background: none;background-color: none;box-shadow: none;
            background-size: 99% 99%;border: 2px solid #CFCFCF;}

.BtnCadItem:hover {border: 2px solid #008B00;cursor: pointer;}

.BtnCadItem:focus {border: 2px solid #008B00;cursor: pointer;}

.BtnMostraX {position: relative;display: block;z-index:1;float: right;top: -3px;right: 8px;
            width: auto;min-width: auto;max-width: auto;height: auto;min-height: auto;
            margin: 0px;padding: 0px;border: none;}

.BtnMostraX:hover {color:#ff0000;cursor: pointer;}    
              
@media screen and (max-width: 700px) {
   #GscLogMsgBV{display: none; }

   #GscCabecalho .GscLoginInf{top:3px;width: 90%;max-width: 90%;font-size: 100%;text-align:left;}
}