/*loading ajax*/
.load{ position:fixed; width:100%; height:100%; display:block; background: url("../img/bg-load.png") fixed; top:0; left:0; z-index:99}
.caixa{background: url('../img/bg-load-box.png') 50% 50% no-repeat; width:100%; height:100%; text-align:center; margin:0 auto; z-index:99;}
.gif{width:100%; height:100%; display:block; background:url('../img/loading.gif') 50% 50%  no-repeat;}
.exibir-conteudo{display: block !important;}





/* LOGIN */
.login-content:before { background: none !important;}

.login-content{background: url(../img/bg-content.jpg) center no-repeat fixed; background-size: cover;}

.login-logo{background: #920000; position: absolute; top: 0; left: 0; width: 100%; padding: 10px 0; border-radius: 2px 2px 0 0}
.login-logo h3{color: #FFF; }


.login-content .lc-block {padding: 105px 55px 35px; margin-top: 200px;}



/* ALERTAS */
.alert-danger {
    background-color: #f2dede;
    border-color: #FDBBB6;
    color: #f44336;
    border-radius: 0 !important; 
}


.alert-success {
    background-color: #dff0d8;
    border-color: #A3DEA5;
    color: #4caf50;
    border-radius: 0 !important
}


.borda-vermelha{border: 1px solid red !important; margin-bottom: 10px}


input.maiuscula {
  text-transform: uppercase !important;
}

body{margin: 0 !important; padding: 0 !important; position: relative;}



a:hover{text-decoration: underline; }



.form-cancelamento textarea{border: 1px solid #CCC; padding: 5px}




#comanda-box{

	-webkit-transition:	all 0.5s linear;
			-moz-transition: all 0.5s linear;
				-o-transition: all 0.5s linear;
					transition: all 0.5s linear;
}


.add-espaco-item{display: block;}


.editar-tamanho{position: relative;  margin: 0 !important; padding: 0 !important}
.editar-tamanho a{color: #adadad; font-size: 18px; margin: 0 !important; padding: 0 4px 4px 2px !important; position: relative; top: 0}
.editar-tamanho a:hover{text-decoration: none; background: #D5E1E6; border-radius: 50%}

.editar-tamanho a i{margin: 0 !important; padding: 0 !important; position: relative; top: -3px; right: -5px}

/* CONTENT */


#header-system{background: #FFF; height: auto; padding: 0 !important; display: block !important; border-bottom: 1px solid #CCC; z-index: 999}
	
	.header-center{width: 1200px; margin: 0 auto; padding: 5px 20px}
	.header-center h2{font-size: 16px; margin: 0}
	.header-center p{font-size: 12px}

		.header-logo{margin-top: 12px}
		.header-sub-logo{margin-top: 19px}

		.header-total{padding-top: 20px}
		.header-total div div{text-align: center;}

		.header-logoff{text-align: right; margin-top: 20px}



	.menu{background: #2C2E3C}
	.menu ul{list-style: none; width: 1200px; margin: 0 auto; padding: 5px 20px}
	.menu ul li{display: inline-block;}
	.menu ul li a{color: #FFF; font-size: 16px; margin-right: 20px; padding:  10px 10px; display: block; border-radius: 0 !important}
	.menu ul li a:hover{color:#2C2E3C }

		.dropdown-menu-header{width: 300px !important; padding: 10px 0 !important; margin: 0 !important; left: -1px; max-height: 1000px !important; overflow: auto !important;}

		.dropdown-menu{width: 300px !important; padding: 10px 0 !important; margin: 0 !important; left: -1px; max-height: 220px; overflow-y: auto;}
		.dropdown-menu li{display: block !important;}
		.dropdown-menu li a{font-size: 14px !important; margin-right: 0 !important}


		.open a{color:#2C2E3C !important}




#content-system{}
	
	.contet-system-filter{background: #F4F5F6}
		.contet-system-filter-center{width: 1200px; margin: 0 auto; padding: 10px 20px}


		.novo-pedido-icone{margin-top: 4px}

		.header-busca hr{border-color: #CCC !important}


		.tab-remove-hover:hover{text-decoration: none; background: #F7F7F8}

		.tab-content{padding: 20px 0;}


		.btn-view-edit-del{position: relative; top: -5px}



	
	.content-system-center{width: 1200px; margin: 20px auto; padding: 0 20px}



		/* HOME MONITORAMENTO */


		.filtro-personalizado{padding-top: 5px; display: inline-block; position: relative;}
		.filtro-personalizado a{background: #E7E7E7; color: #313344; padding: 0 0 8px 8px; font-weight: bold; display: inline-block !important; margin-right: 10px}
		.filtro-personalizado a:hover{text-decoration: none; background: #D4D4D4}
		.filtro-personalizado a i{font-size: 22px; margin-left: 10px; position: relative; top: 5px; right: 5px}


		.lista-restaurante{padding: 20px 10px 0 10px; margin: 0 -2px 0 3px;}
		.lista-restaurante ul{margin: 0; padding: 0; list-style: none;  overflow-y: hidden; min-height: 123px; white-space:nowrap}
		.lista-restaurante ul:after{content: ""; display: block; clear: both;}
		.lista-restaurante ul li{display: inline-block; width: 141.1px; padding: 0 5px; text-align: center; margin-bottom: 20px}


			.lista-restaurante-box{padding: 10px; background: #96989A; background-image: url(../img/bg-restaurante-separador.png); background-repeat: no-repeat; background-position: bottom;}
			.lista-restaurante-box h4{color: #FFF; font-size: 18px; margin: 5px 0 5px 0}
			.lista-restaurante-box span{color: #FFF; font-size: 11px}

			.lista-restaurante-box a{color: #FFF; font-size: 14px}
			.lista-restaurante-box p{color: #FFF; font-size: 14px; font-weight: bold; margin: 0 0 5px 0;}

			.lista-restaurante-box hr{margin: 5px 0 0 0 !important; padding: 6px 0 !important}


				.box-azul{background-color: #00AFEF !important}
				.box-vermelho{background-color: #ED3237 !important}
				.box-cinza{background-color: #96989A !important}



				
				.icone-table{width: 20px; height: 20px; display: inline-block; border-radius: 50%; text-align: center; color: #FFF}
				.icone-table i{margin: 0; padding: 0}

				.verde{background: #349E05; padding: 2px 0 0 0}
				.azul{background: #238CAC; padding: 2px 0 0 0}
				.cinza{background: #484D54; padding: 1px 0 0 2px; margin-left: 10px; text-align: left;}
				.amarelo{background: #EFB724; padding: 2px 0 0 0; margin-left: 10px;}

				.verde-dois{background: #349E05; padding: 1px 0 0 0; margin-left: 10px;}

				.marrom{background: #613E2D; padding: 2px 0 0 0; margin-left: 10px;}




			.pedido-cancelado{background: #ED3237 !important}
			.pedido-cancelado td{color: #FFF !important}
			.pedido-cancelado td i{color: #FFF; }

		

		.form-monitoramento-pedido-status{background: #FFF; border: 1px solid #CCC}




.modal{ text-align: center;}
.modal:before { display: inline-block; vertical-align: middle;  content: " ";  height: 100%;}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
	.modal-content h4{color: #000 !important}


.formatacao-form-padrao:after{content: ''; display: block; clear: both;}

.formatacao-form-padrao label{font-size: 14px}

.formatacao-form-padrao input{border: 1px solid #ccc; padding: 0 10px !important; height: 30px}
.formatacao-form-padrao textarea{border: 1px solid #ccc; padding: 10px 10px}
.formatacao-form-padrao select{border: 1px solid #ccc; padding: 0 10px; height: 30px; background: #FFF url(../img/icone-select.png) right center no-repeat; cursor: pointer !important;}


.date-picker{background: #FFF url(../img/icone-calendario.png) right center no-repeat;}




.tab-nav li a{position: relative;}

.table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
  padding-top: 10px; padding-bottom: 0 !important
}

.table > tbody > tr > td, .table > tfoot > tr > td {
  padding-bottom: 0
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 0;
}



.disabled{background: rgb(255, 255, 255) !important;}


.card-center{padding:10px 20px 20px 20px}
.card-center h4{margin-bottom: 40px}

.card-center-dois{padding: 20px 20px 1px 20px; display: block;}


.panel-heading{color: #000; margin: 20px 0 0 0 !important}
.panel-title{margin-bottom: 0 !important; background: #ADADAD;}
.panel-title a{color: #000 !important; padding: 8px 5px 13px 20px !important}


.form-group{margin-bottom: 20px}
.form-group label{font-weight: normal;}

.input-radio{margin-top: 5px}



.total-header{padding-top: 6px}



.nao-encontrado{padding: 0 20px; margin: 0; font-size: 16px}


	
	
	.table-hover-monitoramento tr:hover{background: #AAA !important; color: #FFF !important}

	.table-hover-monitoramento tr:hover > td i{color: #FFF !important}

	.table-hover-monitoramento tr td select{margin: 0 !important; padding: 3px 5px 5px 5px !important; height: 30px !important; cursor: pointer;}



	.table-hover-monitoramento .btn-view-edit-del{position: relative; top: 2px}


/* CARDAPIO */


.sub-menu-cardapio{margin: 0; padding: 0; list-style: none;}
.sub-menu-cardapio li{display: inline-block; width: 223px; margin: 10px -3px 0 0; padding: 0; text-align: center;}
.sub-menu-cardapio li a{padding: 10px 20px; display: block; background: #2C2E3C; margin: 0 5px; color: #FFF}
.sub-menu-cardapio li a:hover{background: #DC1C0C; text-decoration: none;}
	
	.sub-menu-active{background: #DC1C0C !important}



.modal-header h3{font-size: 16px !important}



.table-opcao-add button{margin-bottom: 10px !important; width: 27px; height: 27px; text-align: center; padding: 0 !important; border-radius: 50%; margin-left: 15px}


.box-cardapio-categoria p{margin-bottom: 5px}


.box-status-view-pedido{text-align: center; background: #EEEEEE; padding: 10px 5px; min-height: 100px}
	.box-status-view-pedido h3{margin: 0 0 10px 0; font-size: 16px}
	.box-status-view-pedido h4{margin: 0; font-weight: normal;}
	.box-status-view-pedido p{margin: 0; margin-top: 5px; font-weight: bold;}

	.box-status-view-pedido input{text-align: center; width: 100px; margin: 0 auto; margin-top: 5px}


	.table-view-pedido tr td{padding-bottom: 10px !important; }

	.table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td { padding-bottom: 10px !important; }


	.header-title h3{margin: 0}






/* PAINEL RESTAURANTE */

	
	.box-restaurante-pedido{background: #F5F5F5; margin-bottom: 20px; display: block; padding: 15px 15px 10px 15px}

	.bg-laranja{background: #FFA671}
	.bg-laranja-claro{background: #FFDEB2}	
	.bg-cinza{background: #DFDFDF}
	.bg-vermelho{background: #FF9396}

	
		.box-restaurante-pedido-left{text-align: right; border-right: 1px solid #FFF}

		.box-restaurante-pedido-left h3{margin: 0 0 10px 0; padding: 0; color: #313344}
		.box-restaurante-pedido-left h4{margin: 0 0 10px 0; padding: 0; color: #313344}
		.box-restaurante-pedido-left p{margin: 0; padding: 0; color: #313344; font-size: 16px}



		.box-restaurante-pedido-right{}
		.box-restaurante-pedido-right h3{margin: 0 0 10px 0; padding: 0; color: #9E1C1E; display: block; text-align: right; padding-top: 3px}
		.box-restaurante-pedido-right h4{margin: 0 0 10px 0; padding: 0; color: #313344; display: block; text-align: right; padding-top: 3px}
		

			.tipo-entrega{background: #FFF; display: block; padding: 5px; text-align: center;}
			.tipo-entrega span{font-size: 16px; margin: 0 10px;}

			.tipo-entrega-cancelado{color: #9E1C1E}

			.tipo-entrega-saiu{font-size: 14px; background: #313344; color: #FFF; padding: 5px 10px; display: inline-block; margin-bottom: 5px}


	.box-comanda{background: #E2E294; margin-bottom: 19px; padding: 10px 20px}
	.box-comanda h4{margin: 0 0 5px 0; padding: 0; color: #9E1C1E; display: block; text-align: left; padding-top: 3px}

	.box-comanda p{margin: 0; color: #000}

	.box-comanda a i{font-size: 18px; color: #000; position: relative; top: 5px}


		.box-comanda-itens{border-top: 1px dotted #777; margin-top: 10px; padding: 10px 0; color: #000}
		.box-comanda-itens p{color: #000}

		.box-comanda-itens .bordasimples tr th{border: none !important; vertical-align: top !important; }
		.box-comanda-itens .bordasimples tr td{border: none !important; vertical-align: top !important;}


			/*
			.bordasimples { border-collapse: collapse; width: 100%;}
			
			.bordasimples tr th {border:none; padding: 2px; background: #F5F5F5}
			.bordasimples tr td {border:none; padding: 2px; vertical-align: top; line-height: 1.0em}
			.bordasimples tr td span{width: 35px !important; display: inline-block;}

				.table-obs td{padding-top: 10px !important;}
			*/

			.bordasimples { border-collapse: collapse; width: 100%; }
	
			.bordasimples tr th {border-top: 1px solid #CCC; padding: 1px 5px; background: #F5F5F5}
			.bordasimples tr td { padding:1px 5px;}
			.bordasimples tr td label{margin: 3px 0; font-size: 12px}

			.table-obs{vertical-align: top !important; }





			.bordasimples-dois { border-collapse: collapse; width: 100%; border: 1px solid #CCC;}
	
			.bordasimples-dois tr th {border: 1px solid #CCC; padding: 10px 5px; background: #F5F5F5}
			.bordasimples-dois tr td { padding:1px 5px; border: 1px solid #CCC;}
			.bordasimples-dois tr td label{margin: 3px 0; font-size: 12px}




.box-painel{margin-bottom: 20px !important; padding:10px 20px; border: 1px solid #ADADAD; position: relative; top: -3px}


.bordasimples {border-collapse: collapse;}

.bordasimples tr td {border:1px solid #FF0000; }



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
}




.table > thead > tr > th:first-child, .table > tbody > tr > th:first-child, .table > tfoot > tr > th:first-child, .table > thead > tr > td:first-child, .table > tbody > tr > td:first-child, .table > tfoot > tr > td:first-child {
    padding-left: 20px;
}

.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > tbody > tr > td:last-child, .table > tfoot > tr > td:last-child {
    padding-right: 20px;
}



.table-produtos{}
.table-produtos tr td{padding-bottom: 10px !important}
.table-produtos tr td .radio{margin-top: 6px}

.table-produtos tr td .lv-actions{top: 1px}




.indisponivel{color: red}




.produtos-tamanho{float: left; min-width: 120px; padding: 0 2px}



.novo-pedido-btn{margin: 0; padding: 0 !important; border-radius: 50%; width: 40px; height: 40px; border: 3px solid #fff; position: relative; top: -1px; right: 20px}
.novo-pedido-btn:hover{border: 3px solid #fff; }
.novo-pedido-btn i{font-size: 22px;}



/* NOVO PEDIDO */

.table-cardapio-pedido{}
	
	.table-cardapio-pedido h4{margin: 5px 0; padding: 0}
	.table-cardapio-pedido h4 a{color: #000}

	.table-cardapio-pedido p{color: #888}

	.table-cardapio-pedido h5{margin: 0; padding: 0; font-size: 16px; display: block; padding: 5px 0; color: #000; font-weight: bold}
	.table-cardapio-pedido h5 span{font-size: 10px; display: block; width: 70px; text-align: right; color: #BFBFBF; font-style: italic;}

		.btn-add-produto{display: block; margin: 5px 0; border-radius: 3px; cursor: pointer;}
		.btn-add-produto:hover{text-decoration: none;}


			.modal-add-opcional-adicional{}
			.modal-add-opcional-adicional h5{color: #000; margin-bottom: 10px}
			.modal-add-opcional-adicional label{display: block;  color: #000; padding-top: 5px; padding-bottom: 5px; padding-right: 5px}
			.modal-add-opcional-adicional .formata-label label:hover{background: #eee}

			.modal-add-opcional-adicional .formata-label .input-helper:after{top: 5px;}
			.modal-add-opcional-adicional .formata-label .input-helper:before{top: 5px; left: 5px}

				.input-adicionais{background: red !important}

				.alinha-valor-right span{ float: right; font-style: italic; color: #666}



.btn-status{padding:3px 5px 3px 7px ; border-radius: 50%}



.nenhum-resultado{padding: 20px}


.table-pedido img{width: 100%}

.pedido-telefone{text-align: right;}
	.pedido-telefone span{margin-left: 20px}

.pedido-endereco{display: block; background: #EEE; padding: 20px; margin-top: 10px}
	
	.pedido-endereco h4{margin: 0; padding: 0;}
	.pedido-endereco p{margin: 10px 0 0 0; padding: 0}

	.pedido-endereco .form-group{margin-top: 30px}

	.endereco-selecionado{background: #FCD5C5 !important}
	.endereco-selecionado-add{background: #FCD5C5 !important; padding: 20px 20px 0 20px}







/* NOVO PEDIDO */

.restaurante-novo-pedido{background: #C33538; margin-top: 10px; padding:10px 20px; text-align: center; color: #FFF}
	
	.restaurante-novo-pedido h2{margin: 0; padding: 0; color: #FFF; font-size: 32px}
	.restaurante-novo-pedido p{margin: 0; padding: 0}


.novo-pedido-cardapio{margin-top: 20px}
	
	
	.menu-novo-pedido a{background: #F2F3F3; display: block; text-align: center; color: #C5C5C5; border: 1px solid #C5C5C5; padding:10px 20px; font-size: 22px}
	.menu-novo-pedido a:hover{text-decoration: none; background: #C33538; border:1px solid #D26769; color: #FFF}

		.menu-novo-pedido .active{background: #C33538; border:1px solid #D26769; color: #FFF}
	


.novo-pedido-comanda{border:1px solid #C5C5C5;}
	
	.novo-pedido-comanda-header{text-align: center; background: #F2F3F3; padding:10px 20px}
		.novo-pedido-comanda-header h3{margin: 0 0 5px 0; padding: 0; color: #9E1C1E;}
		.novo-pedido-comanda-header h4{margin: 0; padding: 0; color: #6D6D6F}



	.novo-pedido-comanda-transporte{background: #D2D3D5; padding: 10px}
		.novo-pedido-comanda-transporte a{background: #E6E7E8; display: block; text-align: center; padding:7px 5px; color: #969696; font-size: 18px; border-radius: 5px; cursor: pointer; position: relative; font-weight: bold}
		.novo-pedido-comanda-transporte a:hover{background: #C33538; color: #FFF; text-decoration: none;}
		.novo-pedido-comanda-transporte .active{background: #C33538; color: #FFF;}

		.novo-pedido-comanda-transporte a span{position: absolute; font-size: 10px; bottom: 0; right: 10px; font-style: italic;}
		.novo-pedido-comanda-transporte a i{font-size: 24px; position: relative; top: 3px; margin-right: 5px}


	.novo-pedido-comanda-produtos{text-align: center; overflow: overlay; max-height: 250px; margin: 5px 0;}
		.novo-pedido-comanda-produtos .comanda-vazia{display: block; padding: 60px 20px; font-size: 22px}

		.novo-pedido-comanda-produtos ul{list-style: none; margin: 20px; padding: 0; text-align: left;}
		.novo-pedido-comanda-produtos ul li{padding: 10px 0; border-bottom: 1px solid #999}
		.novo-pedido-comanda-produtos ul li:last-child{border-bottom: none;}

		.novo-pedido-comanda-produtos ul li h4{font-size: 14px; margin: 0; padding: 0}
		.novo-pedido-comanda-produtos ul li p{font-size: 14px; margin: 0; padding: 0}

		.novo-pedido-comanda-produtos ul li .alinha-right{text-align: right;}

		.novo-pedido-comanda-produtos ul li .produto-add{padding-left: 30px}
		.novo-pedido-comanda-produtos ul li .produto-add h5{margin: 0; padding: 0; color: #606062}
		.novo-pedido-comanda-produtos ul li .produto-add h5 span{color: #F58634; font-size: 16px; position: relative; top: 2px}

		.novo-pedido-comanda-produtos ul li .produto-add .coluna{padding-left: 20px}








	.novo-pedido-comanda-footer{background: #F2F3F3; padding:10px 20px 20px 20px}
		.novo-pedido-comanda-footer .alinha-right{text-align: right;}

		.novo-pedido-comanda-footer span{color: #B7B7B7}


		.novo-pedido-comanda-footer .valor-total{ border-top: 1px solid #9D9D9D; border-bottom: 1px solid #9D9D9D; display: block; height: 45px; padding: 8px 0; margin: 10px 0}


		.novo-pedido-comanda-footer h3{font-size: 21px; margin: 0; padding: 0; color: #969696}
		.novo-pedido-comanda-footer h4{font-size: 21px; margin: 0; padding: 0; color: #A12325}

		.novo-pedido-comanda-footer .observacao textarea{border-radius: 5px; font-size: 10px; padding:5px 10px; border: none; color: #B7B7B7}
		.novo-pedido-comanda-footer .observacao a{background: #E6E7E8; padding: 2px 10px; display: inline-block; margin-top: 0; cursor: pointer; color: #969696; border-radius: 5px}
		.novo-pedido-comanda-footer .observacao a:hover{text-decoration: none; background: #C33538; color: #FFF}

		.novo-pedido-comanda-footer .observacao .active{text-decoration: none; background: #C33538; color: #FFF}

		.novo-pedido-comanda-footer .observacao a i{position: relative; top: 2px; left: -3px; color: #FFCC29; font-size: 16px}
		.novo-pedido-comanda-footer .observacao a:hover i{color: #FFF}

		.novo-pedido-comanda-footer .finalizar{display: block; margin-top: 20px}
		.novo-pedido-comanda-footer .finalizar a{background: #F58634; padding:5px 20px; font-size: 22px; color: #FFF; cursor: pointer; display: block; text-align: center; border-radius: 5px}
		.novo-pedido-comanda-footer .finalizar a:hover{text-decoration: none; background: #E9690C}
		




	.menu-accordion{background: #DCDCDC; margin-top: 20px}
	.menu-accordion ul{list-style: none; margin: 0; padding: 0}
	.menu-accordion ul li{display: inline-block; padding: 5px 5px}
	.menu-accordion ul li a{padding: 5px 5px 7px 5px; color: #3F4150}
	.menu-accordion ul li a:hover{text-decoration: none; font-weight: bold}

	.accordion-pedido{}
	.accordion-pedido .panel{}
	.accordion-pedido .panel .panel-heading{border: none !important;}
	.accordion-pedido .panel .panel-heading .panel-title{background: #F2F3F3 !important; border:1px solid #C8C8C8; font-variant: normal !important; }
	.accordion-pedido .panel .panel-heading .panel-title a{color: #808080 !important; margin: 0; padding: 10px !important; font-size: 22px; font-variant: normal !important;}
	.accordion-pedido .panel .panel-heading .panel-title a:hover{text-decoration: none; background: #E8EAEA}

	.accordion-pedido .panel .panel-collapse{}
	.accordion-pedido .panel .panel-collapse .panel-body{padding-left: 0 !important; padding-right: 0 !important}


	.accordion-pedido .panel .panel-collapse .panel-body .bordasimples tr td{border-right: none !important; border-left: none !important; border-color: #9D9D9D !important}

	.accordion-pedido .panel .panel-collapse .panel-body .bordasimples tr .border-right{padding:5px 0px}
	.accordion-pedido .panel .panel-collapse .panel-body .bordasimples tr .border-right .pedido-tamanho{ border-left: 1px solid #9D9D9D;}



		.pedido-restaurante{text-align: center;}
		.pedido-restaurante h4{margin: 5px 0}
		.pedido-restaurante a{color: #666}


		.box-add-pedido{background: url(../img/bg-load.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999}


		.modal-pedido{}
			.modal-pedido .modal-dialog{width: 670px !important;}
			.modal-pedido .modal-content{margin: 0; padding: 0; }
			.modal-pedido .modal-body{margin: 0; padding: 0}

		/*.box-add-pedido-center{background: #F2F3F3; width: 670px; max-height: 500px; margin: 0 auto; margin-top: -250px; top: 50%; padding: 40px; position: relative; text-align: left; overflow-y: auto;}*/


		.box-add-pedido-center{background: #F2F3F3; width: 100%; position: relative; text-align: left; padding: 40px}

		.box-add-pedido-center span{position: absolute; right: 10px; top: 10px}
		.box-add-pedido-center span a{font-size: 16px; color: #000; font-weight: bold}
		.box-add-pedido-center span a:hover{text-decoration: none;}

		.box-add-pedido-center h3{margin: 0 0 5px 0; padding: 0; text-align: center;}
		.box-add-pedido-center p{margin: 0; padding: 0; text-align: center;}
		.box-add-pedido-center h4{margin: 0; padding: 5px 0 10px 0; color: #9E1C1E !important; font-size: 24px; font-weight: bold; border-bottom: 1px solid #C8C9C9; text-align: center;}
		.box-add-pedido-center h4 strike{position: relative !important; font-size: 14px; right: -5px; top: 0}

		.box-add-pedido-center .box{padding: 0 0}

		.box-add-pedido-center .center{border-bottom:1px solid #C8C9C9; margin: 0; padding: 0}
		.box-add-pedido-center .center .form-group{margin: 10px 0 !important}

		.box-add-pedido-center .box label{}
		.box-add-pedido-center .box input{width: 80px}
		.box-add-pedido-center .box select{width: 60%; background: #FFF !important}

		.box-add-pedido-center .add select{width: 270px; background: #FFF !important}

		.box-add-pedido-center .adicionais{margin-bottom: 10px}
		.box-add-pedido-center .adicionais:after{content: ""; display: block; clear: both;}
		.box-add-pedido-center .adicionais table{}
		.box-add-pedido-center .adicionais table tr td{border:none !important; padding: 5px 0}

		.box-add-pedido-center .adicionais a{background: #F58634; padding: 0 3px 0 4px; display: inline-block; text-align: center; border-radius: 50%; cursor: pointer;}
		.box-add-pedido-center .adicionais a:hover{background: #F58634}

		.box-add-pedido-center .opcional{text-align: left; }
		.box-add-pedido-center .opcional h6{font-size: 14px; margin: 0; padding: 0}
		.box-add-pedido-center .opcional p{font-size: 12px; font-weight: 100; margin: 5px 0 ; padding: 0; text-align: left;}
		.box-add-pedido-center .opcional label{font-size: 12px}
		.box-add-pedido-center .opcional label i{background: red !important; }


		.box-add-pedido-center .footer{margin-top: 10px}
		.box-add-pedido-center .footer textarea{background: #FFF !important}

		.box-add-pedido-center .footer h3{color: #9E1C1E; font-weight: bold}
		.box-add-pedido-center .footer button{background: #9E1C1E; display: block; width: 250px; padding:3px 15px 5px 15px !important; font-size: 16px; color: #FFF; border-radius: 3px; border:none;}
		.box-add-pedido-center .footer button:hover{background: #A03B3C}
		.box-add-pedido-center .footer a:hover{background: #C52327; text-decoration: none;}




		.checkbox .input-helper:before, .radio .input-helper:before {
		    left: 0;
		    border: 1px solid #929191;
		    background-color: #FFF;
		}


		.box-select-produto{}
		.box-select-produto li{}
		.box-select-produto li a{position: relative;}
		.box-select-produto li a span{float: right;}


		.segunda-metade{display: block; position: relative; margin-top: 17px}
		.segunda-metade:after{content: ''; display: block; clear: both;}

		.segunda-metade span{margin-left: 10px}











		.box-finalizar-pedido{background: url(../img/bg-load.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999}

		/*.box-finalizar-pedido-center{background: #F2F3F3; width: 670px; max-height: 500px; margin: 0 auto; margin-top: -250px; top: 50%; padding: 40px; position: relative; text-align: left; overflow-y: auto;}*/
		
		.box-finalizar-pedido-center{background: #F2F3F3; padding: 40px; position: relative; text-align: left; }

		.box-finalizar-pedido-center span{position: absolute; right: 10px; top: 10px}
		.box-finalizar-pedido-center span a{font-size: 16px; color: #000; font-weight: bold}
		.box-finalizar-pedido-center span a:hover{text-decoration: none;}

		.box-finalizar-pedido-center h3{margin: 0 0 50px 0; padding: 0; text-align: center; color: #9A2529 }


		.box-troco{padding: 0 0 20px 0}



		.formata-valores-final{padding: 0 100px; text-align: center;}


		.valor-total-pagamento{border-top: 1px solid #9D9D9D; border-bottom: 1px solid #9D9D9D; display: block; padding: 8px  0; margin: 0 ; text-align: center;}
		.valor-total-pagamento h3{color: #979797; padding: 0; margin: 0}
		.valor-total-pagamento h4{color: #979797; padding: 0; margin: 0; font-size: 22px; color: #9E1C1E !important; font-weight: bold}


		.valor-minimo{padding: 20px 0}
		.valor-minimo h4{font-size: 22px; color: #A4A4A4;}


		.finalizar-pagamento{display: block; margin-top: 20px; text-align: center;}
		.finalizar-pagamento a{background: #F58634; padding:5px 50px; font-size: 22px; color: #FFF; cursor: pointer; display: inline-block; text-align: center; border-radius: 5px; position: relative; }
		.finalizar-pagamento a:hover{text-decoration: none; background: #E9690C}








		.retirar-no-local{background: url(../img/bg-load.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999}

		.retirar-no-local-center{background: #fff; padding: 40px 40px 20px 40px}	
		.retirar-no-local-center span{position: absolute; right: 10px; top: 10px}
		.retirar-no-local-center span a{font-size: 16px; color: #000; font-weight: bold}
		.retirar-no-local-center span a:hover{text-decoration: none;}

		.retirar-no-local-center h3{margin: 0 0 50px 0; padding: 0; text-align: center; color: #9A2529 }
		.retirar-no-local-center .col-xs-6{margin-bottom: 30px}

		.restaurante-fechado{background: #FBCDBA !important; border:1px solid #F26566 !important;}
		.restaurante-fechado:hover{background: #FABBA0 !important}

			.box-selecionar-restaurante{background: #EEEEEE; display: block; padding: 10px; border: 1px solid #B4B4B4; min-height: 85px}
			.box-selecionar-restaurante:hover{text-decoration: none; background: #E0E0E0}

			.box-selecionar-restaurante h4{margin: 0; padding: 0 0 5px 0; font-size: 14px}
			.box-selecionar-restaurante p{margin: 0; padding: 0; color: #666; font-size: 12px}



		.produto-comanda h4 a{background: #F58634;
						    padding: 0 2px 1px 3px;
						    display: inline-block;
						    text-align: center;
						    border-radius: 50%;
						    cursor: pointer; margin: 0 5px 0 0 !important}



		.item-comanda{position: relative;}

		.sub-item{position: absolute; top: 0; left: -260px; width: 250px; padding: 0 15px 0 0}

		.sub-item{display: none; }

			.sub-item-bg{background: url(../img/bg-sub-item.png) top right no-repeat; width: 16px; height: 35px; position: absolute; top: 10px; right: 0 }

			.sub-item-box{background: #FFF; border: 1px solid #CCC; 
				-webkit-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.52);
					-moz-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.52);
						box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.52);
			}

			.sub-item-box .box{margin: 10px}
			.sub-item-box .box h4{margin-bottom: 5px}
			.sub-item-box .box span{display: block;}


		.item-comanda:hover > .sub-item {
		    display: block;

		}
	
		





 .md-local-mall:before{    position: relative;
    left: 1px;}




.lista-produtos-cardapio{}
.lista-produtos-cardapio h5{font-size: 16px}

.lista-produtos-cardapio{font-size: 14px}
.lista-produtos-cardapio .form-group{margin: 0 !important; padding: 5px 0}



.valor-com-desconto{text-align: left; margin-top: 20px}

	.valor-com-desconto .valor-desconto{border-bottom: 1px solid #9D9D9D; padding: 0 0 10px 0; margin-bottom: 0px}
	.valor-com-desconto .valor-desconto h3{font-size: 21px !important; color: #A12325; margin-bottom: 0px}
	.valor-com-desconto .valor-desconto .form-group{margin: 0; padding: 0}
	.valor-com-desconto .valor-desconto .form-group input{padding: 0 10px; border: 1px solid #CCC}



.alinha-right{text-align: right;}




/* CALENDARIO */

._720kb-datepicker-calendar{width: 280px; border-radius: 0 !important; right: 0px;}

	
	._720kb-datepicker-calendar-days-header{text-align: center;}
	._720kb-datepicker-calendar-days-header div{position: relative; width: 38px !important}

	._720kb-datepicker-calendar-header-left a{color: #FFF; padding: 5px !important}
	._720kb-datepicker-calendar-header-left a:hover{border-radius: 0 !important; color: #FFF}

	._720kb-datepicker-calendar-month span{color: #FFF}
	._720kb-datepicker-calendar-years-pagination a{color: #FFF; border-radius: 0;}
	._720kb-datepicker-calendar-years-pagination a:hover{border-radius: 0}

		._720kb-datepicker-calendar-years-pagination-pages a:hover{border-radius: 0}

	._720kb-datepicker-calendar-month a{ border-radius: 0}
	._720kb-datepicker-calendar-month a:hover{border-radius: 0}


	._720kb-datepicker-calendar-header-right a{color: #FFF; padding: 5px !important}
	._720kb-datepicker-calendar-header-right a:hover{border-radius: 0 !important; color: #FFF}


		._720kb-datepicker-active{background: #CCC !important}

			.ng-binding .ng-binding i{position: relative; top: 2px;}

			.form-i i{position: relative; left: -25px}



/* GRAFICOS */

.ct-chart{height: 300px !important}
.ct-square{height: 300px !important; float: left;}
  
  .ct-label{font-size: 12px !important; font-weight: bold}


  .bg-grafico{background: url(../img/bg-grafico.png) center center no-repeat !important; }


 .grafico-legenda{}
 .grafico-legenda ul{list-style: none; margin: 0; padding:0 10px}
 .grafico-legenda ul li{padding: 2px 0; font-weight: bold}
 .grafico-legenda ul li span{min-width: 70px; display: inline-block;}


 	.form-calendario{}
 	.form-calendario input{background: #FFF url(../img/icone-calendario.png) right center no-repeat !important;}


 	.ct-chart3 .ct-series-a line{ stroke: #00B22D !important;}
 	.ct-chart3 .ct-series-b line{ stroke: #00A3D9 !important;}
 	.ct-chart3 .ct-series-c line{ stroke: #FF8000 !important;}
 	.ct-chart3 .ct-series-d line{ stroke: #D9262B !important;}

 	







.penalidade{position: relative; top: 5px}
.penalidade ul{list-style: none; display: inline-block;}
.penalidade ul li{width: 20px; height: 20px; border: 1px solid #CCC; display: inline-block;}
	
	.penalidade1{background: #FFC107}
	.penalidade2{background: #FF9800}
	.penalidade3{background: #F44336}







.pagina-mensagem{list-style: none; margin: 0; padding: 0}
.pagina-mensagem li{margin: 0; padding: 0}
.pagina-mensagem li h4{margin: 0 0 10px 0; padding: 0; font-size: 14px}
.pagina-mensagem li h4 a{color: #666}






/* CONTATOS */

.contato-box-status{}
	
	.contato-box-status .nao-encontrado{padding: 0 !important; position: relative; top: 7px; font-size: 14px}

	.contato-box-status ul{list-style: none; margin: 0; padding: 0}
	.contato-box-status ul li{padding: 10px 10px 15px 10px; border-left: 2px solid #FFF; position: relative; border-bottom: 1px solid #EEE}
	.contato-box-status ul li:hover{border-left: 2px solid #2196F3; background: #EEE}
	
	.contato-box-status ul li h4{margin: 0 0 2px 0; padding: 0; font-size: 14px}
	.contato-box-status ul li p{margin: 0; padding: 0}
	.contato-box-status ul li p span{display: block; }
	.contato-box-status ul li a{color: #666; }
	.contato-box-status ul li a:hover{text-decoration: none;}


	.contato-box-status ul li .icone-status{position: absolute; top: 10px; right: 10px; font-size: 28px;}

	.contato-box-status .itens-pedido-view li{border: none !important; padding: 2px 0 !important}
	.contato-box-status .itens-pedido-view li:hover{background: none !important}
	




.load-interno{background: url(../img/loading-pedido.gif) center center no-repeat; display: block; width: 100%; height: 100px}



.dia-atendimento{margin: 0}
.dia-atendimento label{margin: 1px 10px 0 5px !important;}




.box-restaurantes-entrega{}

	.box-restaurantes-entrega h3{font-size: 14px}
	.box-restaurantes-entrega ul{list-style: none; margin: 0; padding: 0}

		.table-entrega{display: block; width: 100%;}




.mensagem-da-central{}
	
	.mensagem-da-central h4{font-size: 14px; margin: 0; padding: 0}




.itens-pedido-view{position: relative;}
.itens-pedido-view i{font-size: 22px}

	/*.itens-pedido-view-box{position: absolute; bottom: 40px; background: #FFF; width: 250px !important; padding: 10px; border: 1px solid #CCC; }*/
	.itens-pedido-view-box{}

	.itens-pedido-view-box{position: absolute; left: -114px; bottom: 40px; background: #FFF; width: 250px !important; padding: 0 10px; border: 1px solid #CCC;}
	.itens-pedido-view-box{display: none; }
	
	
	.itens-pedido-view:hover > .itens-pedido-view-box {display: block;}

		.itens-pedido-view-box-marcador{position: absolute; left: 0; bottom: -16px; width: 100%; height: 20px; background: url(../img/bg-sub-item-top.png) bottom center no-repeat;}


		.itens-pedido-view-box .view-box{margin: 10px 0}
		.itens-pedido-view-box .view-box h4{margin: 0; padding: 0; font-size: 12px}
		.itens-pedido-view-box .view-box ul{list-style: none; margin: 0; padding: 0}
		.itens-pedido-view-box .view-box ul li{font-size: 12px}
		.itens-pedido-view-box .view-box p{margin: 0; padding: 0}




.modal-horarios{margin-bottom: 20px !important}



.collapsed:hover{background-color: #8F8F8F; text-decoration: none;}

.panel-collapse .panel-heading:before {
    content: "" !important;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.bg-red{background: #DC1C0C !important; color: red !important}
.bg-red span{color: #FFF !important}
.bg-red:hover{text-decoration: none; background: #BB170B !important}




.paginacao{text-align: center;}





.form-config{}
	.form-config select{border: 1px solid #CCC; padding: 0 !important; height: 30px}
	.form-config input{border: 1px solid #CCC; padding: 0 5px !important; height: 30px}







.historico-pedidos{}
	
	.historico-pedidos h4{margin-bottom: 10px !important}
	
	.historico-pedidos .panel-title{margin-bottom: 0 !important}
	.historico-pedidos .panel-title a{font-size: 16px;}
	.historico-pedidos .panel-title h5{font-size: 16px; margin: 8px 0 0 0; padding: 0; font-weight: normal;}
	.historico-pedidos .panel-title span{text-align: right; float: right; position: relative; top: 2px; right: 5px}
	.historico-pedidos .panel-title span img{width: 120px}
	.historico-pedidos .panel-title span p{font-size: 16px; margin: 8px 10px 2px 0; padding: 0}

	.historico-pedidos .panel-body{border: 1px solid #CCC; padding: 20px}




	.pedidos-anteriores-left{}
	.pedidos-anteriores-left table{width: 100%}

		.pedidos-anteriores-left .box-itens{margin-bottom: 10px}
		.pedidos-anteriores-left .box-itens h4{border-bottom: 1px solid #CCCDCD}

		.pedidos-anteriores-left .box-delivery{border-top: 1px solid #CCCDCD;}
		.pedidos-anteriores-left .box-delivery h4{}

		.pedidos-anteriores-left .box-total{border-top: 1px solid #CCCDCD;}
		.pedidos-anteriores-left .box-total table{margin-bottom: 10px}
		.pedidos-anteriores-left .box-total p{margin: 0; padding: 0}


	.pedidos-anteriores-right{}
	.pedidos-anteriores-right table{width: 100%}

		.pedidos-anteriores-right .box-itens{margin-bottom: 20px}
		.pedidos-anteriores-right .box-itens h4{border-bottom: 1px solid #CCCDCD}
			
			.pedidos-anteriores-right .box-itens .box-tempo{text-align: center; border: 1px solid #CCC; margin: 5px 0; min-height: 50px}

			.pedidos-anteriores-right .box-itens .box-tempo h5{margin: 5px 0; padding: 0; font-weight: bold;}
			.pedidos-anteriores-right .box-itens .box-tempo span{display: inline-block; margin: 0 5px}

			.pedidos-anteriores-right .box-itens .box-tempo-active{border: 1px solid #C72327 !important; color: #C72327;}
			.pedidos-anteriores-right .box-itens .box-tempo-active h5{color: #C72327 !important}

			.pedidos-anteriores-right .box-itens .box-cancelado{text-align: center; border: 1px solid #C72327; margin: 5px 0;}
			.pedidos-anteriores-right .box-itens .box-cancelado h5{margin: 5px 0; padding: 10px; font-weight: bold; color: #C72327}


		.pedidos-anteriores-right .box-observacao{margin-bottom: 10px}
		.pedidos-anteriores-right .box-observacao:after{content: ''; display: block; clear: both;}
		.pedidos-anteriores-right .box-observacao h4{border-bottom: 1px solid #CCCDCD}
		.pedidos-anteriores-right .box-observacao textarea:focus{box-shadow: none; border: 1px solid #920000}
		.pedidos-anteriores-right .box-observacao button{float: right; padding: 5px 15px; margin: 0; font-size: 12px; color: #fff; background: #9E1C1E; border: none;}
		.pedidos-anteriores-right .box-observacao button:hover{background: #C72327}	




	.adicionais-produto{position: relative;}


		.adicionais-item{display: none; position: absolute; bottom: 10px; padding: 0 0 20px 0; width: 100%; z-index: 9999}

			.adicionais-item-center{background: #FFF; padding: 10px; border: 1px solid #CCCCCC}
			.adicionais-item-center h4{font-size: 12px; margin: 0; padding: 0 0 0 0; font-weight: bold; border: none !important}
			.adicionais-item-center ul{list-style: none; margin: 0; padding: 2px 0 10px 0}
			.adicionais-item-center ul li{font-size: 12px}
			.adicionais-item-center p{font-size: 12px !important}

			.adicionais-item-bg{width: 100%; height: 16px; background: url(../img/bg-sub-item-top.png) 20px 0 no-repeat; position: absolute; left: 0; bottom: 5px}

		.adicionais-produto:hover > .adicionais-item{display: block;}



	.pedido-comentario{margin-top: 40px}
	.pedido-comentario h4{border-bottom: 1px solid #CCC}
	.pedido-comentario ul{list-style: none; margin: 0; padding: 0}
	.pedido-comentario ul li{margin: 20px 0 20px 0 }
	.pedido-comentario ul li p{}

	.pedido-comentario ul li span{display: block; padding-left: 20px}
	.pedido-comentario ul li span h5{margin: 0; padding: 0; font-size: 12px; font-weight: bold;}






	.site-background{position: relative;}
	.site-background img{max-width: 100%}

	.site-background span{position: absolute; top: 0; right: 0}
	.site-background span a{background: red; display: block; color: #FFF; padding: 8px 10px 8px 11px; cursor: pointer;}





.ta-editor {
      max-width: 96%;
      min-height: 300px;
      height: auto;
      overflow: auto;
      font-family: inherit;
      font-size: 100%;

      border: 1px solid #CCC;
      margin-top: 20px;
      padding: 10px
}





.no-horario{margin-top: 31px}


.icone-aberto{width: 15px; height: 15px; display: inline-block; background: #40E847; border-radius: 50%; position: relative; top: 3px; margin-right: 5px}
.icone-fechado{width: 15px; height: 15px; display: inline-block; background: #ff9800; border-radius: 50%; position: relative; top: 3px; margin-right: 5px}

.restaurante-fechado-titulo{margin: 60px 0 0 0; padding: 0; display: block; text-align: center;}


.restaurante-menu-itens{margin-top: 10px}	
	.restaurante-menu-itens ul{list-style: none; margin: 0; padding: 0}
	.restaurante-menu-itens ul li{display: inline-block; margin: 0 10px}
	.restaurante-menu-itens ul li a{color: #FFF; text-decoration: none;}
	.restaurante-menu-itens ul li a:hover{text-decoration: underline;}


	.box-modal-item{text-align: left !important;}
	.box-modal-item ul{}
	.box-modal-item ul:after{content: ''; display: block; clear: both;}
	.box-modal-item ul li{font-size: 16px; width: 45%; float: left; color: #333; padding: 5px}

	.box-modal-item table{width: 100%; color: #333; font-size: 16px}
	.box-modal-item table tr td{padding: 5px}

	.box-modal-item .fechado{color: red !important}

	.box-modal-item .horario-dia{width: 70px !important; display: inline-block; position: relative !important; top: 0 !important; left: 0 !important}