/****** Títulos ***************************/

.tith3{
    font-family: "Signika", sans-serif;
    font-size: 1.563em;
    color: #333333;
    line-height: 110%;
    margin: 1.46rem 0 1.168rem 0;
    padding-top: 25px;
}

.tit04{
    font-family: "Signika", sans-serif;
    font-size: 22px
    color: #333333;
    line-height: 110%;
    margin-left: 40px;
    font-weight: bold;
}

/****** CORES ***************************/

span.badge.new{
  background-color: #e53935 !important;
}
ul.side-nav.leftside-navigation li.active > a{ color: #2742ba !important; }

a {color: #2742ba;}

.navbar-color{
  background-color: #00254c  !important;
}
footer.page-footer{
  background-color: #00254c !important;
}

.cyan.darken-1{
    background-color: #0C4888 !important;
}

.itemativo{
  color: #329418;
}

.cyan.darken-2{
    background-color: #133e6b !important;
}

.versaoplataforma{
    position: absolute;
    right: 63px;
    top: -31px;
    font-size: 11px;
}

.icobusca{
    font-size: 50px !important;
    position: absolute;
    left: 337px;
    top: 20px;
}

label{
  color: #656565 !important;
}

/****** LOGOTIPO ***************************/

header .brand-logo img {
    top: -7px !important;
    position: relative !important;
}

/****** BOTÕES ***************************/

.caixaloginprop{
  padding: 0 !important;
  width: 450px !important;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    height: 560px;
    margin-left: 40px !important;
}

.btcontrate{


  z-index: 999;
    
    background-color: #10549c !important;
}

.cxbotao{
bottom: 25px;
        position: absolute;
        width: 100%;

}

.cxtitulo{
    top: -120px;
        position: absolute;
        width: 100%;
}
.titpropa{
    font-size: 24px;
    color: white;
    z-index: 999 !important;
    top: 110px;
    position: relative;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}


.botao{

	margin-top: 35px;
}

.botao:hover{

}

.botaotoast{
  background-color: #0C4888 !important;
  margin-top: 35px;
}

.caixalanding{
  padding: 20px;
}

.botaotoast:hover{
  background-color: #314ece !important;
}

.corbotao{
  background-color: #0C4888 !important;
}

.corbotao:hover{
  background-color: #314ece !important;
}

.botaocenter{
	float: none !important;
	margin: 0 auto !important;

}

.botaoeditar{
    background-color: #3c3c3e !important;
    
    position: absolute;
    right: 20px;
    
    margin-top: -46px;
    border-radius: 10px;
}

.botaoeditar:hover{
    background-color: #656567 !important;
}

.btfile{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}

/****** CHAMADAS ***************************/
.lkchamd{
  margin: 0 !important;
  padding: 0 !important;
}

.textomsgveja{
  text-align: center;
  color: white !important;
  font-weight: bold;
  font-size: 18px;
  padding: 0px !important;
  margin: 0px !important;
} 


/****** MARGENS ***************************/

.mgtop10{
  margin-top: 10px;
}
.mgtop15{
  margin-top: 15px;
}
.mgtop20{
	margin-top: 20px;
}

.mgtop40{
  margin-top: 40px;
}

.mgbot30{
  margin-bottom: 30px;
}

.mgleft10{
  margin-left: 10px !important;
}

.mgleft20{
  margin-left: 20px !important;
}

.mgright20{
  margin-right: 20px !important;
}

.mgzimtop20{
  padding-left: 30px;
}

.mgbot30{
  margin-bottom: 30px;
}

.mgbot20{
  margin-bottom: 20px;
}

.mg0left{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.superrel{
  position: relative;
}

.criadoritem{
position: relative;
    top: -30px;
    font-size: 30px;
    right: -40px;

}

.criadorsite{
    position: absolute;
    width: 350px;
    top: -93px;
    height: 80px;
    right: 11px;
    border-radius: 10px;
    background: white;
    border: solid #c6c6c6 1px;
    padding: 15px 20px 10px 20px;

}
.mg0right{
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/****** PADDING ***************************/

.pdd4porc{
  width: 92% !important;
  margin-bottom: 30px;
}

.pddbot30{
  padding-bottom: 30px !important;
}
    

/****** TELA DE LOGIN ***************************/

.caixalogin{
	width: 450px !important;
	border-radius: 5px;
	padding: 15px 30px 15px 30px !important;
}

.centraliza{
	float: none !important;
	margin: 0 auto  !important;

}

.proladinho{
    right: 6px !important; 
}

/****** TABELAS ***************************/

.ficavermelho{
  font-weight: bold;
  color: red !important;
}



.listacidadeso{
  background-color: #c1c0c0 !important;
  
}

.listacidadeso a{
  
}

.listacidadeso2{
  background-color: #d0d0d0 !important;
  
}

.listacidadeso2 a{
  
}

.listabairros{
  background-color: #f1f1f1 !important;
}

.listabairros2{
  background-color: #d8d8d8 !important;
}

.tabestoque td{
  padding: 0 !important;
}

.tabcolt{
  text-align: right;
}

.campoestoque{
  padding: 7px 10px 4px 20px;

}

.coltaman{
  text-indent: 100px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 50px;
}

.colunaordem{
  width: 10% !important;
}

.tabcor1{background-color: #1e88e5  !important;}
.tabcor2{background-color: #1565c0  !important;}
.tabcor3{background-color: #3949ab  !important;}
.tabcor4{background-color: #283593  !important;}

.tabcorbt1{background-color: #1976d2  !important;}
.tabcorbt2{background-color: #0d47a1  !important;}
.tabcorbt3{background-color: #303f9f  !important;}
.tabcorbt4{background-color: #1a237e  !important;}

.tabcoralert1{background-color: #e53935  !important;}
.tabcoralertbt1{background-color: #b71c1c   !important;}
.tabcoralert2{background-color: #ff1744  !important;}
.tabcoralertbt2{background-color: #d50000   !important;}
.tabcoralert3{background-color: #d32f2f  !important;}
.tabcoralertbt3{background-color: #b71c1c   !important;}
.tabcoralert4{background-color: #e53935  !important;}
.tabcoralertbt4{background-color: #b71c1c   !important;}


.linhanaolida{
  background-color: #f4f779;
}

.lkmarcrelo{
  position: absolute;
  right: 20px;
}

.linkexcluir:hover{
  color: red !important;
}

.linkcapa:hover{
  color: #283593 !important;
}

td{
  line-height: 30px !important;
}

.linhanaolida{
  background-color: #faff00 !important;
  font-weight: bold;
  border: solid 1px #898989;
}

.statuspedido{font-weight:bold;font-size:15px;}
.selver{color: #00a31b;}
.selred{color: red;}
.selblue{color: #0906d1;}

.tittable{
	padding: 10px;
	background-color: #e8e8e8;
}

.corfonbla{
  color: black !important;
}

.tabcolvendas{
  text-align: right;
  padding-right: 15px;
  font-weight: bold;
}


.aliright{
  text-align: right;
  padding-right: 20px;
}

.criacaoobt{
    position: absolute !important;
    top: -5px;
    left: 22px;
    font-size: 25px;
    color: #1a9a04;
}

.criaddooint{
    position: absolute !important;
    top: -78px;
    left: 132px;
    font-size: 25px;
    color: #1a9a04;
    color: white;
    z-index: 999;
    text-shadow: 1px 1px 9px rgba(0, 0, 0, 1);
}
.colfoto{
  width: 320px;
}

.btavancccc{
      position: relative;
    top: -25px;
}

.btsuperr{
    top: 32px;
    right: 10px;
    
    position: absolute;
}

.criaddoo{
    font-size: 30px;
    top: -27px;
    position: relative;
}
.setasordem{
    visibility: hidden;
}

.tabelinha{
	border: solid 1px #c9c9c9;
	border-radius: 5px;

}

.tabelinhavendas{
  border-top: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
  border-left: solid 1px #c9c9c9;
}

.tablinhaprodz{
  background-color: #e4e4e4;
}

.tabcliev{
  margin-top: 40px;
  border: solid 1px #c9c9c9;
}
.tabelinhavendas2{
  border: solid 1px #c9c9c9;
}

.tabvendsubt{
  border-top: solid 1px #c9c9c9;
}

.valortotvenda{
  color: #59B200;
  font-size: 24px;
  margin-left: 10px;
}

.numpedido{
  font-size: 22px;
  padding: 0 4px;
}

.tabvendfrete{
  background-color: #FFFFDD;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}

.linhatable:hover{
	background-color: #eeeaff !important;
  
}

.linhacidade{
  background-color: #9b9b9b !important;
  color: white !important;
}

.linhacidade:hover{
  background-color: #eeeaff !important;
  color: black !important;
}

.linhatable:hover .setasordem{
    visibility: visible;
}

.tabcol1{
	text-align: center;
  font-size: 20px;
}

.tabcoll1cli{
  text-align: right;
  font-weight: bold;
  margin-right: 10px;
}

.tabcoll1{
  padding-left: 20px;
}

.icoexcluir{
    color: red !important;
    top: 5px;
    position: relative;
    right: 15px;
}

.icoeditar{
    color: #0C4888 !important;
    top: 5px;
    position: relative;
    right: 5px;
}

.btedit{
  margin-top: 15px;
  background-color: #dadada;
  color: black;

  width: 100px;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
  transition: background-color 0.5s ease;
  border-bottom: 2px solid #777777;
}

.btedit:hover{
  background-color: #f7f7f7;
}

.bteditprod{
  margin-top: 15px;
  background-color: #dadada;
  color: black;
  width: 190px;
  height: 60px;
  padding: 12px 15px 0px 15px;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
  transition: background-color 0.5s ease;
  border-bottom: 2px solid #777777;
}

.bteditprod:hover{
  background-color: #f7f7f7;
}


.bteditconsorcio{
  float: right;
  margin-right: 20px;
  background-color: #dadada;
  color: black;
  width: 100px;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
  transition: background-color 0.5s ease;
  border-bottom: 2px solid #777777;

}

.bteditconsorcio:hover{
  background-color: #f7f7f7;
}

.textexc{
    position: relative;
    right: 12px;
}

.btexcluir{
  background-color: #dadada;
  color: black;
  width: 100px;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
  float: right;
  transition: background-color 0.5s ease;
  border-bottom: 2px solid #777777;

}

.btexcluir:hover{
  background-color: #f7f7f7;
}

.icocapa{
    color: #283593 !important;
    top: 5px;
    position: relative;
}

.icolido{
    color: #0C4888 !important;
    top: 5px;
    position: relative;
}

.icocontatograndenaolido{
    top: 16px;
    position: relative;
    left: 10px;
}

.icocontatogrande{
    top: 6px;
    position: relative;
    left: 10px;
}


.setadow{
  color: red;
  padding-right: 5px;
}

.setaup{
  color: green;
  padding-left: 5px;
}

/****** BANNER ***************************/

.imgbanner{
	max-width: 250px !important;
}

.imgbannerpq{
  max-width: 150px !important;
}



/****** ABAS DO GERENCIADOR ***************************/
.abaativa:hover{
  background-color: white !important;
}

.AbasGerenciador a{
  color: #7F7F7F !important;
}

.lineha{
  line-height: 10px !important;
}

.abaativa{
  border-bottom: 0px !important;
  border-top: solid 2px #186AC5  !important;
  color: #186AC5 !important;
  text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.5);
  cursor: none;
  background-color: white;
  cursor: auto !important;
}

.abadesativada {
  display: none !important;
}

.abadesativadagerprod {
  display: none !important;
}



.abaativagerprod:hover{
  background-color: #f7f7f7 !important;
  color: #0C4888 !important;
}


.abaativagerprod{
  border-bottom: 0px !important;
  border-top: solid 2px #186AC5  !important;
  color: #0C4888 !important;
  text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.5);
  cursor: none;

  cursor: auto !important;
}


.abinhas li{
  border-top: solid 1px #c6c6c6;
  border-left: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  list-style: none;
  display: table-cell;
  padding: 15px 21px 15px 21px;
  font-family: Roboto;
  font-size: 15px;
  color: #7F7F7F;
  position: relative;
  top: 10px;
  text-align: center;
  cursor: pointer;
  background-color: white;
  z-index: 15;
}

.abinhas li:hover{
  background-color: #f2f2f2;
  color: #186AC5 !important;
}

.abasgerprod li{

    border-top: solid 1px #c6c6c6;
    border-left: solid 1px #c6c6c6;
    border-right: solid 1px #c6c6c6;
    border-bottom: solid 1px #c6c6c6;
    list-style: none;
    display: table-cell;
    padding: 15px 21px 15px 21px;
    font-family: Roboto;
    font-size: 15px;
    color: black;
    position: relative;
    top: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #f7f7f7;
    z-index: 15;

}

.abasgerprod li:hover{
  background-color: #e8e8e8;
}

.conteudoaba{
    padding: 20px !important;
    border: solid 1px #c6c6c6;
    position: relative;
    top: 9px;
    border-radius: 5px;
    margin-bottom: 30px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background: white;
}

.conteudoabagerprod{
    padding: 20px !important;
    border: solid 1px #c6c6c6;
    position: relative;
    top: 9px;
    border-radius: 5px;
    margin-bottom: 30px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background: #f7f7f7;
}

.AbasGerenciador:first-of-type{
	border-top-left-radius: 5px;
}

.AbasGerenciador:last-of-type{
	border-top-right-radius: 5px;
}

/****** FORMULÁRIOS ***************************/

.paddcompleta{
  padding: 0 2%;
}

.ajudaalturaselect{
  height: 40px !important;
}

.formsel1de3{
    position: relative !important;
    right: 11px;
}

.formsel3de3{
    position: relative !important;
    left: 11px;
}

.vaiprolador{
    position: relative !important;
    left: 20px !important;
}

label{
	font-size: 16px;
}

.solid-form .form-group.form-group-select:after{
  bottom: 14px !important;
}

.selerelvenda{
    height: 50px;
    position: relative !important;
    left: 12px;
}

.tituloopconal{
  font-size: 18px;
}

.obrig{
  color: red;
  position: absolute;
  right: 12px;
  top: 10px;
}


.abadesprodcss{
    width: 90% !important;
    padding: 10px 9px 10px 16px !important;
    border: 1px solid #3e3939 !important;

    background: #f7f7f7 !important;
    color: white !important;
    font-size: 21px !important;
    margin: 10px 0px 30px 0px !important;
}

/********** CAIXA MANDA FOTO ************/

.swFoto{

  width:100%;
  padding:10px 0 20px 0;
  margin-bottom:20px;
  text-align:center;
  border:1px solid #DDD;
  box-shadow:inset 1px 1px 2px #FFFFFF, inset -1px -1px 2px #FFFFFF, inset 0 0 18px rgba(0, 0, 0, 0.13);
  -moz-box-shadow:inset 1px 1px 2px #FFFFFF, inset -1px -1px 2px #FFFFFF, inset 0 0 18px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow:inset 1px 1px 2px #FFFFFF, inset -1px -1px 2px #FFFFFF, inset 0 0 18px rgba(0, 0, 0, 0.13);
  background:#F2F2F2;
}
.swFoto .box{
  background-color:#F8F8F8;
  width:580px;
  height:380px;
  margin:0 auto;
  border:dashed 2px #CCCCCC;
  vertical-align:middle;
  text-align:center;
}
.swFoto p{
  font-size:16px;
  color:#777;
}


.pdd0{
    padding: 3px !important;
}

.grupoclie{
  position: relative;
  left: 10px;
}


.titword{
  width: 100%;
  font-weight: bold;
  background-color: #2B579A;
  color: white;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   margin-bottom: 0px !important;
}

.pagico{
  padding: 30px;
}

.linkico{
margin: 0 auto;
}

.categorialat{
  left: 20px;
}

.imgcomprar{
    max-width: 200px !important;
    position: absolute;
    right: 0;
}

.trimage{
  position: relative;
}

.claroiz{
  opacity: 0.9;
  margin-left: 30px;
}

.toast{
  position: relative;
  top: -20px !important;
  left: 70px !important;
}


.fontcontcont{
  font-size: 30px;
  font-weight: bold;
}

.semresultado{
  color: #e53935 !important;
}

.textosemconteudo{
    font-size: 26px;
    position: relative;
    top: -36px;
    left: 10px;
}

.iconeservicos {
-webkit-animation: cssAnimation 5s 16 ease;
-moz-animation: cssAnimation 5s 16 ease;
-o-animation: cssAnimation 5s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}

.btnpequ{
  width: 80px;
  height: 50px;
  margin-left: 10px;
}

.btnrastreio{
    margin-top: 30px !important;
}

.btn {
  background-color:#0c4888 !important;
  
}

.btn:hover {
  background-color:#2569b1 !important;
  
}

.cpvipl{
  margin-left: 30px;
}

.caixabusca{
  background-color: #eaeaea;
  border: solid 1px #9b9b9b;
  padding: 25px;
  margin: 10px 0px 30px 0px !important;
  width: 94% !important;
  border-radius: 5px;
  position: relative;
}

.filtrartit{
  margin: 0 !important;
  font-weight: bold;
}

.textofil{
    position: relative;
    top: -19px;
    font-size: 30px;
    left: 10px;
}

.btfiltro{
    margin-top: 23px;
    margin-left: 10px;
}

.dnone{display:none !important;margin-bottom:20px;}

.top8{
    top: 4px;
    position: relative;
}

.menufixed{
  text-indent: 60px;
  background-color: #d6d6d6  !important;

}

.menufixed:hover{
  background-color: #d6d6d6 !important;

}

.labelradio{
    border: solid 1px #c7c7c7;
    padding-left: 37px !important;
    padding-top: 7px;
    padding-bottom: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    height: 40px !important;
    padding-right: 10px;
    margin-right: 10px;
    margin-left: 15px;
} 


.divbotaz{
  position: relative;
}

.mgright10{
  margin-right: 10px;
}

.btypdkf{
    position: absolute;
    top: -2px;
    left: 290px !important;
}

.linkaba{
  padding: 17px 0px;
  width: 100%;
}

.pddviapro{
  padding-left: 20px !important; 
}

.heigvideo{
      height: 360px;
}

.cxprop{
  position: relative;
}

.labelprop{
  position: relative;

}

.estilosubmenu{
    margin-left: 10px;
}

/********** RESPONSIVIDADE ************/


@media screen and (max-width: 600px) {
  .imgbanner{ max-width: 100% !important;}
  .mgtop15min{margin-top: 15px;}

    .galeriafotoaberta3l{
        overflow: hidden;
        height: 220px;
    }

    .galeriafotoaberta3l img{
        min-height: 220px;
    }

    .caixalogin{
      width: 100% !important;
    }
}




.icoaddfoto {
    position: relative;
    top: 4px;
    left: -5px;
    width: 60px;
}

.radius10{border-radius:10px !important;}

.botaofoto{    
    padding: 10px !important;
    height: 70px !important;
    width: 180px !important;
    border-radius: 10px !important;
        position: absolute;
    right: 10px;
    top: 10px;
    }