@charset "utf-8";
/* CSS Document */

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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
img {_display:block; }
*
{
    padding: 0;
    margin: 0;
}


/*definições básicas de todo o conteudo*/

html,body{
	width: 100%;
	height: 100%;
}

body{
	font-size: 12px !important;
	font-family: 'Arial', sans-serif !important;
	color: #000000 !important;
	font-weight:600 !important;
}


/*webkit de style para a scrollbar*/

::-webkit-scrollbar {
   width: 8px;
   height: 8px;
}
 ::-webkit-scrollbar-track {
  background-color: #fff;
  border-left: 1px solid #9E9E9E;
  border-right: 1px solid #9E9E9E;
}
 ::-webkit-scrollbar-thumb {
  background-color: #9B272B;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #893037;
}


.bold{
	font-weight: 700;
}

.border_none{
	border:none !important;
}


/*Página de login*/

/*background imagem*/
.banner_principal{
	width: 100%;
	min-height:  100%;
	position: absolute;
	background: url("images/principal.jpg")  no-repeat center center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login{
	width: 100%;
	height: auto;
	float: left;

}

.segura_login{
	width: 470px;
	height: 470px;
	margin: 0 auto;
	background: #fff;
	margin-top: 80px;
	  margin-bottom: 30px;

}

.logo_login{
	width: 100%;
	height: auto;
	text-align: center;
}

.logo_login img{
	margin-top: 50px;
	margin-bottom: 50px;
}

.form_login{
	width: 60%;
	margin: 0 auto;
	height: auto;
}


/*style do input*/
.campo{
	width: 100%;
	height: 50px;
	border: none;
	border-top: 1px solid #821F22;
	border-bottom: 1px solid #821F22;	
}

.campo_2{
	border-top: none !important;
	margin-bottom: 50px;
}

.logar{
	width: 100%;
	height: 50px;
	background: #7DB858 !important;
	border: none;
	color: #fff;
}

.form_login input{
	color: #821F22;
	text-align: center;
}


/*barra lateral esquerda fixa*/

.sidebar {
  position: fixed;
  width: 300px;
  margin-right: -300px;
  float: left;
  overflow: hidden;
  background: #821F22;
  color: #fff;
  height: 100vh;
  z-index: 99;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
}


.sidebar:hover {
 	overflow: auto;
	::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
	 ::-webkit-scrollbar-track {
	    background-color: #fff !important;
	    border-left: 1px solid #9E9E9E ;
	    border-right: 1px solid #9E9E9E;
	}
	 ::-webkit-scrollbar-thumb {
	    background-color: #fff !important;
	}
	::-webkit-scrollbar-thumb:hover {
	    background-color: #fff !important;
	}

}

.segura_sidebar{
	width: 252px;
	height: auto;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 50px;
	overflow-x:hidden;

}

.segura_logo_sidebar{
	width: 85px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

.segura_logo_sidebar img{
	width: auto;
	margin: 0 auto;
}

.pesquisa_sidebar{
	width: 100%;
	background: transparent;
	height: 45px;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	margin-bottom: 45px;
}

.pesquisa_sidebar::-webkit-input-placeholder {
   color: #fff;
}

.pesquisa_sidebar:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.pesquisa_sidebar::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.pesquisa_sidebar:-ms-input-placeholder {  
   color: #fff;  
}


.segura_pesquisa_sidebar{
	width: 100%;
	position: relative;
	height: auto;
}

.segura_lupa{
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px;
	margin-top: 12px;
	background: #821F22;
}

.barra_sidebar{
	height: 20px;
	width: 6px;
	float: left;
	background: #AE392B;
}

.pedidos_titulo_sidebar{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	margin-bottom: 35px;
}

.titulo_sidebar{
	width: auto;
	float: left;
	height: auto;
	color: #fff;
	line-height: 22px;
	margin-left: 10px;

}

.titulo_sidebar img{
	margin-left: 15px;
}

.lista_pedidos_sidebar{
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 50px;

}

.linha_lista_sidebar{
	width: 100%;
	height: 50px;
	margin-bottom: 1px;
	border-bottom: 1px solid #fff;

}

.segura_colunas{
	width: 100%;
	height: 35px;
	padding-top: 6px;
}

.coluna_tempo_sidebar{
	width: 50px;
	height: 100%;
	float: left;
	border-right: 1px solid #fff;
	line-height: 35px;
	text-align: center;

}

.coluna_tempo_sidebar img{
	padding-top: 13px;
}

.border_botton_none{
	border-bottom: 0;
}

.border_right{
	border-right: 1px solid #fff;
}

.border_right_direita{
	border-right: 1px solid #2E2E2D;
}


.columa_endereco_sidebar{
	width: 150px;
	float: left;
	height: 100%;
	line-height: 35px;
	text-align: center;
	overflow:hidden; 
	text-overflow: ellipsis;
	white-space:nowrap;
	padding-left: 2px;
	padding-right: 2px;
}

.coluna_status_sidebar{
	width: 50px;
	height: 100%;
	float: left;
	line-height: 35px;
	text-align: center;
	z-index: 9;
	position: relative;
}

.coluna_status_sidebar img{
	padding-top: 13px;
}


.plus_sidebar{
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: center;
	margin-top: 30px;
}

.segura_plus_sidebar{
	width: 50px;
	margin: 0 auto;
}

.circle{
 	background:#fff;
  height:2px;
  width:2px;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
  padding:2px;
	text-align:center;
  color:white;
  float: left;
  margin: 3px;
}


/*alertas de atraso, entrega e produção. e as cores em seguida*/

.circle_alert_pedidos{
  height:10px;
  width:10px;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
  padding:2px;
	text-align:center;
  color:white;
  float: left;
  margin: 3px;
  margin-left: 19px !important;
  margin-top: 11px !important;
}

.red{
	background: #AE392B !important;
}

.blue{
	background: #62AEB6 !important;
}

.green{
	background: #7DB858 !important;
}

.yellow{
	background: #FFA500 !important;
}

/*alinhamento dos icones gerais da página*/

.fa-clock-o {
	margin-top: 11px;
}


.fa-arrow-down{
	margin-left: 14px;
}

.fa-cog{
	float: left;
	margin-right: 10px;
}

.fa-bars{
		float: left;
	margin-right: 10px;
}
.fa-sign-out{
		float: left;
	margin-right: 10px;
}.fa-bar-chart{
		float: left;
	margin-right: 10px;
}

.fa-user{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.fa-motorcycle{
	float: left;
	margin-right: 2px;
}
.fa-cutlery{
	float: left;
	margin-right: 5px;
}

.fa-align-justify{
	color: #fff;
	margin-top: 13px;
}


/*conteudo principal*/

.page_principal {
  width: 100%;
  height: 100%;
  position: relative;

}

.segura_principal {
  margin: 0 auto;
  position: relative;
}

.conteudo {
  float: right;
  width: 100%;
}

.segura_conteudo {
  margin-left: 300px;
  clear: both;
  overflow: auto;
  background: #fff;
}

/*css topo*/

.topo_meio{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	border-bottom: 1px solid #2E2E2D;
}

.links_topo{
	width: auto;
	height: auto;
	float: left;
	color: #2E2E2D;
	margin-top: 26px;
	margin-bottom: 20px;
}

.pesquisa_topo{
	width: auto;
	height: auto;
	float: right;
	position: relative;
}


.campo_topo_pesquisa::-webkit-input-placeholder {
   color: #2E2E2D;
}

.campo_topo_pesquisa:-moz-placeholder { /* Firefox 18- */
   color: #2E2E2D;  
}

.campo_topo_pesquisa::-moz-placeholder {  /* Firefox 19+ */
   color: #2E2E2D;  
}

.campo_topo_pesquisa:-ms-input-placeholder {  
   color: #2E2E2D;  
}


.campo_topo_pesquisa{
	width: 320px;
	float: right;
	height: 45px;
	border: none;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	color: #2E2E2D;
	margin-bottom: 10px;
	margin-top: 11px;

}

.campo_pesquisa_cliente{
	width: 320px;
	float: left;
	height: auto;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #2E2E2D;
margin:0px;

}

.segura_lupa_top{
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 24px;
	background: #fff;
}

/*titulo*/

.titulo_meio{
	width: auto;
	float: left;
	height: auto;
	color: #2E2E2D;
	line-height: 75px;
	margin-left: 10px;

}

.segura_titulo{
	float: left;
	height: 75px;
	width: 100%;

}

.barra_meio{
	height: 20px;
	margin-top: 28px;
	width: 6px;
	float: left;
	background: #AE392B;
}


/*Aqui fica a parte interna da div do meio*/


.alinha_esquerda_meio{
  float: left;
  width: 100%;
}


.conteudo_meio{
  margin: 0 auto;
  position: relative;
  height: 100%;
}


.ajusta_side_direita {
  margin-right: 300px;
  clear: both;
  overflow: auto;
  max-height:100vh;
  position: relative;

}

.side_direita {
  position: fixed;
  width: 300px;
  margin-left: -300px;
 	right: 0;
  overflow: hidden;
  height: 100vh;
  background: #fff;
  z-index: 9999;
  border-left: 1px solid #9E9E9E;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
 
}
.modal {
  z-index: 999999;

}


.side_direita:hover {
 	overflow: auto;
	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	::-webkit-scrollbar-track {
	  background-color: #fff;
	  border-left: 1px solid #9E9E9E;
	  border-right: 1px solid #9E9E9E;
	}
	 ::-webkit-scrollbar-thumb {
	    background-color: #821F22;
	}
	::-webkit-scrollbar-thumb:hover {
	    background-color: #893037;
	}

}


.interna_meio{
	width: 50%;
	float: left;
}


.interna_meio_right{
	width: 49%;
	float: left;
	border-right: 1% #2E2E2D solid;
}


.center_meio{
	width: 100%;
	margin: 0 auto;
}


.margin_meio{
	width: 95%;
	margin: 0 auto;
}


/*tabela de pedido por cliente */

.linha_lista_meio{
	width: 90%;
	height: 50px;
	margin-bottom: 1px;
	border-top: 1px solid #2E2E2D;
	float: left;

}

.segura_colunas_meio{
	width: 100%;
	height: 35px;
	padding-top: 6px;
}

.coluna_tempo_meio{
	width: 15%;
	height: 100%;
	float: left;
	border-right: 1px solid #2E2E2D;
	line-height: 35px;
	text-align: center;
	color: #2E2E2D;

}

.border_top_none_meio{
	border-top: 0 ;
}

.border_right_meio{
	border-right: 1px solid #2E2E2D;
}


.columa_descricao_meio{
	width: 60%;
	max-width: 300px;
	float: left;
	height: 100%;
	line-height: 35px;
	text-align: center;
	color: #2E2E2D;
	border-right: 1px solid #2E2E2D;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	padding-left: 2px;
	padding-right: 2px;
}

.coluna_status_meio{
	width: 23%;
	height: 100%;
	float: left;
	line-height: 35px;
	text-align: center;
}

.descricao_interna_meio{
	width: 90%;
	margin: 0 auto;
}

.border_left{
	border-left: 1px solid #2E2E2D;
}


.total_pedido_meio{
	width: 100%;
	margin-bottom:20px;
}

.preco_meio{
	width: 100%;
	margin-bottom: 35px;
}

.forma_pagamento_meio{
	width: 100%;
	margin-bottom: 20px;
}

.pagamento_meio{
	width: 100%;
	margin-bottom: 20px;
}

.dados_contato_meio{
	width: 100%;
	margin-bottom: 20px;
}

.dados_meio{
	width: 100%;
	margin-bottom: 20px;
}

.editar_meio{
	width: 100%;
	margin-bottom: 40px;
}


.statu_meio{
	width: 100%;
	margin-bottom: 20px;
}


.select_meio{
	width: 100%;
	height: auto;
}

.input_select{
	width: 100%;
	float: left;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #2E2E2D ;

}



/*endereço de entegra e cobrança */

.interna_endereco_meio{
	width: 33%;
	float: left;
	margin-top: 50px;
	height: auto;
	border-right: 1px #2E2E2D solid;
}

.dados_meio_endereco{
	width: 100%;
	margin-bottom: 10px;
	line-height: 18px;
}

.descricao_interna_meio_endereco{
	width: 80%;
	margin: 0 auto;
}

.endereco_cliente_meio{
	width: 100%;
	float: left;
	margin-top: 50px;
	border-top: 1px solid #2E2E2D ;
	height: auto;
	min-height: 300px;
}



/*div  direita */

.direita_conteudo{
	width: 20%;
	height: 100%;
	right: 0;
	position: fixed;
	z-index: 9999;
}

.segura_side_direita{
	width: 270px;
	height: 100%;
	margin: 0 auto;
	margin-top: 19px;

}

.perfil_funcionario{
	width: 90%;
	height: auto;
	float: left;
	border-bottom: 1px solid #2E2E2D;	
}

.close_side_direita{
	width: 20%;
	float: left;
	height: 20px;
	text-align: right;
	display: none;
}

.foto_perfil_funcionario_circle{
  height:75px;
  width:75px;
  margin-right: 20px;
  margin-top: 6px;
	text-align:center;
  color:white;
  float: left;
  overflow: hidden;
}

.foto_perfil_funcionario_circle img{
	width: 100%;
	height: 100%;
}

.nome_funcionario_direita{
	float: left;
	width: 100%;
	height: auto;
	margin-left: 5px;
	text-transform: uppercase;
	color: #2E2E2D;
	margin-top: 0px;
}
.nome_funcionario_direita {
	font-size: 13px !important;
}

.sair_funcionario_direita{
	float: left;
	width: 50%;
	height: auto;
	margin-left: 5px;
	color: #000 !important;
	margin-top: 3px;
	margin-bottom: 10px;
}

.sair_funcionario_direita a{
	color: #CD0000 !important;
	font-size:11px;
}


/*tipo do pedido (delivery, balcão, salão)*/

.tipo_pedido_direita{
	width: 100%;
	float: left;
	height: 25px;
	color: #2E2E2D;
}

.tipo_pedido_direita span{
	/*margin-left: 2px;*/
	margin-right: 4px;
	margin-top: 6px;
	float: left;
}

.tipo_pedido_direita img{
	float: left;
}

.segura_tipo_pedido{
	width: 33%;
	height: auto;
	float: left;
}


.resumo_dia_direita{
	width: 100%;
	height: auto;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
	border-top: 1px solid #2E2E2D;
	border-bottom: 1px solid #2E2E2D;
	float: left;
	color: #2E2E2D;

}

.resumo_dia_circle{
  height:75px;
  width:75px;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
	text-align:center;
  color:white;
  float: left;
  overflow: hidden;
  border: 1px solid #2E2E2D;
  margin-right: 13px;
  margin-bottom: 10px;

}

.resumo_dia_direita span{
	width: 100%;
	margin-left: -10px;
	float: left;
	clear: both;
	text-align: center;
}

.segura_resumo{
	width: 33.3%;
	float: left;
	margin-bottom: 25px;
}

.conta_resumo{
	font-size: 24px;
	color: #2E2E2D;
	text-align: center;
	margin-top: 20px;
}

.menu_direita{
border-top: 1px solid #000;
	width: 100%;
	height: auto;
	float: left;
}

.linha_menu_direita{
	width: 100%;
	float: left;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.linha_menu_direita img{
	float: left;
	width: auto;
	height: auto;
	margin-right: 10px;
}

.linha_menu_direita span{
	float: left;
	width: auto;
	height: auto;
	color: #2E2E2D;
}

 /*edições collapsed menu*/

.collapsed span{
	text-transform: uppercase;
}

.panel-default>.panel-heading{
	background-image: none !important;
	background-color: #fff !important;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{
	text-decoration: none !important;
}

/*lista da direita de pedidos, mesma base da lista da esquerda, alterando apenas a cor */


/*´NÃO é MAIS UTILIZADO*/




.lista_pedido_direita{
	width: 100%;
	float: left;
	color: #2E2E2D !important;
}


.linha_lista_sidebar_direita{
	width: 100%;
	height: 50px;
	margin-bottom: 1px;
	border-bottom: 1px solid #2E2E2D;
}

.coluna_tempo_sidebar_direita{
	border-right: 1px solid #2E2E2D;
	width: 50px;
	height: 100%;
	float: left;
	line-height: 35px;
	text-align: center;
}


.circle_direita{
 	background:#2E2E2D;
  height:2px;
  width:2px;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
  padding:2px;
	text-align:center;
  color:white;
  float: left;
  margin: 3px;
}



.botao_direita_circle{
  height:60px;
  width:60px;
  -moz-border-radius:60px;
  -webkit-border-radius:60px;
	text-align:center;
  color:white;
  float: left;
  background: #AE392B;
  overflow: hidden;
}

.segura_pedido_online_icon{
	width:50%;
	margin:0 auto;
	float: left;
	margin-bottom: 30px;
	position: relative;

}
.quantidade_pedido_circle buttom{
background-color: #000 !important;

}


.quantidade_pedido_circle{
	position: relative;
	top:0;
	right: -10px;
	background: #000;
	height:18px;
  width:18px;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
  padding-top: 1px;
  padding-left: 1px;
	text-align:center;
	color:white;
	float: left;
}

/*css utilizado nos hover's das boxes de informação*/

.showproducao{ 
  width: 100px;
  color: #fff;
  height: 35px;
  display: none;
  background: #62AEB6;
  position: absolute;
  margin-bottom: 50px;
  top: -35px;
  right: 5px;
  border-radius: 2px;
	-webkit-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	-moz-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
}

.showproducao:after {
	position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #62AEB6;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-top: 33px;
  left: 60px;
}



.showatrasado{ 
  width: 90px;
  color: #fff;
  height: 35px;
  display: none;
  background: #AE392B;
  position: absolute;
  margin-bottom: 50px;
  top: -35px;
  right: 5px;
  border-radius: 2px;
	-webkit-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	-moz-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
}

.showatrasado:after {
	position: absolute;

  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #AE392B;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-top: 33px;
  left: 60px;
}


.showentrega{ 
  width: 90px;
  color: #fff;
  height: 35px;
  display: none;
  background: #7DB858;
  position: absolute;
  margin-bottom: 50px;
  top: -35px;
  right: 5px;
  border-radius: 2px;
	-webkit-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	-moz-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
}


.showentrega:after {
	position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #7DB858;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-top: 33px;
  left: 60px;
}

.showbalcao{ 
  width: 90px;
  color: #fff;
  height: 35px;
  display: none;
  background: #FFA500;
  position: absolute;
  margin-bottom: 50px;
  top: -35px;
  right: 5px;
  border-radius: 2px;
	-webkit-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	-moz-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
}


.showbalcao:after {
	position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #7DB858;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-top: 33px;
  left: 60px;
}


.display_none_box{
	display: none;
}

.display_block_box{
	display: block;
}


.balcao:hover .showbalcao{
	display : block;
}
.entrega:hover .showentrega{
	display : block;
}

.atrasado:hover .showatrasado{
	display : block;
}

.producao:hover .showproducao{
	display : block;
}


.box_todos_pedidos{
	width: 180px;
	/*display: none;*/
	height: 180px;
	background: #fff;
	color: #2E2E2D;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 90;
	-webkit-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	-moz-box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);
	box-shadow: -4px 5px 11px 3px rgba(59,59,59,0.45);


}

.box_todos_pedidos:before {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  content: "";
  top: -18px;
  left: 132px;
  position: absolute;
}

.segura_box_todos_pedidos{
	width: 80%;
	margin: 0 auto;
	min-height: 23px;
	margin-top: 23px;
}

.box_todos_pedidos_linha{
	border-top: 1px solid #2e2e2d;
	height: 30px;
	width: 100%;
	color: #2e2e2d;
	line-height: 33px;
	text-transform: uppercase;
}

.border_top_none{
	border-top: none;
}


/*classes utilizadas em toda o responsivo. Essas classes são ativadas de acordo com o arquivo media.php*/


.close_resp_direita{
	display: none;
	z-index: 99999999;
}

.tamanho_padrao_side_direita{
	width: 300px !important;
	display: block !important;
}

.display_none_side{
	display: none;
}

.display_none_side{
  display: none;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{
	text-transform: uppercase;
}



  /*página sem conteudo*/

.nenhum_conteudo{
	width: 100%;
	height: 84vh;
	margin-top: 30px;
	position: relative;
	float: left;
}

.backgroun_none:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
  background-image: url('images/principal.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}


.mensagem_info{
	height: 75px;
	width: 320px;
	border: 1px solid #2E2E2D;
	z-index: 999;
	margin: 0 auto;
	text-align: center;
	line-height: 75px;
	margin-top: 35vh;
}


.segura_form{
 	width: 100%;
 	float: left;
 	margin-top: 30px;
}

/*alteração da página do produto feita com bootstrap*/

.margin_botton{
	margin-bottom: 10px !important;
}

.margin_arrow{
	margin-right: 5px;
	margin-left: 5px;
}



.sku_number{
	color: #A30700;
	font-weight: 700;
	margin-left: 5px;
}

.row_table_margin{
	margin-bottom: 70px !important;
}

/*Etapas pedido*/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
	background-color:#000;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.btn-circle[disabled] {
	background-color:#fff;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 16px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #B5B5B5;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
   /* Width = 100% / number-of-steps */
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/*AUTO COMPLETE*/

.twitter-typeahead .hint-small
{
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.5;
}

.twitter-typeahead .hint-large
{
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    line-height: 1.33;
}

.twitter-typeahead {
     width: 100%;
}
.tt-dropdown-menu {
     width: 100%;
}
.tt-hint {
     width: 100%;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
.tt-hint {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #8DB6CD;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
 
}
.tt-suggestion {
    display: block;
    padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}
.tt-suggestion p {
    margin: 0;
}
#users.form-control{
    border-radius: 0;
}
@media (min-width: 768px) {
  #users{
    width: 500px;
  }
}

.input-error {background-color: red; border: 1px dashed red; }

/*============================================== CSS LIS GROUP SETTING */
/* CSS REQUIRED */
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}
/*============================================== LIS GROUP SETTING END */

CSS

.btn3d {
    transition: all .08s linear;
    position: relative;
    outline: medium none;
    -moz-outline-style: none;
    border: 0px;
    margin-top: 15px;
    top: 0;
}
.btn3d:focus {
    outline: medium none;
    -moz-outline-style: none;
}
.btn3d:active {
    top: 9px;
}
.btn3d.btn-default {
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #adadad, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-primary {
    box-shadow: 0 0 0 1px #428bca inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #357ebd, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-success {
    box-shadow: 0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4cae4c, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-info {
    box-shadow: 0 0 0 1px #5bc0de inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #46b8da, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-warning {
    box-shadow: 0 0 0 1px #f0ad4e inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #eea236, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-danger {
    box-shadow: 0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #c24032, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d:active.btn-default {
    box-shadow: none;
}
.btn3d:active.btn-primary {
    box-shadow: none;
}
.btn3d:active.btn-success {
    box-shadow: none;
}
.btn3d:active.btn-info {
    box-shadow: none;
}
.btn3d:active.btn-warning {
    box-shadow: none;
}
.btn3d:active.btn-danger {
    box-shadow: none;
}

.btn3d {
    transition: all .08s linear;
    position: relative;
    outline: medium none;
    -moz-outline-style: none;
    border: 0px;
    margin-top: 15px;
    top: 0;
}
.btn3d:focus {
    outline: medium none;
    -moz-outline-style: none;
}
.btn3d:active {
    top: 9px;
}
.btn3d.btn-default {
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #adadad, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-primary {
    box-shadow: 0 0 0 1px #428bca inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #357ebd, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-success {
    box-shadow: 0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4cae4c, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-info {
    box-shadow: 0 0 0 1px #5bc0de inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #46b8da, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-warning {
    box-shadow: 0 0 0 1px #f0ad4e inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #eea236, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d.btn-danger {
    box-shadow: 0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #c24032, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
}
.btn3d:active.btn-default {
    box-shadow: none;
}
.btn3d:active.btn-primary {
    box-shadow: none;
}
.btn3d:active.btn-success {
    box-shadow: none;
}
.btn3d:active.btn-info {
    box-shadow: none;
}
.btn3d:active.btn-warning {
    box-shadow: none;
}
.btn3d:active.btn-danger {
    box-shadow: none;
}

@import('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css') 

.funkyradio div {
  clear: both; 
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 0.1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}
/* MODAL ERRO DE TRAVAR ELE APOS ABRIR O AVISO */
.modal { overflow: auto !important; }
.motal_alert  {
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
    }
	.modal.motal_alert  {
    /*   display: block;*/
    padding-right: 0px;
    background-color: rgba(4, 4, 4, 0.8); 
	z-index: 9999999999999999999999999999999999999999 !important;
    }
   
.modal-dialog.motal_alert {
    top: 20%;
    width: 100%;
    position: absolute;
        }
.modal-content.motal_alert {
    border-radius: 0px;
    border: none;
top: 40%;
            }
.modal-body.motal_alert {
	background-color: #0f8845;
	color: white;
                }



    /* CHECKBOX DAS PROMOÇÔES */				
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 0px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}				


.btn-mesas {
	width: 100px;
	height: 100px;
	margin: 15px;
}


.box {
    border-radius: 3px;
    border-bottom: 4px solid green;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 5px 15px;
    text-align: right;
    display: block;
    margin-top: 30px;
}
.box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 60px;
    margin: 0 auto;
    width: 60px;
    margin-top: -51px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	padding-left:6px;
}
.info h4 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-weight: 600;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

		.button_new{
			background-image: -webkit-linear-gradient(top, #f4f1ee, #E8E8E8);
			background-image: linear-gradient(top, #f4f1ee, #E8E8E8);
			border-radius: 50%;
			box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
			float:left;
			height: 70px;
			margin: 0 30px 30px 0;
			position: relative;
			width: 70px;			
			-webkit-transition: all .1s linear;
			transition: all .1s linear;
			
		}

		.button_new:after{
			color:#0088cc;
			content: "";
			display: block;
			font-size: 30px;
			height: 30px;
			text-decoration: none;
			text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
			position: absolute;
			width: 30px;
		}


		.heart:after{
			content: "❤";
			left: 21px;
			top: 16px;
		}

		.flower:after{
			content: "✿";
			left: 23px;
			top: 14px;
		}

		.tick:after{
			content: "✔";
			color:#57A544;			
			left:23px;
			top:16px;
		}

		.cross:after{
			content: "✖";
			left: 24px;
			top: 15px;
		}

		.plus:after{
			content: "✚";
			color:#f99e4e;
			left: 24px;
			top: 15px;
		}

		.button_new:hover{
			background-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
			background-image: linear-gradient(top, #fff, #f4f1ee);
			color:#0088cc;
		}

		.heart:hover:after{
			color:#f94e66;
			text-shadow:0px 0px 6px #f94e66;
		}

		.flower:hover:after{
			color:#f99e4e;
			text-shadow:0px 0px 6px #f99e4e;
		}

		.tick:hover:after{
			color:#83d244;
			text-shadow:0px 0px 6px #83d244;
		}

		.cross:hover:after{
			color:#eb2f2f;
			text-shadow:0px 0px 6px #eb2f2f;
		}

		.plus:hover:after{
			color:#7E2E2F;
			text-shadow:0px 0px 6px #7E2E2F;
		}

		

		.button_new:active{
			background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
			background-image: linear-gradient(top, #efedec, #f7f4f4);
			box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
		}

		.button_new:active:after{
			color:#dbd2d2;
			text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
		}
	
/* CAMPOS INPUT DO FORMULARIO DE CADASTRO DE CLIENTE */	
.form-horizontal .form-group {
padding: 3px;
}
.form-horizontal #novocadastroadd{
padding: 8px;
}
#novocadastroadd .ajustemaisjunto{
margin-top: -10px !important;
margin-bottom: -10px !important;
}
#rescliente .ajustemaisjunto{
padding: 3px !important;	
}
.form-horizontal label {
font-size: 12px;
color: #1C1C1C;
}
.style-form input {
    border: 1px solid #9C9C9C;
    border-radius: 6px;	
	color: #1C1C1C;
}	
.style-form textarea {
    border: 1px solid #9C9C9C;
    border-radius: 6px;	
	color: #1C1C1C;
}	
.modal-footer .btn {
padding: 5px;	
font-size: 16px;
font-weight: 800;
border-radius: 14px;
}
.teste{
text-align: left !important;
}

#tablecapdaio1 .dataTables_wrapper .dataTables_filter  {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
		text-align: left !important;
}
#tablecapdaio1 .dataTables_wrapper .dataTables_filter input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}



#tablecapdaio1_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#tablecapdaio2_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio3_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio4_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio5_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio6_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio7_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#tablecapdaio8_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#tablecapdaio9_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#tablecapdaio10_filter  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}



#new-search-area {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}

button {
    outline:none !important;  
 outline-style: none !important;  
}

#new-search-area  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#new-search-area2 {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
#new-search-area2  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#new-search-area3 {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
#new-search-area3  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
	
	
	
#new-search-area4 {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}
#new-search-area4  input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.dataTable tbody td {
  vertical-align: middle !important;
}	
	

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
  display: block;
  padding:5px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

	
.quero ::placeholder  {
   text-align: center; 
}

/* or, for legacy browsers */

.quero ::-webkit-input-placeholder {
   text-align: center;
}

.quero :-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

.quero ::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

.quero :-ms-input-placeholder {  
   text-align: center; 
}		


.modal .modal-header{
background-color: #CD3333;
}
.modal .modal-header h4{
font-weight:800;
color: #ffffff;	
}
.modal .modal-footer{
background-color: #CD3333;	
}

.showback h4{
font-weight:900;	
}

#rescliente .form-group input {
	
    border: 1px solid #B5B5B5;
    border-radius: 6px;	
	color: #1C1C1C;
}		

.ajustdtable{
text-align: center; justify-content: center; align-items: center; 
}
.ajusbtntable{
margin-top:2px !important; padding:6px!important; 	
}
.table-responsive{
border: none !important;	
}

.thead-dark {
    color: #000;
    background-color: #FCDFE3;
    border-bottom: 3px solid #B64553 !important;
	font-weight:800;
	font-size:15px;
}
.thead-dark-2 {
    color: #363636;
    background-color: #FCEDEF;
    border-bottom: 3px solid #B64553 !important;
	font-weight:800;
	font-size:13px;
}
.thead-dark-3 {
    color: #000;
	background-color: #F7F7F7;
    border-bottom: 3px solid #000000 !important;
	font-weight:500;
	font-size:13px;
}
.thead-dark-5 {
    color: #363636;
    background-color: #FCEDEF;
    border-bottom: 3px solid #B64553 !important;
	font-weight:800;
	font-size:13px;
}
.linhastable{
    border-top: 1px solid #000000 !important;
}
.linhastable th{
  display: table-cell;
  vertical-align: middle !important;
  text-align: left; /* Não necessário */	
     border-bottom: 3px solid #1C1C1C !important;	 
}
.linhastable2 td{
  display: table-cell;
  vertical-align: middle !important;
}
.success-2 {
background-color: #DFF0D8;	
border-top: 3px solid #C6E0BA !important;
font-size: 12px;
}
.success-2-baixo{
background-color: #DFF0D8;	
font-size: 12px;	
}
.fortelinha{
font-size: 12px;	
font-weight: 900;
background-color: #F5F5F5;	
    border-left: 1px solid #F5F5F5 !important;
    border-right: 1px solid #F5F5F5 !important;	
}

.success-2 td {
    border-left: 1px solid #F5F5F5 !important;
    border-right: 1px solid #F5F5F5 !important;	
  display: table-cell;
  vertical-align: middle !important;
  text-align: left; /* Não necessário */	
}
.success-3 input {
    border-radius: 6px;	
	color: #000000;
}	

.success-3 {
background-color: #ffffff;	
font-size: 15px;
}
.success-3 td {

  display: table-cell;
  vertical-align: middle !important;
}
.ajust2020 td {

  display: table-cell;
  vertical-align: middle !important;
}
.topotabelacar{
border-top: 1px solid #363636; 
border-bottom: 1px solid #363636; 
padding:5px; 
background-color: #FAFAFA; 
text-align: left;	
}
.topotabelacar h4{
font-weight:900;	
}

.btnfinais .btn {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center; /* Não necessário */	
}
.ajust-4 td {
  display: table-cell;
  vertical-align: middle !important;
  text-align: center; /* Não necessário */	
  font-size: 13px;
}
.ajust-4 tr {
 border-bottom:5px solid #e74c3c;
}
.success-6 th {
  display: table-cell;
  vertical-align: middle !important;
  text-align: center; /* Não necessário */	
  font-size: 14px;
}
.success-4 td {
  display: table-cell;
  vertical-align: middle !important;
  text-align: left; /* Não necessário */	
  font-size: 14px;
}
.success-4 label {
  display: table-cell;
  vertical-align: middle !important;
  text-align: left; /* Não necessário */	
  font-size: 14px;
}

.thead-dark-4 {		
	font-weight:400;
	font-size:13px;
	text-align: center !important;
	background-color: #FFF0F2;	
}

.ajustetroco{
padding-top:20px;padding-bottom:0px;font-weight:400;font-size:14px;	
}
.ajustetroco2{
padding-top:0px;padding-bottom:0px;font-weight:400;font-size:14px;	
}


.tab-content{
  background: #fdfdfd;
    border-top:5px solid #e74c3c;
}
.nav-tabs-custom{
    border: transparent !important;
}
.nav-tabs{
	    border: transparent !important;
font-weight: 600;	
padding: 0px;	
}
.nav-tabs li{
border: transparent !important;		
    border-bottom: 1px solid red !important;	
    border-top: 1px solid red !important;	
	padding: 0px !important;
	width: 150px;
	text-align: center;
}
.nav-tabs a{
border: transparent !important;		
font-size: 13px;
padding: 8px !important;
font-weight: 800;	
border-radius: 0px !important;
width: 150px;
}
.nav-tabs .active a{
	background: #FFC2CA !important;
	 border-bottom: none !important;
	 border-radius: 0px !important;	 
	 color: #000000 !important;
}
.nav-tabs a:hover{
	background: #FFC2CA !important;
	 border-radius: 0px !important;
}
.nav-tabs li:hover{
	background: #FFC2CA !important;
	 border-radius: 0px !important;
}

.tab-pane{
font-weight: 600;
	
}

@media (max-width: 920px) {
.rowmuda{
   display: flex;
    flex-flow: column-reverse;
  
    }
}	 

.pad-0{
padding: 0px;	
}.pad-10{
padding: 10px;	
}.pad-20{
padding: 20px;	
}
.pad-2{
padding: 2px;	
}
.pad-1{
padding: 1px;	
}
.pad-5{
padding: 5px;	
}
.pad-10-r{
padding-right: 10px;	
}
.pad-10-l{
padding-left: 10px;	
}
.pad-10-t{
padding-top: 10px;	
}
.pad-10-b{
padding-top: 10px;	
}
.pad-3-r{
padding-right: 3px;	
}
.pad-3-l{
padding-left: 3px;	
}
.pad-3-t{
padding-top: 3px;	
}
.pad-3-b{
padding-top: 3px;	
}
.mar-3-r{
margin-right: 3px;	
}
.mar-3-l{
margin-left: 3px;	
}
.mar-3-t{
margin-top: 3px;	
}
.mar-3-b{
margin-top: 3px;	
}

.edit{
background-color: #E8E8E8;
color: #000;
font-weight: 900;
border-radius: 2px;
font-size: 12px;
}
.produ{
background-color: #62AEB6;
color: #000;
font-weight: 900;
border-radius: 10px;
font-size: 16px;
}
.balcaoaguardar{
background-color: #FFA500;
color: #000;
font-weight: 900;
border-radius: 10px;
font-size: 16px;
}
.online{
background-color: red;
color: #fff;
font-weight: 900;
border-radius: 10px;
font-size: 16px;
}
.entreg{
background-color: #7DB858;
color: #000;
font-weight: 900;
border-radius: 10px;
font-size: 16px;
}
.final{
background-color: #AE392B;
color: #000;
font-weight: 900;
border-radius: 10px;
font-size: 16px;
}

span mark{
background-color: #3CB371;	
border-radius: 10px;
color: #ffffff;
padding: 5px;
}
b mark{
background-color: #3CB371;	
border-radius: 5px;
color: #ffffff;
padding: 3px;
}

.btn {
    white-space:normal !important;
    word-wrap: break-word; 
}


.border-fechado{
border-left: 4px solid #828282 !important;
}
.text-fechado{
color: #CD3333;	
}

.font-light{
color: #B5B5B5;	
font-size: 13px;
}

.text-black{

	color: #ffffff !important;
	font-weight:600 !important;
	
}

/* _button-group.scss:85 */
.dropleft &::before {
  margin-right: 0;
}

/* _dropdown.scss:5 */
.dropleft {
  position: relative;

}

/* _dropdown.scss:73 */

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

  .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: $dropdown-spacer;
  }

/*
  .dropdown-toggle {
    @include caret(left);
    &::before {
      vertical-align: 0;
    }

 */ 

.textfotos {
		  color: #333;
		  font-size: 20px;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  text-align: center;
}