.cont-entrarLoja {
  margin-top: 20px;
}

.cont-entrarLoja ul {
  list-style-type: none;
}

.cont-entrarLoja h3 {
  margin: 0;
  padding: 7px 0;
  font-weight: bold;
  font-size: 18px;
  color: var(--white);
  background: var(--main-200);
  text-indent: 10px;
}
/*Loja******************/
.cont-entrarLoja .loja {
  text-align: center;
}

@media (min-width: 0) {
  .cont-entrarLoja .loja img {
    display: table;
    background: var(--white);
    background: -moz-linear-gradient(
      top,
      var(--white) 0%,
      var(--grey-100) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, var(--white)),
      color-stop(100%, var(--grey-100))
    );
    background: -webkit-linear-gradient(
      top,
      var(--white) 0%,
      var(--grey-100) 100%
    );
    background: -o-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
    background: -ms-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
    background: linear-gradient(
      to bottom,
      var(--white) 0%,
      var(--grey-100) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='var(--grey-100)',GradientType=0 );
    width: 40%;
    min-height: 100px;
    margin: auto;
  }
}

@media (min-width: 990px) {
  .cont-entrarLoja .loja img {
    width: 80%;
  }
}

.cont-entrarLoja .loja .valor-loja {
  display: table;
  width: 100%;
}
/*Dados*****************/
.cont-entrarLoja .dados-usuario ul {
  padding: 10px 0px 0px 0px;
  line-height: 20px;
}

.cont-entrarLoja .dados-usuario li {
  padding: 2px 0;
  text-indent: 5px;
}
/*Botões*****************/
.cont-entrarLoja ul.botoes li {
  text-indent: 10px;
  margin: 0px 0px 5px 0px;
}

.cont-entrarLoja ul.botoes a {
  padding: 10px 0;
  display: table;
  border: 1px solid var(--grey-100);
  width: 100%;
  position: relative;
  color: var(--white);
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.cont-entrarLoja ul.botoes .ico {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 5px;
  right: 10px;
  background-repeat: no-repeat;
  background-size: 35px;
  display: table;
}

.cont-entrarLoja .pedido-aberto {
  background-color: var(--main-200);
  transition: background-color .3s;
}

.cont-entrarLoja .pedido-aberto:hover {
  background-color: #08244c;
  transition: background-color .3s;
}

.pedido-aberto .ico {
  background: url('../img/icones/continuar.png') 0px 0px;
}

.cont-entrarLoja .novo-pedido {
  background-color: #88BF55;
  transition: background-color .3s;
}

.cont-entrarLoja .novo-pedido:hover {
  background-color: #648C3E;
  transition: background-color .3s;
}

.novo-pedido .ico {
  background: url('../img/icones/car_novo.png') 0px 0px;
}

.cont-entrarLoja #importar-pedido {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--white)+0,e5e5e5+100;White+3D */
  background: var(--white); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  color: var(--black);
  display: none;
}

.cont-entrarLoja #importar-pedido:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #e5e5e5 0%,
    var(--white) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #e5e5e5 0%,
    var(--white) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #e5e5e5 0%,
    var(--white) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='var(--white)',GradientType=0 ); /* IE6-9 */
}

#importar-pedido .ico {
  background: url('../img/icones/upload.png') 0px 0px no-repeat;
  background-size: 35px;
}

.cont-entrarLoja .historico {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--white)+0,e5e5e5+100;White+3D */
  background: var(--white); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--white) 0%,
    #e5e5e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  color: var(--black) !important;
}

.historico .ico {
  background: url('../img/icones/historico.png') 0px 0px no-repeat;
  background-size: 25px;
}

.cont-entrarLoja .trocar-cnpj {
  background-color: #F29700;
  transition: background-color .3s;
}

.cont-entrarLoja .trocar-cnpj:hover {
  background-color: #BF7700;
  transition: background-color .3s;
}

.trocar-cnpj .ico {
  background: url('../img/icones/trocar_cliente.png') 0px 0px;
}
/*Área do cliente************/
.cont-entrarLoja .area-cliente ul {
  width: 100%;
  margin: auto;
  padding-bottom: 50px;
}

.cont-entrarLoja .area-cliente li {
  text-align: center;
  margin: 10px 0px 3px 0px;
}

.cont-entrarLoja .area-cliente a {
  font-size: 15px;
  color: var(--black);
  width: 100%;
  display: table;
  border: 1px dotted var(--grey-200);
  text-align: center;
  padding: 80px 12px 10px 12px;
  background: var(--white);
  background: -moz-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, var(--white)),
    color-stop(100%, var(--grey-100))
  );
  background: -webkit-linear-gradient(
    top,
    var(--white) 0%,
    var(--grey-100) 100%
  );
  background: -o-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: -ms-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: linear-gradient(to bottom, var(--white) 0%, var(--grey-100) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='var(--grey-100)',GradientType=0 );
  position: relative;
}

.cont-entrarLoja .area-cliente a:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--grey-100)+0,ffffff+100 */
  background: var(--grey-100); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--grey-100) 0%,
    var(--white) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--grey-100) 0%,
    var(--white) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--grey-100) 0%,
    var(--white) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--grey-100)', endColorstr='var(--white)',GradientType=0 ); /* IE6-9 */
}

.cont-entrarLoja .area-cliente .ico {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  height: 70px;
  display: table;
}

.cont-entrarLoja .meusDados .ico {
  background: url('../img/icones/meus_dados.png') top center no-repeat;
}

.cont-entrarLoja .meusPedidos .ico {
  background: url('../img/icones/meus_pedidos.png') top center no-repeat;
}

.cont-entrarLoja .alterarSenha .ico {
  background: url('../img/icones/senha.png') top center no-repeat;
}

.cont-entrarLoja .modelosPedido .ico {
  background: url('../img/icones/modelos_pedido.png') top center no-repeat;
}
/*Modal Importação de pedido********************/
#importar-pedido-modal textarea {
  width: 100%;
  min-height: 60px;
  border: 1px solid var(--grey-100);
  background: var(--grey-100);
}

#importar-pedido-modal a#btn-importar {
  background: var(--main-100);
  background: -moz-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, var(--main-100)),
    color-stop(100%, var(--main-200))
  );
  background: -webkit-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: -o-linear-gradient(top, var(--main-100) 0%, var(--main-200) 100%);
  background: -ms-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: linear-gradient(
    to bottom,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-100)', endColorstr='var(--main-200)',GradientType=0 );
  display: table;
  color: var(--white);
  width: 100%;
  display: table;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

#importar-pedido-modal a#btn-importar:hover {
  color: var(--white);
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--main-200)+0,286ba3+100 */
  background: var(--main-200); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--main-200) 0%,
    var(--main-100) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--main-200) 0%,
    var(--main-100) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--main-200) 0%,
    var(--main-100) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-200)', endColorstr='var(--main-100)',GradientType=0 ); /* IE6-9 */
}
/*Exemplos de importação*/
.ex {
  border: 1px solid var(--grey-100);
  padding: 0px 10px 10px 10px;
  margin: 10px 0 0 0;
  display: table;
  width: 100%;
}

.ex h2 {
  font-weight: bold;
}

.ex h3 {
  margin: 0;
  padding: 5px;
  color: var(--white);
  background: var(--main-100);
  background: -moz-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, var(--main-100)),
    color-stop(100%, var(--main-200))
  );
  background: -webkit-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: -o-linear-gradient(top, var(--main-100) 0%, var(--main-200) 100%);
  background: -ms-linear-gradient(
    top,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  background: linear-gradient(
    to bottom,
    var(--main-100) 0%,
    var(--main-200) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-100)', endColorstr='var(--main-200)',GradientType=0 );
}

.ex ul {
  padding: 10px;
  font-size: 16px;
}

.ex li {
  padding: 5px 0;
  border-bottom: 1px dotted var(--grey-100);
}

.ex li:first-child {
  font-weight: bold;
}

.cont-entrarLoja .area-cliente {
  padding: 0;
}

/*Operadores************************/
.cont-entrarLoja .operadores {
  border: 1px dotted var(--grey-200);
  background: var(--white);
  margin: 0 0 20px 0;
  background: -moz-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, var(--white)),
    color-stop(100%, var(--grey-100))
  );
  background: -webkit-linear-gradient(
    top,
    var(--white) 0%,
    var(--grey-100) 100%
  );
  background: -o-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: -ms-linear-gradient(top, var(--white) 0%, var(--grey-100) 100%);
  background: linear-gradient(to bottom, var(--white) 0%, var(--grey-100) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='var(--grey-100)',GradientType=0 );
  position: relative;
}

@media screen and (min-width: 990px) {
  .cont-entrarLoja #importar-pedido {
    display: block;
  }
}

@media (min-width: 0) {
  .cont-entrarLoja h1 {
    width: 100%;
    /*height: 94px;*/
    margin: 0;
    float: left;
    /*background: url('../img/tp_operadores.png') no-repeat;
		text-indent: -9999px;*/
  }

  .cont-entrarLoja ul.op li {
    display: inline-table;
    border: 1px dotted var(--grey-100);
    margin: 5px;
    padding: 10px;
    background: var(--white);
    box-shadow: 5px 5px 10px var(--grey-100);
    width: 45%;
  }
}

@media (min-width: 768px) {
  /*.cont-entrarLoja h1{	
		width: 250px;
	}*/
  .cont-entrarLoja ul.op li {
    width: auto;
    margin: 10px;
  }
}

.cont-entrarLoja ul.op span {
  display: table;
  width: 100%;
  text-align: center;
}

.cont-entrarLoja ul.op span:first-child {
  font-weight: bold;
  color: var(--main-200);
}
/**/
.botoes-docs {
  width: 100%;
  display: table;
}

@media (min-width: 0) {
  .botoes-docs li {
    float: right;
    width: 100%;
    text-align: center;
    margin: 0 0 5px 0;
  }
}

@media (min-width: 768px) {
  .botoes-docs li {
    width: auto;
    float: left;
    margin-right: 5px;
  }
}

.botoes-docs input {
  text-indent: -9999px;
  height: 50px;
  border: 1px solid var(--black);
}

input.Duplicatas {
  width: 202px;
  background: url('../img/botoes/duplicatas.jpg') 0px 0px;
}

input.Pedidos {
  width: 275px;
  background: url('../img/botoes/pedido_portal.jpg') 0px 0px;
}

input.Pedidos:hover,
input.Duplicatas:hover {
  filter: drop-shadow(2px 4px 6px var(--grey-200));
}

.modal-duplicatas .fechar {
  height: auto;
  padding: 5px;
}

@media (min-width: 0) {
  table.alertas {
    width: 100%;
    margin: 5px 0 0 0;
    border: 1px solid var(--grey-100);
  }
}

@media (min-width: 990px) {
  table.alertas {
    width: 100%;
  }
}

table.alertas td {
  height: 30px;
  padding: 5px;
}

table.alertas tr:nth-child(odd) {
  background: var(--grey-100);
}

#modelo-arquivo a {
  display: block;
  width: 100%;
  height: auto;
  background: linear-gradient(
    0deg,
    var(--green-100) 35.29%,
    var(--green-200) 100%
  );
  padding: 20px 10px;
  border-radius: 5px;
  color: var(--white);
}

#modelo-arquivo a:hover {
  background: linear-gradient(
    180deg,
    var(--green-100) 35.29%,
    var(--green-200) 100%
  );
  text-decoration: none;
}

#modelo-arquivo a span {
  line-height: 1.4rem;
  display: block;
  margin-top: 11px;
}

#importar-pedido-modal {
  position: absolute;
}