/*.bodyLogin{background-image: url(../img/bannerLogin.jpg) !important; background-repeat: no-repeat; background-size: cover;}*/

.label-tag{
	border: 1px solid #b5b5b5;
	border-radius: 11px;
	padding: 1px 5px 0px 3px;
	margin: 3px;
	font-size: 11px;	
}

.label-tag i{
	margin-right: 3px; 
	color: #808080;
}

.loading{
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99999;
}

.spinner {
    margin: 20% auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
  }
  
  .spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  
  .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  
  .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }
  
  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
  }
  
  @keyframes sk-stretchdelay {
    0%, 40%, 100% { 
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
    }  20% { 
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
}

#filedivImg{
  background-position: center top;
  background-size: 100% auto;
  height: 100%;
}

.user-panel>.image>img{
  min-height: 40px;
}

.user-panel>.info>p{
  white-space: normal;
}

.sidebar-menu .menu-open a .fa-angle-right{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.3s;
}

.sidebar-menu a:hover, a:hover{cursor: pointer;}

.breadcrumb > .active {
  color: #000 !important;
  font-weight: bold !important;
}

.btn{
  padding: 5px 20px !important;
  border-radius: 0 !important;
  font-size: 15px !important;
}

.icon-btn-pedido{margin-right:7px}

.displayNone{
  display: none;
}

#htmlCarrinho{
  padding: 5px;
  max-height: 350px;
  overflow: auto;
}

#htmlCarrinho li{
  padding: 10px 0;
  border-bottom: 1px solid #f7f7f7;
}

#htmlCarrinho li i{
  font-size: 1.2em;
}

.noneTextSelected{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fa-1-2{
  font-size: 1.2em;
}

.overflowNone{overflow: hidden;}

.w80{width:30px;}
.w100{width: 100%;}
.w80px{width:80px;}

.select2.select2-container{width: 100% !important;}

#thEmpty::after{content:'' !important;}

.pointer:hover{cursor: pointer;}

.iconUser, .iconOrc, .iconRemove{font-size: 1.3em;}
.iconUser:hover, .iconOrc:hover, .iconRemove:hover{cursor: pointer;}
.iconOrc.disabled{cursor: no-drop; opacity: 0.3;}

.btn-m-right{margin-right: 10px;}

#boxOrcamento{min-height: 0 !important;}
#boxBtns{position: relative; padding:5px 15px 0 15px;}

.tableClientes_wrapper .row .col-sm-7{width: 100% !important;}

#rowTable, #rowTableProdutos{max-width: 100%; overflow: hidden;}

#total{margin-bottom: 30px;}

#smallPedido{color:#b6b6b6; margin: 10px 0 0 0 !important;}

.msgAlert{
  width: 35%;
  padding: 10px 5px;
  position: fixed;
  font-size: 1.2em;
  border-radius: 4px;
  color: #fff;
  margin: 10px 35%;
  -webkit-box-shadow: 1px 1px 40px -6px rgba(107,107,107,1);
  -moz-box-shadow: 1px 1px 40px -6px rgba(107,107,107,1);
  box-shadow: 1px 1px 40px -6px rgba(107,107,107,1);
  z-index: 9999;
  text-align: center;
} 
.success{
  background-color: #2ec52e;
}
.error{
  background-color: #ff2a2a;
}
.warning{
  background-color: #ffaa2a;
}
#textAlerta{
  margin-left: 5px;
}

.backCinza{
  background: #dcdcdc85 !important;
  color: #656565 !important;
}

.preview-pic.tab-content img{
  margin: 0 auto;
}

.tabs-img-prod{
  border: none !important;
}

.tabs-img-prod li{
  max-width: 20%;
}

.tabs-img-prod a{
  border: none !important;
}

.tabs-img-prod li img{
  max-width: 100% !important;
}

.details-prod h4{
  font-weight: 600;
  color: #000;
}

#tbodyListProdutos tr td{
  font-size: 1.1em;
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel{
  display: none;
}

#btnCompraRapida{    
  max-width: 2.3em;
  margin: 0 auto;
}

#btnCompraRapida:hover{
  opacity: 0.8;
  cursor: pointer;
}

#parcelas{font-size: 15px;}

#cardConsumidorFinal{width:15px; height: 15px;}

.textOverFlow{
  text-overflow: ellipsis;
  overflow: hidden;
}

.tableTotal td{
  background-color: #f3f3f3;
}

.tableTotal td{
  padding: 7px;
  font-size: 1.1em;
}

.tableTotal tr.hr{
  border-bottom: 1px solid #ccc;
}

.tableTotal tr.trTotal td{
  font-size: 1.7em !important;
}

.tableTotal span#total{
  margin-left: 10px;
}

#tableProdutos tr th{
  vertical-align: middle;
}

.icon-add-loja, .icon-remove-loja{
  margin-left: 15px;
  font-size: 1.4em;
  vertical-align: middle;
}

.icon-add-loja:hover, .icon-remove-loja:hover{
  cursor: pointer;
}

.btn{outline: none;}

#codigoProduto{font-weight: bold;}

#boxOrcamento .box{margin-bottom: 0 !important;}

.modal-dialog button.close{
  vertical-align: middle;
  font-size: 2em;
  color: #000;
  opacity: 1;
  outline: none;
}

.modal-dialog p#textModal{
  font-size: 1.3em;
}

.modal-dialog #titleModal{
  width: 70%;
  float: left;
}

.div-imprimir{
  text-align: center;
  margin-top: 5px;
}

.img-imprimir, .img-email, .img-whats{
  max-width: 3%;
  margin-right: 10px;
}

.img-imprimir:hover, .img-email:hover, .img-whats:hover{
  cursor: pointer;
  opacity: 0.7;
}

.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu{
  width:300px !important;
}

i{text-align: center}

.ion, .fa{
  font-size: 1.25em !important;
}

.fa-disabled:before{
  cursor: no-drop;
  opacity: 0.4;
}

#boxConsultaProduto{
  min-height: 0 !important;
}

#tbodyListPedidos .fa-edit{
  font-size: 1.6em !important;
}

#tbodyListPedidos tr td{
  vertical-align: middle;
}

.btnAplicarPercentual{
  padding: 1px 10px !important;
  margin-top: -4px;
  margin-left: 5px;
}

#lblDescontoMaximo{margin-top: 3px;}

.bootstrap-tagsinput{
  width: 100% !important;
  height: 34px !important;
  padding: 4px 6px !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  overflow: hidden;
}

.bootstrap-tagsinput .tag{
  background-color: #3c8dbc !important;
  border-radius: 0 !important;
}

.inputTags{
  padding: 2px 5px !important;
  height: 25px !important;
}

@media (max-width:480px){
  #boxBtns input{
    width: 100%;
    margin-bottom: 5px;
  }

  .msgAlert{
    width: 98%;
    margin: 10px 1%;
  }

  .msgAlertLogin{
    margin: -10px 1%;
  }

  .tabs-img-prod li {
    max-width: 33%;
  }
}

@media (min-width:481px) and (max-width:768px){
  .msgAlert{
    width: 55%;
    margin: 10px 25%;
  }

  .msgAlertLogin{
    margin: -10px 25%;
  }

  .tabs-img-prod li {
    max-width: 33%;
  }

  .small-box .icon{
    color: rgba(0,0,0,0.05);
  }

  .small-box h3{
    font-size: 1.8em;
  }
}

@media (min-width:769px) and (max-width:1024px){
  #btnAddToCart{
    margin-left: 50px;
  }

  .msgAlertLogin{
    margin: 10px 32%;
  }

  .small-box .icon{
    top: 5px;
    font-size: 60px;
  }
}

@media (min-width:1025px){
  .small-box h3 {
    font-size: 1.8em;
  }
}

#totalFinalizados, #totalMeta{
  display: inline;
  margin-left: 20px;
}

.cardMetaRealizado{
  color: #000 !important;
}