@charset "utf-8";

/*** Carregando Fontes ***/
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local('Raleway Light'), local(Raleway-Light), url(https://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local(Raleway), url(https://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format("woff2");
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: local('Raleway Medium'), local(Raleway-Medium), url(https://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local(Raleway-SemiBold), url(https://fonts.gstatic.com/s/raleway/v9/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local(OpenSans-Light), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local(OpenSans), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local(OpenSans-Semibold), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local(OpenSans-Bold), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans Semibold Italic'), local(OpenSans-SemiboldItalic), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local(Roboto-Light), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local(Roboto), local(Roboto-Regular), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local(Roboto-Medium), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local(Roboto-Bold), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local(Roboto-LightItalic), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local(Roboto-Italic), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: local('Roboto Medium Italic'), local(Roboto-MediumItalic), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local(Roboto-BoldItalic), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
}

/********************* CONFIGURAÇÕES GERAIS ********************/

html, body {
	/*** Alinhamentos Padrão ***/
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-image: url(https://onpedido.com.br/static/img/body.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #000;
	font-family: 'Open Sans', sans-serif, Arial;
	font-weight: 300;
	text-rendering: optimizeLegibility !important;
	text-shadow: 1px 1px 1px transparent !important;
}
#particulas {
	position: absolute;
	width:100%;
	height: 100%;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	opacity: 0.3;
}
/** Resetando CSS **/

* {
	outline: none;
	box-sizing: border-box;
	border-collapse: separate;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
:focus {
	outline: none;
}
input, select {
	outline: none;
}
ul, li, ul:hover, li:hover, ul li a:hover, ul li a, a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
img, iframe {
	border: none;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
ol, ul {
	list-style: none;
}
figcaption {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
}

/******** Grids *******/

.grid980 {
	width: 90%;
	min-width: 980px;
	display: table;
	margin: 0 auto;
	padding: 0;
}
.grid640 {
	width: 640px;
	display: table;
	float: left;
}
.grid475 {
	width: 50%;
	display: table;
	float: left;
}
.grid310 {
	width: 310px;
	display: table;
	float: left;
}
.left {
	margin-right: 15px;
}
.right {
	margin-left: 15px;
}
.margin {
	margin-top: 15px;
	margin-bottom: 15px;
}
.marginTop {
	margin-top: 30px !important;
}
.marginBottom {
	margin-bottom: 15px;
}
.display {
	display: none;
}
.radius-bottom {
	border-radius: 0 0 5px 5px !important;
}

/********* Avisos & Alerta *********/

.avisoAlerta {
	color: #fff;
	width: 100%;
	height: 125px;
	padding: 0;
	display: none;
	background-color: #9b0000;
}
.avisoTitulo {
	border-bottom: 0 dotted #fff;
	padding-bottom: 5px;
	padding-left: 55px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 15px;
	width: 100%;
	height: 50px;
	font-weight: 700;
	font-size: 21px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	background-repeat: no-repeat;
	background-position: 10px 10px, center top;
	background-size: 30px, 100%;
	background-image: url(https://onpedido.com.br/static/img/erroIcone.png), url(https://onpedido.com.br/static/img/preto30.png);
}
.avisoTexto {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.4;
	display: table;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
}
.avisoFooter {
	width: 100%;
	height: 50px;
	display: table;
	border: 0 solid #fff;
}
.avisoFooter button {
	width: 40%;
	cursor: pointer;
	outline: none;
	float: right;
	display: table;
	height: 35px;
	margin-right: 15px;
	padding: 3px;
	font-size: 16px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #fff;
	border: solid 1px #fbfbfb;
	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(244, 244, 244, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0);
}
.avisoFooter button:hover {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

/*** Mini Menu ***/

.seta {
	background-image: url(https://onpedido.com.br/static/img/setaBrancaMenu.png);
	background-repeat: no-repeat;
	background-position: 40px 3px;
	width: 90px;
	height: 20px;
	position: absolute;
	background-color: none;
	margin-top: -20px;
	margin-left: 120px;
}
#mini-menu li {
	position: relative;
	display: table;
	float: left;
	margin-top: -15px !important;
	z-index: 999;
	transition: none;
}
ul#mini-menu {
	width: auto;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	float: left !important;
}
#mini-menu li:hover .submenu {
	position: absolute !important;
	left: 50% !important;
	display: block !important;
	margin-left: -180px;
	margin-top: 50px;
}
#mini-menu li a:hover {
	text-decoration: none;
}
.pace .pace-activity {
	border-radius: 5px 5px 0 0;
	background: #a70000;
    background: -moz-linear-gradient(top,  #a70000 0%, #7a0000 100%);
    background: -webkit-linear-gradient(top,  #a70000 0%,#7a0000 100%);
    background: linear-gradient(to bottom,  #a70000 0%,#7a0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70000', endColorstr='#7a0000',GradientType=0 );
}

/***SUBMENU***/

.submenu {
	margin: 0 auto;
	margin-top: 0;
	text-decoration: none;
	float: right;
	border-top: none;
	position: absolute;
	left: -999em;
	text-align: left;
	background-position: -20px -189px;
	background-repeat: repeat;
	margin-left: -130px;
	-moz-border-radius: 0 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 5px;
	border: solid 1px #fbfbfb;
	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(244, 244, 244, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(244, 244, 244, 1) 1%, rgba(255, 255, 255, 1) 40%, rgba(244, 244, 244, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0);
	box-shadow: 0 0 10px #8A8A8A;
}
.submenu-conteudo {
	display: inline;
	float: left;
	position: relative;
	width: 250px;
	display: inline;
	padding-bottom: 5px;
	padding-top: 5px;
}
.submenu-conteudo a:link, .submenu-conteudo a:visited {
	text-decoration: none;
	font-size: 14px;
	padding: 7px;
	width: 240px;
	margin: 0;
	margin-left: 5px;
	display: table;
	font-weight: 600;
	color: #a70000 !important;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff !important;
	box-shadow: none;
	border: 0 !important;
	transition: none !important;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0eff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eff2', GradientType=0);
}
.submenu-conteudo a:hover, .submenu-conteudo a:active {
	color: #fff !important;
	background: #a70000;
    background: -moz-linear-gradient(top,  #a70000 0%, #7a0000 100%);
    background: -webkit-linear-gradient(top,  #a70000 0%,#7a0000 100%);
    background: linear-gradient(to bottom,  #a70000 0%,#7a0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70000', endColorstr='#7a0000',GradientType=0 );
	border: 0 !important;
	text-shadow: none!important;
}
#mini-menu li ul {
	list-style: none;
	transition: none !important;
}
#mini-menu li ul li {
	font-size: 14px;
	line-height: 0;
	position: relative;
	text-shadow: 0 0 0 #fff;
	padding: 0;
	margin: 0;
	text-align: left;
}
#mini-menu li ul li:hover {
	border: none;
	margin: 0;
}
#mini-menu li ul li {
	font-size: 14px;
	line-height: 24px;
	position: relative;
	text-shadow: 1px 1px 1px #fff;
	padding: 0;
	margin: 0;
	float: none;
	text-align: left;
	width: 130px;
}
@media screen and (max-width:960px) {
}

/******************** Entrar (entrar.php) *********************/

.colunaEntrar {
	display: table;
	position: absolute;
	margin-left: -225px;
	left: 50%;
	width: 450px;
	height: 100%;
}
.arteEntrar {
	width: 50%;
	height: 100%;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 top;
	background-size: auto 100%;
}
.logoEntrar {
	background-image: url(https://onpedido.com.br/static/img/onpert/icon/Onpert-Icon-Suport-Right.png), url(https://onpedido.com.br/static/img/logoOnpedidoLetteringRed.png);
	background-size: 80%, 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: top, bottom;
	width: 250px;
	height: 290px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 0px;
}
.formularioEntrar {
	width: 300px;
	margin: 0 auto;
	margin-top: 15px;
	display: table;
}
.formularioEntrar input {
	outline: none;
	-webkit-appearance: none;
}
.formularioEntrar input:focus {
	background-color: #eaffe8!important;
}
 
.formularioEntrar font {
	width: 100%;
	display: table;
	color: #a70000;
	font-size: 21px;
	text-align: center;
	font-weight: 600;
	text-shadow: 1px 1px 1px #fff;
}

.inputUsuario,
input.inputUsuario:-webkit-autofill,
input.inputUsuario:-webkit-autofill:hover, 
input.inputUsuario:-webkit-autofill:focus, 
input.inputUsuario:-webkit-autofill:active{
	margin-top: 15px;
	margin-bottom: 0px!important;
	width: 350px;
	padding: 10px;
	border-radius: 50px;
	border: 0px solid #ccc;
	box-shadow: 0px 0px 3px #bbb;
	border-bottom: 3px solid #ccc!important;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans';
	font-style: normal;
	color: #333;
	background-color: #fff !important;
	background-image: url(https://onpedido.com.br/static/img/pessoa.png) !important;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 12px 10px;
	padding-left: 50px;
}
.inputSenha,
input.inputSenha:-webkit-autofill,
input.inputSenha:-webkit-autofill:hover, 
input.inputSenha:-webkit-autofill:focus, 
input.inputSenha:-webkit-autofill:active{
	margin-top: 10px;
	margin-bottom: 15px;
	width: 350px;
	padding: 10px;
	border-radius: 50px;
	border: 0px;
	border-bottom: 3px solid #ccc!important;
	box-shadow: 0px 0px 3px #bbb;
	border-top: 0;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans';
	font-style: normal;
	color: #333;
	background-color: #fff !important;
	background-image: url(https://onpedido.com.br/static/img/cadeado.svg) !important;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 12px 10px;
	padding-left: 50px;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.inputUsuario:focus,
.inputSenha:focus{
	border-bottom: 3px solid #34b000!important;
	-webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.inputEntrar {
	margin-top: 0;
	margin-bottom: 15px;
	border: 0px;
	width: 350px;
	padding: 10px;
	border-bottom: 3px solid #208723;
	font-size: 14px;
	border-radius: 50px!important;
	color: #fff!important;
	cursor: pointer;
	background-color: #34A203!important;
	font-weight: 600;
	font-family: 'Open Sans';
	font-style: normal;
	outline-offset: 0;
  outline-style: none;
  outline-width: 0;
  -webkit-font-smoothing: inherit;
}
.inputEntrar:hover,
.inputEntrar:active{
	background-color: #34b000!important;
}
/******* Cadastre-se *******/
.folha {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 5px 5px #ccc;
	border: 1px solid #bbbbb;
	background-image: url('https://onpedido.com.br/static/img/cabecalho960.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 95px;
	background-size: 700px;
}
#cadastroRevendedor{
	padding: 30px;
}
.header {
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background-color: #555;
	margin-bottom: 20px;
}
.folha h1 {
	font-size:18px;
	margin-left:15px;
	color: #a00000;
	text-align: center;
}
.folha h2 {
	font-size:14px;
	margin-left:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	display: block;
	clear: both;
	border: 0px solid #ccc;
	color: #a00000;
	text-align: left;
}
.folha .btVerde {
	color: #fff;
	float: right;
	cursor: pointer;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: -10px;
	background-color: #34A203;
	width: auto;
	font-weight: 400;
	display: table;
	padding: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 3px;
}
.folha .formulario .btSubmeter{
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	width:100%!important;
	text-align: center;
	font-weight: 500;
	background-color: #34A203;
	padding: 3px;
	padding:10px!important;
	border-radius: 3px;
	outline: none;
	margin-top: 15px;
	margin-right:0px;
	margin-left:0px;
}
.folha .formulario input,
.folha .formulario select{
	border: 1px solid #333;
	width: 100%;
	padding: 5px;
	border-radius: 3px;
}
.folha .formulario input[type=text],
.folha .formulario input[type=password],
.folha .formulario select{
	outline: none;
	padding: 7px;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #333;
	width: 100%;
	height: 34px;
	border: 1px solid #ccc;
	display: table;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-user-select: auto;
}
.folha .formulario input[type=text]:focus,
.folha .formulario input[type=password]:focus,
.folha .formulario select:focus {
	border: 1px solid #34A203;
}
.folha .formulario select {
		background: url(https://onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat #fff;
}
.folha .formulario section label{
	width:100%;
	font-size: 14px;
	margin-bottom: 5px;
	display: table;
	color: #333;
}
.folha .formulario section {
	padding: 10px;
}
.folha section{
	width: 100%;
	display: table;
}
.formulario .umElemento{
	width: 100%;
	
}
.formulario .doisElemento{
	width: 50%;
	float: left;
	display: table;
}
.folha .formulario section label{
	font-weight: 500;
}
.folha .formulario .contrato{
	padding: 30px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #f3f3f3;
	display: hidden;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	overflow-y: scroll;
	height: 400px;
	border: 1px solid #ccc;
}
.folha .formulario {
	display: table;
}

.folha .formulario table#guiaEtapas td:nth-child(1),
.folha .formulario table#guiaEtapas td:nth-child(3),
.folha .formulario table#guiaEtapas td:nth-child(5),
.folha .formulario table#guiaEtapas td:nth-child(7)
{
	border-radius: 3px;
	border: 0px;
	background-color: #e1e1e1;
	font-weight: 600;
	color: #333;
	width: 150px!important;
}
.folha .formulario table#guiaEtapas td:nth-child(2),
.folha .formulario table#guiaEtapas td:nth-child(4),
.folha .formulario table#guiaEtapas td:nth-child(6){
	border: 0px;
	background-color: #fff;
	height: 1px;
}
.folha #cadastroRevendedor {
	width: 100%;
}
.folha .formulario table#guiaEtapas td.ativo{
  background-color: #7a0000;
	color: #fff;
}
.folha .formulario table#guiaEtapas td.concluido{
  background-color: #34A203;
	color: #fff;
}
.folha .formulario .linha{
	width: 100%;
	border-bottom: 5px dotted #ccc;
}
.folha .formulario table#btsNavegar{
  
}
.folha .formulario table#btsNavegar td:nth-child(1),
.folha .formulario table#btsNavegar td:nth-child(3){
	border: 0px;
	color:#fff;
	width: 49%;
	border-radius: 3px;
}
.folha .formulario table#btsNavegar td:nth-child(2){
	width: 2%;
	border: 0px solid;
}
.folha .formulario table#btsNavegar tr:hover{
	background-color: #fff!important;
}
.folha .formulario table#btsNavegar td.btAvancar{
	background-color: #34A203;
	margin-right: 15px!important;
	cursor: pointer;
}
.folha .formulario table#btsNavegar td.btVoltar{
	background-color: #777;
	margin-right: 15px!important;
	cursor: pointer;
	width: 50%;
}
.folha .formulario table#btsNavegar td:nth-child(1){
	width: 10px!important;
}
.folha #dadosSucesso {
	background-image: url('https://static.onpedido.com.br/img/iconFesta.png');
	background-size: 180px;
	background-repeat: no-repeat;
	background-position: right 120px;
}
.folha #dadosSucesso h2{
	text-align: center!important;
	font-size: 16px;
	border-bottom: 2px dotted #eee;
	padding-bottom: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.folha #dadosSucesso font{
	font-weight: 600;
	color: #34A203;
	font-size: 21px;
	margin-top:-7px;
	display: table;
}

/******* Cabeçalho  *******/

header {
	width: 100%;
	display: table;
	margin-top: 0px;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0 0 1px #aaa, 0 0 10px #fff;
}
.logo {
	float: left;
	width: 200px;
	height: 85px;
	background-image: url(//static.onpedido.com.br/img/logoOnpedidoLetteringRed.png);
	background-size: 180px auto, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: 20px 60%;
	border-radius: 10px 0 0 0;
}
.chefMenu{
	border: 0px solid #ccc;
	height: 100px;
	padding-right: 70px;
	background-image: url(https://res.cloudinary.com/onpedido-marke/image/upload/c_thumb,dpr_2,f_auto,q_auto,w_318/ONPERT_POSE_04_1_etgkgt.png);
	background-repeat: no-repeat;
	background-position: 99.5% 2px;
	background-size: 87px;
}
.menuContexto {
	text-align: right;
	height: 85px;
	text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 10px 10px 0px 0px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f7fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f7fc', GradientType=0);
}
.nomeMenu {
	color: #a70000;
	font-weight: 600;
	font-size: 16px;
	padding-top: 20px;
	padding-right: 25px;
}
.notasMenu {
	color: #555;
	font-weight: 400;
	padding-right: 25px;
	font-size: 12.5px;
}
.itensMenu {
	width: 100%;
	height: 85px;
	color: #444;
	background-color: #dbe0e5;
	border-radius: 0 0 10px 10px;
}
.itensMenu nav {
	padding: 25px;
	padding-top: 30px;
	display: table;
}
.itensMenu nav a:link, .itensMenu nav a:visited {
	color: #444;
	float: left;
	font-weight: 600;
	border-bottom: 3px solid transparent;
	padding-bottom: 7px;
	display: table;
}
.itensMenu nav a:hover, .itensMenu nav a:active {
	color: #a70000;
	font-weight: 600;
	border-bottom: 3px solid #a70000;
}
.itensMenu nav b {
	color: #ccc;
	margin-right: 5px;
	margin-left: 5px;
	display: table;
	float: left;
}

/******* Tabelas *******/

table {
	border: 0 solid #ddd;
	border-spacing: 0;
	margin: 0 auto;
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	font-size: 12.5px;
}
th, td {
	padding: 7px;
	font-weight: 400;
	width: auto;
	border-bottom: 0px solid #ddd;
	border-collapse: collapse;
	text-align: center;
	color:#333;
}
td {
	border-right: 1px solid #eee;
}
td b {
	font-weight: 600;
}
td:last-of-type {
	border-right: 0 solid #ddd;
}
tr:hover {
	background-color: #ecffe8 !important;
}
tr:nth-child(even) {
  background-color: #f2f7fc;
}
td font {
	color: #333;
	margin-left: 5px;
	font-size: 12px;
	font-weight: 400;
}
td font {
  color: #333;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
thead {
  background-color: #dbe0e5;
  color: #333;
 
}
table thead tr:hover {
  background-color: #dbe0e5!important;
}
thead th {
  border-right: 1px solid #eee;
  font-weight: 600!important;
}
table select {
	border-radius: 3px;
	border: 1px solid #ccc;
	font-family: 'Open Sans';
	font-weight: 600;
	padding: 3px;
}
.tituloBox i select {
	border-radius: 3px;
	border: 1px solid #ccc;
	font-family: 'Open Sans';
	font-weight: 600;
	padding-left: 3px;
	margin-top: -5px;
}
.footerBox {
  padding: 10px;
  font-size: 12.5px;
  background-color: #dbe0e5;
  color: #333;
  font-weight: 600;
  border-radius: 0 0 5px 5px;
  display: table;
  width: 100%;
}
a.excluir:link, a.excluir:visited {
	width: 100%;
	display: table;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	margin: 0;
	padding: 3px 7px;
	border-radius: 3px;
	background-color: #eee;
	border: solid 0 #fbfbfb;
	background: #a90329;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
}
a.excluir:hover {
	background: #c4033a;
	background: -moz-linear-gradient(top, #c4033a 0%, #8f0222 54%, #99001c 100%);
	background: -webkit-linear-gradient(top, #c4033a 0%, #8f0222 54%, #99001c 100%);
	background: linear-gradient(to bottom, #c4033a 0%, #8f0222 54%, #99001c 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c4033a', endColorstr='#99001c', GradientType=0);
}
a.excluir:active {
	background: #99001c;
	background: -moz-linear-gradient(top, #99001c 0%, #8f0222 54%, #c4033a 100%);
	background: -webkit-linear-gradient(top, #99001c 0%, #8f0222 54%, #c4033a 100%);
	background: linear-gradient(to bottom, #99001c 0%, #8f0222 54%, #c4033a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99001c', endColorstr='#c4033a', GradientType=0);
}
#morris-bar-chart, #faturamentoMensal, #faturamento {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0eff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eff2', GradientType=0);
}
.dinheiro {
	text-align: center;
	font-weight: 600;
	color: #34A203;
	margin: 0 auto;
	padding: 0;
	display: table;
}
b.subMoris {
	font-weight: 600;
	display: table;
	line-height: 1em;
	text-align: center;
	width: 100%;
	margin-top: -12px !important;
}
.azul {
	margin: 0 auto;
	font-weight: 600;
	color: #2b98f2;
	font-size: 14px;
}
.grafico {
	background-image: url(https://onpedido.com.br/static/img/pontoAzul.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

/******* Caixas *******/

.box {
	background-color: #fff;
	display: table;
	margin-bottom: 30px;
	border-radius: 10px;
	border: 0px solid #ccc;
	box-shadow: 0px 0px 1px #bbb;
}
.tituloBox {
	width: 100%;
	padding: 10px;
	padding-left: 15px;
	color: #fff;
	font-size: 125%;
	background: #a70000;
  background: -moz-linear-gradient(top,  #a70000 0%, #7a0000 100%);
  background: -webkit-linear-gradient(top,  #a70000 0%,#7a0000 100%);
  background: linear-gradient(to bottom,  #a70000 0%,#7a0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70000', endColorstr='#7a0000',GradientType=0 );
	border-radius: 10px 10px 0 0;
	background-size: 220px;
	text-shadow: 1px 1px 1px #7a0000;
	font-style: italic;
}
.tituloBox i {
	float: right;
	font-size: 14px;
	padding: 5px 5px 0 0;
	text-shadow: 1px 1px 1px #680000;
}

/*** Paginação ***/

.paginacao {
	display: table;
}
.paginacao a:link, .paginacao a:visited {
	text-align: center;
	padding: 5px;
	width: 30px;
	font-weight: 800;
	float: left;
	display: block;
	border-radius: 3px;
	margin: 5px;
	color: #555;
	transition: none;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0eff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eff2', GradientType=0);
	box-shadow: 0 0 3px #000;
	text-shadow: 1px 1px 1px #fff;
}
.paginacao a:hover, .paginacao a:active {
	background-image: url(img/octogonosPreto.jpg);
	background-size: 300px;
	text-shadow: 1px 1px 1px #9b0000;
	color: #fff;
}
.paginacaoAtiva {
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background: #58ce50;
	background: -moz-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: -webkit-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: linear-gradient(to bottom, #58ce50 0%, #34a203 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58ce50', endColorstr='#34a203', GradientType=0) !important;
}
.elemento {
	width: 100%;
	display: table;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0eff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eff2', GradientType=0);
	text-shadow: 1px 1px 1px #fff;
	height: 100%;
}
.tituloElemento {
	width: 485px;
	float: left;
	padding: 15px;
}
.tituloElemento h1 {
	font-weight: 600;
	font-size: 18px;
	margin: 0;
	color: #555;
}
.tituloElemento h2 {
	font-weight: 500;
	font-size: 13px;
	padding-right: 15px;
	color: #555;
	margin: 0;
}
.acaoElemento {
	display: table;
	width: 490px;
	height: 100px;
	padding-right: 15px;
	border: 0 solid #ccc;
}
.acaoConfiguracoes {
	height: 60px;
}
.acaoConfiguracoes span font {
	width: auto;
	display: table;
	float: left;
	color: #444;
	font-weight: 600;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}
.acaoConfiguracoes span input {
	width: 125px !important;
	margin: 0;
}
.acaoConfiguracoes span {
	margin-right: 0;
	display: table;
	float: right;
}
.elementoMiddle {
	display: table-cell;
	vertical-align: middle;
}
.acaoElemento input {
	border: 1px solid #bbb;
	color: #555;
	padding: 10px;
	width: 475px;
	margin-right: 0;
	font-size: 14px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	outline: none;
	border-radius: 3px;
}
.acaoConfiguracoes input {
	width: 100%;
}
.acaoConfiguracoes {
	padding-right: 5px;
}
.inputTag {
	padding: 0 !important;
}
.inputTag input {
	border-radius: 0 3px 3px 0;
	border-left: 0;
	overflow: hidden;
	height: 42px!important;
	width: 90% !important;
	margin-right: 0;
	margin-left: 0 !important;
}
.iconeInput {
	float: left;
	width: 10% !important;
	height: 42px;
	vertical-align: middle;
	border-radius: 3px 0 0 3px;
	background-color: #555;
	font-weight: 600;
	text-align: center;
	padding-top: 10px !important;
	text-shadow: none;
	color: #fff;
	font-family: 'Raleway';
	font-style: normal;
}
.acaoElemento input:focus {
	border-color: #00c113;
}
.acaoElemento select {
	border: 1px solid #bbb;
	color: #555;
	padding: 10px;
	width: 220px;
	margin-right: 0px;
	font-size: 14px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	outline: none;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 30px;
	background: url(https://onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat #fff;
}
.redfont {
	color: #9b0000 !important;
}
.errobox {
	background: url(https://onpedido.com.br/static/img/erroGarfo.png) 810px 50% no-repeat #fff;
	background-size: 15% auto;
}
.btVermelhoTable{
	background-color: #c00!important;
}
.btVermelhoTable:hover{
	background-color: #a70000!important;
}
.submit {
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 0px;
	padding-left: 15px!important;
	padding-right: 15px!important;
	border: 0;
	font-size: 14px!important;
	font-family: 'Open Sans', Arial;
	font-weight: 500!important;
	float: left;
	height: 40px;
	display: block;
	border-radius: 3px;
	color: #fff !important;

	background: #58ce50;
}
.submit:hover {
	background: #58ce50;
}
.submit:active {
	border-radius: 3px;
	background: #34a203;
}
/**/
.btVermelho {
	cursor: pointer;
	outline: none;
	width: 300px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
	border: 0;
	font-size: 14px;
	font-family: 'Open Sans', Arial;
	font-weight: 600!important;
	float: left!important;
	display: table;
	text-align: center!important;
	border-radius: 3px;
	color: #fff !important;
	background: #a90329; /* Old browsers */
}
.btVermelho:hover {
	background: #c9000a!important;
}
.btVermelho:active {
	background: #6d0019;
 }
.bts {
	margin: 0 auto;
	display: table;
	min-width: 65px;
}
.btEditar {
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 27px;
	height: 27px;
	border: 0;
	font-size: 14px;
	font-family: 'Open Sans', Arial;
	font-weight: 600;
	float: left;
	display: block;
	border-radius: 3px;
	color: #fff !important;
	background-image: url(https://onpedido.com.br/static/img/editarBranco.png), url(https://onpedido.com.br/static/img/preto10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btEditar:hover {
	background-image: url(https://onpedido.com.br/static/img/editarBranco.png), url(https://onpedido.com.br/static/img/branco10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btEditar:active {
	background-image: url(https://onpedido.com.br/static/img/editarBranco.png), url(https://onpedido.com.br/static/img/preto30.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btDuplicar {
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 27px;
	height: 27px;
	margin-left: 7px;
	border: 0;
	font-size: 16px;
	font-family: 'Open Sans', Arial;
	font-weight: 500;
	float: left;
	display: block;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background-image: url(https://onpedido.com.br/static/img/duplicarIcon.png), url(https://onpedido.com.br/static/img/preto10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btDuplicar:hover {
	background-image: url(https://onpedido.com.br/static/img/duplicarIcon.png), url(https://onpedido.com.br/static/img/branco10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btDuplicar:active {
	background-image: url(https://onpedido.com.br/static/img/duplicarIcon.png), url(https://onpedido.com.br/static/img/preto30.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btVisualizar {
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 27px;
	height: 27px;
	border: 0;
	font-size: 16px;
	font-family: 'Open Sans', Arial;
	font-weight: 500;
	float: left;
	display: block;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background-image: url(https://onpedido.com.br/static/img/ver.png), url(https://onpedido.com.br/static/img/preto10.png);
	background-position: 4px 50%, 10px 0;
	background-size: 20px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;




}
.btVisualizar:hover {
	background-image: url(https://onpedido.com.br/static/img/ver.png), url(https://onpedido.com.br/static/img/branco10.png);
	background-position: 4px 50%, 10px 0;
	background-size: 20px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btVisualizar:active {
	background-image: url(https://onpedido.com.br/static/img/ver.png), url(https://onpedido.com.br/static/img/preto30.png);
	background-position: 4px 50%, 10px 0;
	background-size: 20px, auto;
	background-color: #58ce50;
	background-repeat: no-repeat, repeat;
}
.btExcluir {
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 0;
	margin-left: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 27px;
	height: 27px;
	border: 0;
	font-size: 16px;
	font-family: 'Open Sans', Arial;
	font-weight: 500;
	float: left;
	display: block;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background-image: url(https://onpedido.com.br/static/img/erro.png), url(https://onpedido.com.br/static/img/preto10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #c00;
	background-repeat: no-repeat, repeat;
}
.btExcluir:hover {
	background-image: url(https://onpedido.com.br/static/img/erro.png), url(https://onpedido.com.br/static/img/branco10.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #c00;
	background-repeat: no-repeat, repeat;
}
.btExcluir:active {
	background-image: url(https://onpedido.com.br/static/img/erro.png), url(https://onpedido.com.br/static/img/preto30.png);
	background-position: 6px 50%, 10px 0;
	background-size: 15px, auto;
	background-color: #c00;
	background-repeat: no-repeat, repeat;
}
.boxSucesso {
	border: 0 !important;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
	background: #58ce50;
	background: -moz-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: -webkit-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: linear-gradient(to bottom, #58ce50 0%, #34a203 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58ce50', endColorstr='#34a203', GradientType=0) !important;
}
.boxSucesso .tituloElemento {
	width: 100%;
	background: url(https://onpedido.com.br/static/img/ok.png) 20px 50% no-repeat transparent;
	background-size: 40px auto;
}
.boxSucesso .tituloElemento h1, .boxSucesso .tituloElemento h2 {
	color: #fff !important;
	padding-left: 60px;
}
.boxSucesso .tituloElemento h2 {
	font-size: 14px;
}
.boxFoto {
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: block;
	padding: 0;
	box-shadow: inset 0 0 1px #000;
}
.boxFoto img {
	border-radius: 3px;
	width: 150px;
	display: table;
	margin-top: -110px;
}
#enviarImagem {
	cursor: pointer;
	outline: none;
	text-align: center;
	width: 250px;
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0;
	font-size: 16px;
	font-family: 'Open Sans', Arial;
	font-weight: 500;
	float: left;
	margin-top: 10px;
	display: table;
	height: 37px;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background: #58ce50;
	background: -moz-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: -webkit-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: linear-gradient(to bottom, #58ce50 0%, #34a203 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58ce50', endColorstr='#34a203', GradientType=0) !important;
}
#enviarImagem:hover {
	background: #58ce50;
	background: -moz-linear-gradient(top, #58ce50 48%, #34a203 100%) !important;
	background: -webkit-linear-gradient(top, #58ce50 48%, #34a203 100%) !important;
	background: linear-gradient(to bottom, #58ce50 48%, #34a203 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58ce50', endColorstr='#34a203', GradientType=0) !important;
}
#enviarImagem:active {
	background: #34a203;
	background: -moz-linear-gradient(top, #34a203 0%, #58ce50 100%) !important;
	background: -webkit-linear-gradient(top, #34a203 0%, #58ce50 100%) !important;
	background: linear-gradient(to bottom, #34a203 0%, #58ce50 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#34a203', endColorstr='#58ce50', GradientType=0) !important;
}
.tabs>ul {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #555;
	overflow: hidden;
}
.tabs ul li {
	list-style: none;
	float: left;
	margin-right: 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-left: 1px solid #eee;
	text-align: center;
	font-size: 14px;
}
.tabs ul li:first-child {
	border-left: 0;
	width: 97px;
}
.tabs ul li:last-child {
	border-right: 0;
	width: 99px;
}
.tabs ul li:last-child a {
	border-right: 0;
	width: 99px;
}
.tabs ul li.controls {
	float: right;
}
.tabs ul li a {
	width: 96px;
	font-weight: 700;
	display: inline-block;
	padding: 6px 12px;
	color: #555;
	outline: 0;
	text-decoration: none;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e4e4e4));
	background: -moz-linear-gradient(#eee, #e4e4e4);
	background: linear-gradient(#eee, #e4e4e4);
	-pie-background: linear-gradient(#eee, #e4e4e4);
}
.tabs ul li.active a {
	pointer-events: none;
	color: #fff;
	background: #555;
	text-shadow: 1px 1px 1px #333;
}
.tabs div.tabscontent>div {
	padding: 0;
}
.tabs div.controls {
	float: right;
}
.tabs div.controls a {
	margin-left: 5px;
}
.cabecalhoTab {
	padding: 10px;
	font-size: 14px;
	background-color: #555;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 500;
	display: table;
	width: 100%;
}
.cabecalhoTab font {
	margin-left: 10px;
	display: table;
	width: 50%;
	float: left;
	border: 0 solid #fff;
	text-shadow: 1px 1px 1px #333;
	font-size: 16px;
	font-weight: 500;
}
.loadSelectCategorias select {
	width: 460px;
}
.boxEdicao div {
	width: 100%;
}
.boxEdicao div>div>div {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 9px;
}
.boxEdicao div.loadSelectCategorias {
	padding: 0;
}
.boxEdicao div div {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
.boxEdicao div div input {
	width: 100%;
}
.boxEdicao div div h1 {
	width: 100%;
	height: 26px;
}
.boxEdicao div div.acaoElemento {
	height: 50px;
	border: 0 solid #ccc;
	padding: 0;
	padding-bottom: 5px;
}
.boxEdicao div div.tituloElemento {
	padding: 0;
	padding-left: 15px;
	padding-top: 10px;
}
.boxEdicao div input[type="button"] {
	width: 150px !important;
	height: 35px !important;
	margin: 0 !important;
}
.boxEdicao div div select {
	width: 100%;
	margin: 0;
	height: 45px;
}
.avisoInformacao {
	color: #fff;
	width: 100%;
	height: 300px;
	padding: 0;
	display: none;
	background-color: #009A57;
}
.avisoInformacaoTitulo {
	border-bottom: 0 dotted #fff;
	padding-bottom: 5px;
	padding-left: 60px;
	padding-bottom: 12px;
	margin-bottom: 5px;
	padding-top: 15px;
	width: 100%;
	font-size: 21px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	background-repeat: no-repeat;
	background-position: 10px 10px, center top;
	background-size: 40px, 100%;
	background-image: url(https://onpedido.com.br/static/img/informacoes.png), url(https://onpedido.com.br/static/img/preto30.png);
}
.avisoInformacaoTexto {
	width: 100%;
	height: 115px;
	font-size: 14px;
	font-weight: 600;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: 1px 1px 1px #004425;
	font-family: 'Open Sans', sans-serif;
}
.loaderIconAviso {
	background-repeat: no-repeat;
	background-position: 7px 7px, center top;
	background-size: 40px, 100%;
	background-image: url(https://onpedido.com.br/static/img/loaderAddCarrinho.gif), url(https://onpedido.com.br/static/img/preto30.png);
}
.fonteMenor {
	font-size: 12px;
}
.btFatura {
	padding: 3px 25px;
	margin-top: -5px;
	margin-bottom: -5px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	display: table;
	background-color: #fff;
	cursor: pointer;
	outline: none;
	text-align: center;
	border: 0;
	font-size: 14px;
	font-family: 'Open Sans', Arial;
	font-weight: 600;
	float: left;
	display: block;
	color: #fff !important;
	background-image: url(https://onpedido.com.br/static/img/preto10.png);
	background-position: 10px 0;
	background-size: 15px, auto;
	background-color: #58ce50;
	background-repeat: repeat;

}
.btFatura:hover {
	background-image: url(https://onpedido.com.br/static/img/branco10.png);
	background-position: 10px 0;
	background-size: auto;
	background-color: #58ce50;
	background-repeat: repeat;
}
.btFatura:active {
	background-image: url(https://onpedido.com.br/static/img/preto30.png);
	background-position: 10px 0;
	background-size: auto;
	background-color: #58ce50;
	background-repeat: repeat;
}
table.tbFaturas tbody tr:hover {
	background-color: transparent !important;
}
.inputImg {
	background-color: #fff;
}
.carregandoElemento {
	background: url(https://onpedido.com.br/static/img/miniLoader.gif) 10px 50% no-repeat #fff;
	background-size: 32px auto;
	border-radius: 3px;
	height: 42px;
	display: table;
}
.carregandoElemento b {
	margin-left: 50px;
	padding-top: 8px;
	display: table;
	color: #555;
	font-weight: 500;
}
.boxEdicao .carregandoElemento {
	border: 1px solid #bbb;
	height: 42px;
}
.boxEdicao .carregandoElemento b {
	margin-left: 40px;
	padding-top: 3px;
	color: #555;
	font-weight: 500;
}
.imgConfiguracoes {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 15px;
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.imgConfiguracoes img {
	width: 50px;
	height: 50px;
}
.avisoFatura a:link, .avisoFatura a:hover, .avisoFatura a:active, .avisoFatura a:visited {
	color: #fff;
	line-height: 1em;
	margin: 0px;
}
.avisoFatura {
	display: table;
	width: 100%;
	border-radius: 3px;
	padding: 15px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 25px;
}
.avisoFatura h1 {
	margin: 0px;
	padding: 0px;
	padding-left: 55px;
	line-height: 1em;
	font-size: 18px;
}
.avisoFatura h2 {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-left: 55px;
	line-height: 1em;
	font-size: 14px;
	font-weight: 500;
}
.statusMenu {
	border: 0px solid;
	width: auto;
	float: right;
}
.menuContexto .statusAberto {
	width: 17px;
	height: 17px;
	margin-top: 2px;
	border-radius: 50px;
	margin-right: 6px;
	display: table;
	float: left;
	background-color: #34A203;
	background-image: url('https://onpedido.com.br/static/img/pontoVerde.gif');
	background-repeat: repeat;
	background-size: 45px;
	background-position: 100%;
}
.menuContexto .statusFechado {
	width: 17px;
	height: 17px;
	margin-top: 2px;
	border-radius: 50px;
	margin-right: 6px;
	display: table;
	float: left;
	background-color: #34A203;
	background-image: url('https://onpedido.com.br/static/img/pontoVermelho.gif');
	background-repeat: repeat;
	background-size: 45px;
	background-position: 100%;
}
.novaFatura {
	background-color: #34A203;
	background-image: url('https://onpedido.com.br/static/img/iconDinheiro.png');
	background-repeat: no-repeat;
	background-size: 45px;
	background-position: 14px 14px;
}
.vencidaFatura {
	background-color: #34A203;
	background-image: url('https://onpedido.com.br/static/img/iconDinheiro.png'), url('https://onpedido.com.br/static/img/pontoVerde.gif');
	background-repeat: no-repeat, repeat;
	background-size: 45px;
	background-position: 14px 14px;
}
.bloqueadaFatura {
	background-color: #9b0000;
	background-image: url('https://onpedido.com.br/static/img/iconDinheiro.png'), url('https://onpedido.com.br/static/img/pontoVermelho.gif');
	background-repeat: no-repeat, repeat;
	background-size: 45px;
	background-position: 14px 14px;
}
.motivacionalTexto {
	padding: 15px;
	color: #333;
	font-style: italic;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	display: table;
	margin-top: 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #aaa;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0eff2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0eff2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eff2', GradientType=0);
}
.footerOnpedido {
	width: 90%;
	padding: 15px;
	display: table;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 0px;
	color: #555;
	border: 1px solid #fff;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
  background-color: #fbfbfb;
	box-shadow: 0px 0px 1px #ccc;
	opacity: 0.9;
}
.footerOnpedido div:nth-child(1){
	border-right: 1px solid #ccc;
}
.footerOnpedido a:link,
.footerOnpedido a:active,
.footerOnpedido a:visited{
	color:#9b0000;
}
.footerOnpedido a:hover{
	text-decoration: underline;
}
.brasil {
   width: 32px;
   margin-bottom: -6px;
   margin-left:5px;
   margin-right: 5px;
}
.tooltip {
	display: none;
	position: absolute;
	background-color: #161616;
	border-radius: 3px;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	z-index: 9999 !important;
}
.ordemDrag li {
	padding: 15px;
	font-size: 15px;
	width: 950px;
	cursor: move;
	background-color: #ccc;
	box-shadow: 0px 1px 2px #eee;
	border-radius: 3px;
	list-style: none;
	margin: 0px!important;
	margin-bottom: 15px!important;
	font-weight: 600;
	color: #333;
	border: 1px solid #dbdbdb;
	height: 55px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}
.ordemDrag {
	padding-left: 15px;
}
li.placeOlderOrdemDrag {
	background: #f2f9fe;
	background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
	background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
	background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd', GradientType=0);
}
.btFooterPrint {
	cursor: pointer;
	margin-top: -40px;
	background-color: #00C113;
	padding: 10px 15px 10px 45px;
	border-radius: 3px;
	background-image: url('https://onpedido.com.br/static/img/imprimir.png');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	float: right;
}
.btFooterPrint:hover {
	background-color: #00A65A;
}
.bolhaOpId {
	margin-top: -6px;
	margin-bottom: 5px;
	margin-left: -12px;
	background-color: #fff;
	width: 100px;
	height: 20px;
	display: table;
	padding: 1px;
	border-radius: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	color: #fff !important;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background: #58ce50;
	background: -moz-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: -webkit-linear-gradient(top, #58ce50 0%, #34a203 100%) !important;
	background: linear-gradient(to bottom, #58ce50 0%, #34a203 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58ce50', endColorstr='#34a203', GradientType=0) !important;
}
.boxSelecao label{
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  height: 50px;
  width: 100%;
  float: left;
  display: table;
  cursor: pointer;
  padding: 10px;
  padding-left: 60px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-image: url(https://onpedido.com.br/static/img/erroGarfo.png);
}
.boxSelecao input[type="radio"],
.boxSelecao input[type="checkbox"] {
   display: none;
}
.boxSelecao input[type="radio"]:checked + label,
.boxSelecao input[type="checkbox"]:checked + label{
    padding: 10px;
    padding-left: 60px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-image: url(https://onpedido.com.br/static/img/checado.png);
}
.avisoDebug{
	background-color:#9A008F;
    width:100%;
	padding:15px;
	text-align:left;
	color:#fff;
	margin-bottom: 20px;
	border-radius: 10px;
}
.avisoDebug section {
	width: 960px;
	display: table;
	margin: 0 auto;
	padding-left: 80px;
	background-repeat: no-repeat;
  background-position: 5px 50%;
	background-size: 60px;
	background-image:url(https://onpedido.com.br/static/img/engrenagensBranco.png);
}
.avisoDebug h1 {
	font-weight: 700;
	font-size:16px;
	margin: 0px;
	padding: 0px;
	line-height: auto;
}
.avisoDebug p {
  font-size:14px;
	margin: 0px;
	padding: 0px;
	line-height: auto;
}
.avisoDemonstrativo {
	background-color:#13B800; 
	width:100%; 
	text-align:center; 
	font-size:16px; 
	color:#fff;
	margin-bottom: 20px;
	border-radius: 10px;
}
.avisoDemonstrativo b {
	font-weight: 700;
	display: table;
	margin: 0 auto;
	padding:15px;
	padding-left:50px;
	background-repeat: no-repeat;
	background-position:0% 50%;
	background-size: 40px;
	background-image:url(https://onpedido.com.br/static/img/informacoes.png);
}
.acordeao .ui-accordion-header {
	width: 100%;
	height: 50px;
	padding: 10px;
	padding-top: 24px;
	padding-bottom: 20px;
	line-height: 0px;
	display: table;
	cursor: pointer;
	box-shadow: inset 0px -3px 3px #ddd;
	margin: 0px;
	font-size: 16px;
	color: #555;
	
}
.acordeao .ui-accordion-header:hover {
	background-color: #f5f5f5;
}
.acordeao .ui-state-active,
.acordeao .ui-state-active:hover{
	background-color: #9b0000;
	color: #fff;
	height: 45px;
	margin: 0px;
	padding: 15px;
	padding-top: 24px;
	box-shadow: none;
}
#acordeaoEditarDescontos .ui-accordion-header,
#acordeaoEditarDescontos .ui-accordion-header{
	padding-left:58px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	background-size: 40px;
	background-image: url(https://onpedido.com.br/static/img/pizza-icon.png);
}
.freeowLogo{
	background-position:-7px -5px !important;
	background-color: #fff;
	background-size: 84px!important;
  background-image: url(img/empresario.png);
	background-color: #4285f4;
}

/***** PAGINA FATURAS *****/
#tabs-container .tab{
	width:100%!important;
}
#tabs-container {
	background-color: #f2f2f2;
	height: 50px;
	box-shadow: inset -1px 0px 0px #ddd;
}
#tabs-container .tabs-menu li a, #tabs-container b {
	font-weight:600
}
#tabs-container .tabs-menu li,#tabs-container  a,#tabs-container  h3 {
	text-align:center
}

#tabs-container .alerta,
#tabs-container .btVerde,
#tabs-container .tabs-menu,
#tabs-container a.verde,
#tabs-container a.vermelho,
#tabs-container th {
	text-shadow:none
}

#tabs-container .tabs-menu {
	height:40px;
	float:left;
	clear:both;
	padding:0;
	margin:0
}
#tabs-container .tabs-menu li {
	height:40px;
	line-height:40px;
	font-size:14px;
	float:left;
	background-color:#555;
	border-top:0px solid #333;
	border-left:1px solid #333;
	list-style:none
}
#tabs-container .tab,#tabs-container .tabs-menu li.current,#tabs-container table {
	background-color:#fff;
}
#tabs-container .tabs-menu li.current,#tabs-container .tabs-menu li:first-child {
	border-left:1px solid transparent;
	
}
#tabs-container .tabs-menu li.current{
	background-color: #dbe0e5;
}
#tabs-container .tabs-menu li:last-child {
	color:#900;
	border-right:1px solid #d4d4d1;
}
#tabs-container .tabs-menu li.current {
	position:relative;
	border-bottom:0px solid #fff;
	z-index:5;
	border-left:1px solid #d4d4d1
}
#tabs-container .tabs-menu li a {
	padding:20px;
	color:#fff;
	text-decoration:none;
	margin:0!important
}
#tabs-container .tabs-menu .current a {
	color:#900
}
#tabs-container .tab {
	border:0px solid #d4d4d1;
	border-top:1px solid #d4d4d1;
	margin-top: -1px;
	border-radius: 0px 0px 5px 5px;
	float:left;
	width:auto
}
#tabs-container .tab-content {
	width:100%;
	padding:0px;
	display:none
}
#tabs-container  #tab-1 {
	display:block
}
#tabs-container #tab-1 table td:first-child {
	text-align:right;
	padding-right:10px;
	border:0
}
#tabs-container #tab-1 table,#tabs-container #tab-1 table td {
	border:0
}
#tabs-container .taxaOnpedido td,.taxaOnpedido th, #tabs-container td, #tabs-container th {
	padding:5px 5px 5px 10px;
	font-weight:400;
	border-collapse:collapse
}
#tabs-container table {
	border:0px solid #ddd;
	border-spacing:0;
	width:100%!important;
}
#tabs-container td, #tabs-container th {
	width:auto;
	border-bottom:0px solid #ccc;
	padding:10px;
}
#tabs-container th {
	font-weight: 600;
	background-color: #dbe0e5;
    color: #555;
	border-right:0px solid #333
}
#tabs-container th:last-child {
	border-right:0 solid #333
}
#tabs-container td:first-child {
	border-right:0px solid #ccc;
}
#tabs-container tr:hover {
	background-color:#ecffe8!important
}
#tabs-container .taxaOnpedido table {
	border:0px solid #ddd;
	border-spacing:0;
	width:960px;
	border-radius:3px;
	background-color:#fff;
	text-align:center
}
#tabs-container .taxaOnpedido td,.taxaOnpedido th {
	width:auto;
	border-bottom:0px solid #ccc
}
#tabs-container .taxaOnpedido td {
	border-right:0px solid #ccc
}
#tabs-container .taxaOnpedido tr:hover {
	background-color:#ecffe8!important
}
#tabs-container .taxaOnpedido tr:nth-child(even) {
	background-color:#F2F7FC;
}
#tabs-container h3 {
	clear:both;
	margin:10px
}
#tabs-container a {
	width:202px;
	margin-right:10px!important
}
#tabs-container .btVerde,#tabs-container a.verde {
	text-decoration:none;
	color:#fff;
	border-radius:3px;
	margin:15px 0 0;
	border:0 solid!important;
	float:right;
	background-color:#34a203;
	cursor:pointer;
	font-size:16px;
	width:auto!important;
	padding:5px 30px!important
}
#tabs-container .btVerde:hover,#tabs-container a.verde:hover {
	background-color:#236c00
}
#tabs-container a.vermelho {
	text-decoration:none;
	color:#fff;
	border-radius:3px;
	margin:3px;
	padding:5px;
	float:left;
	background-color:#c00
}
#tabs-container .itemEdicao div:first-child,
#tabs-container .itemEdicao div:last-child {
	padding-top:10px;
	padding-bottom:10px
}
#tabs-container a.vermelho:hover {
	background-color:#b00
}
#tabs-container hr {
	margin-top:20px;
	margin-bottom:10px;
	border:0 solid;
	border-top:1px solid #eee;
}
#tabs-container .itemEdicao {
	width:100%;
	border-bottom:1px solid #eee;
	background-color:#fbfbfb;
	display:table;
	
}
#tabs-container .itemEdicao:last-child {
	border:0
}
#tabs-container .itemEdicao:last-child div:last-child {
	float: right;
}
#tabs-container .itemEdicao div {
	width:50%;
	display:table;
	float:left;
	
}
#tabs-container .itemEdicao div:first-child {
	text-align:right;
	padding: 16px 0;
}
#tabs-container .itemEdicao input, 
#tabs-container .itemEdicao select,
#tabs-container .itemEdicao textarea{
	outline:none!important;
	padding:10px!important;
	margin-left:10px;
	width:300px!important;
	border: solid 1px #e8e8e8;
}
#atualizarValores:active,
#atualizarValores:visited,
#atualizarValores:hover{
	padding: 15px!important;
	border: 0px!important;
}
#tabs-container .itemEdicao input:focus {
	border:1px solid #34a203
}
.alerta {
	margin-bottom:30px;
	padding:15px 15px 15px 55px;
	background-color:#b00;
	border-radius:10px;
	color:#fff;
	background-image:url(https://onpedido.com.br/static/img/erro.png);
	background-repeat:no-repeat;
	background-position:15px;
	background-size: 30px 30px;
	font-weight: 600;
	font-size:14px;
}
.alerta b {
	font-size: 16px;
	margin-bottom: 5px;
	display: table;
}
#tabs-container input[type='text'],
#tabs-container select{
	width: 350px;
	margin-right:10px;
	padding: 10px;
	border-radius: 3px;
}
#tabs-container input[type='button'] {
	width: auto;
	border-radius: 3px;
	background-color: green;
	color: #fff;
	border: 0px;
	padding: 5px;
	font-family: 'Open Sans', Arial;
	font-weight: 600!important;
	cursor: pointer;
	font-size: 12.5px;
}
#tabs-container input[type='button']:hover{
	background-color: darkgreen;
}
#tabs-container input[type='text'],
#tabs-container input[type='number']{	
 -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  display: table;
  float: left;
  border-radius: 3px!important;
  font-size: 12.5px;
  font-family: 'Open Sans', sans-serif, Arial!important;
  font-weight: 500!important;
  padding-top: 0px!important; 
  padding-bottom: 0px!important; 
  line-height: 35px;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; 
}
#tabs-container input[type='text']:disabled,
#tabs-container input[type='number']:disabled {
  opacity:0.80;
	background-color: #eaeef2;
  
}
#tabs-container select{
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  display: table;
  float: left;
  border-radius: 3px!important;
  font-size: 12.5px;
  font-family: 'Open Sans', sans-serif, Arial!important;
  font-weight: 500!important;
  padding-top: 0px!important; 
  padding-bottom: 0px!important; 
  line-height: 35px;
  outline: none;
  padding-left: 15px;
  padding-right: 27px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; 
}
.inputFatura {
	width: 90px!important;
	text-align: center;
	margin: 0px!important;
	outline: none;
	-webkit-appearance: none;   
	-moz-appearance: none;    
	appearance: none; 
	border: 1px solid #eee;
}
#tabs-container input[type='text']:focus,
#tabs-container input[type='number']:focus,
.inputFatura:focus{
	border:1px solid #34a203;
}
#tabs-container input[type="text"]:focus{
	background-color: #fff;
}
.iconDados {
	width:130px!important;
}

.iconDados div {
	width: 21px;
	height: 21px;
	float: left;
	display: table;
	background-color: #777;
	border-radius: 3px;
	margin: 3px;
	cursor:  help;
}
.iconDados div:hover {
	background-color: #00a200;
}
.iconDados .telefone {
	background-image: url('img/brancoTelefone.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .celular {
	background-image: url('img/brancoCelular.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .email {
	background-image: url('img/brancoEmail.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .endereco {
	background-image: url('img/brancoMap.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .faturamento {
	background-image: url('img/brancoDinheiro.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .clientes {
	background-image: url('img/brancoPessoa.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .produtos {
	background-image: url('img/brancoBox.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .bd {
	background-image: url('img/brancoDatabase.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.iconDados .configuracoes {
	background-image: url('img/brancoConfiguracoes.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.statusNumero{
	color:#fff; 
	border-radius:3px; 
	padding:5px;
	text-align: center;
	width: 30px;
	height: 30px;
	display: table;
	margin:0 auto;
}
.valores {
    font-size:18px!important;
    font-weight:800!important;
}
.td20{
    width:20%!important;
}
.td25{
    width:25%!important;
}
.acao {
	width:150px;
}
a:link .btFaturas,
a:active .btFaturas,
a:visited .btFaturas,
a:link .btSistema,
a:active .btSistema,
a:visited .btSistema,
a:link .btCadastro,
a:active .btCadastro,
a:visited .btCadastro {
	color: #fff;
	text-decoration: none;
}
.btFaturas,
.btSistema,
.btCadastro{
	padding: 3px;
	font-size: 12px;
	border-radius: 3px;
	background-color:#777;
	display: table;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight:600;
}
.btSistema{
	margin: 0 auto;
	background-color:#00a200;
	width: 95%!important;
}

.btFaturas:hover,
.btSistema:hover,
.btCadastro:hover{
  opacity: 0.8;
}

.btFaturas{
	margin-right:5px;
	margin-bottom: 5px;
}
.btSistema{
	margin-bottom: 5px;
}
.btCadastro{
	width: 130px;
}
.btFaturas,
.btSistema{
	width:63px;
	float: left;
}
.descricaoTh{
	width: 100%;
	display: table;
	font-size: 12px;
	color: #bbb;
}
.configuracoes table th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	
}
.configuracoes input[type=text],
.configuracoes input[type=password],
.configuracoes select,
.configuracoes textarea{
	border: 1px solid #bbb;
	color: #555;
	padding: 5px;
	width: 320px;
	margin-right: 0;
	font-size: 13px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	outline: none;
	border-radius: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.configuracoes input[type=text]:focus,
.configuracoes input[type=password]:focus,
.configuracoes textarea:focus{
	border:1px solid #00a200;
}
.configuracoes{
	margin-bottom: 30px;
}
.vendas a:link,
.vendas a:active,
.vendas a:visited{
	display: table;
	margin: 0 auto;
	width: auto;
	background-color: #990303;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
	transition: none!important;
}
.vendas a:hover{
	background-color: #00a200;
	transition: none!important;
}
.procurarBox{
	font-size: 14px;
	display: table;
	margin: 3px;
}
.procurarBox input[type="text"]{
	border-radius: 3px;
	border: 0px;
	height: 25px;
	outline: none;
	padding: 5px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #fff;
}
.procurarBox select{
	height: 25px;
	border-radius: 3px;
	border: 0px;
	outline: none;
	padding: 5px;
	margin-left: 5px;
	padding-left: 10px;
	background-color: #fff;	
	-webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none; 
    background: url(https://onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat #fff;
}
.procurarBox input[type="text"]:focus{
	background-color: #fff;
}
.procurarBox #buscar {
	 width: 200px;
	 background: url(https://onpedido.com.br/static/img/lupaCinza.png) 95% 50% no-repeat #fff;
   background-size:25px;
}
.procurarBox input[type="submit"]{
	background-color:#00a200;
	cursor: pointer;
	color: #fff;
	padding: 5px;
	border: 0px;
	outline: none;
	border-radius: 3px;
	padding-left: 7px;
	padding-right: 7px;
}
.procurarBox input[type="submit"]:hover{
	background-color:#1d6d00;
}

.chosen-container{
	-moz-transition: none!important;
  -webkit-transition: none!important;
  -o-transition: color 0 ease-in!important;
  transition: none!important;
  text-shadow: none!important; 
	font-style: normal!important;
	font-weight: 500!important;
	font-size: 12px!important;
}
.chosen-container .chosen-results li.highlighted:hover{
	-moz-transition: none!important;
  -webkit-transition: none!important;
  -o-transition: color 0 ease-in!important;
  transition: none!important;
}
.chosen-container .chosen-results li.highlighted {
	-moz-transition: none!important;
  -webkit-transition: none!important;
  -o-transition: color 0 ease-in!important;
  transition: none!important;
  color: #fff !important;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #1F5401 !important;
	background: #a90329; /* Old browsers */
  background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 )!important; /* IE6-9 */
}
.checkbox {
      display: table;
	  margin: 0 auto;
    }
    .checkbox label {
		margin: 0 auto;
        cursor: pointer;
        width: 27px;
        height: 27px;
        border-radius: 3px;
        background-color: #c00;
        display: table;
        background-repeat: no-repeat, repeat;
        background-size: 15px 15px, 100% 100%;
        background-position: center center, center center;
        background-image: url(https://static.onpedido.com.br/img/off.png), url(https://static.onpedido.com.br/img/preto10.png);
    }
    .checkbox input[type="checkbox"] {
        display: none;
    }
    .checkbox input[type="checkbox"]+label:hover {
        background-color: #c00;
        background-repeat: no-repeat;
        background-size: 15px 15px, 100px 100px;
        background-position: center center;
        background-image: url(https://static.onpedido.com.br/img/off.png), url(https://static.onpedido.com.br/img/branco10.png);
    }
    .checkbox input[type="checkbox"]:checked+label:hover {
        background-color: #58ce50;
        background-repeat: no-repeat;
        background-size: 15px 15px, 100px 100px;
        background-position: center center;
        background-image: url(https://static.onpedido.com.br/img/checadoBranco.png), url(https://static.onpedido.com.br/img/branco10.png);
    }
    .checkbox input[type="checkbox"]:checked+label {
        background-color: #58ce50;
        background-repeat: no-repeat;
        background-size: 15px 15px, 100px 100px;
        background-position: center center;
        background-image: url(https://static.onpedido.com.br/img/checadoBranco.png), url(https://static.onpedido.com.br/img/preto10.png);
    }
.botoesFatura{
	display: table;
	margin: 0 auto;
	margin-top: 5px;
	width: 60px;
}
.botoesFatura .checkbox{
	float: left;
	margin-top: 5px;
	width: 45%;
} 
.botoesFatura .submitFatura {
	border-radius: 3px;
	border: 0px;
	color: #fff;
	float: right;
	display: table;
	text-align: center;
	margin-top: 5px;
	width: 27px;
  height: 27px;
	cursor: pointer;
	background-color: #58ce50;
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: center center;
  background-image: url(https://static.onpedido.com.br/img/duplicarIcon.png);
}
.botoesFatura .submitFatura:hover{
	background-repeat: no-repeat, repeat;
	background-image: url(https://static.onpedido.com.br/img/duplicarIcon.png), url(https://static.onpedido.com.br/img/preto10.png);
}
.bt {
	border-radius: 3px;
	border: 0px;
	display: table;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	margin: 0 auto;
	font-weight: 600;
}
.bt:hover,.bt:active{
	background-repeat: repeat;
	background-image:url(https://static.onpedido.com.br/img/preto10.png);
}
.green{
	color: #fff;
	background-color: #00a200;
}
.gray{
	color: #fff;
	background-color: #ccc;
}
.plus{
	padding-left:30px;
	background-size: 20px auto;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	background-image: url(https://static.onpedido.com.br/icons/uicons-regular-rounded/svg/fi-rr-add-white.svg);
}
.plus:hover, .plus:active{
	background-repeat: no-repeat, repeat;
	background-image: url(https://static.onpedido.com.br/icons/uicons-regular-rounded/svg/fi-rr-add-white.svg), url(https://static.onpedido.com.br/img/preto10.png);
}
.popInfo{
		float: right;
}
.popInfo .isca {
  cursor: pointer;
	padding-bottom: 5px;
	height: 50px;
	margin-bottom: -50px;

}
.popTexto{
    display: none;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
       -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
            transition: opacity 0.3s linear;
}
.popInfo:hover .popTexto{
    -webkit-transition: opacity 0.3s linear;
       -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
            transition: opacity 0.3s linear;
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    position: absolute;
    margin-top: 35px;
    width: 400px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 15px #888;
    padding: 10px;
    border-radius: 5px;
    vertical-align: middle;
    margin-left: 0px;
}

.popTexto .seta{
 content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left:0px;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #bbb;
}

.popTexto table tr td,
.popTexto table tr th{
  padding: 5px;
  font-size: 12px;
	color: #555;
	text-shadow: none;
}
.popTexto table{
    border-radius: 0px!important;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
}
.popTexto .popTitulo{
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    background-color: #a70000;
	  text-align: center;
}
.progress-bar{
	border-radius: 50px;
	width: 100%;
	background-color: #ccc;
  color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.bg-green-progress-bar section,
.bg-red-progress-bar section,
.bg-purple-progress-bar section,
.bg-blue-progress-bar section{
	width: 100%;
	display: table;
	border-radius: 50px;	
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-image: url('https://onpedido.com.br/static/img/progress-revenda.jpg');
}
.bg-green-progress-bar,
.bg-green-progress-bar section{
  background-image: url("https://onpedido.com.br/static/img/pontoVerde.gif");
  font-weight: 500;
  background-size: 100% 390px;
  background-repeat: repeat; 
  background-image: url("https://onpedido.com.br/static/img/pontoVerde.gif");
}
.bg-red-progress-bar,
.bg-purple-progress-bar,
.bg-blue-progress-bar{
  background-size: 100% 390px;
  background-image: url('https://onpedido.com.br/static/img/progress-revenda.jpg');
}
.bg-red-progress-bar{
  background-position: 0px -70px;
}
.bg-red-progress-bar section{
  background-position: 0px 0px;
}
.bg-purple-progress-bar{
  background-position: 0px -200px;
}
.bg-purple-progress-bar section{
  background-position: 0px -130px;
}
.bg-blue-progress-bar{
  background-position: 0px -330px;
}
.bg-blue-progress-bar section{
  background-position: 0px -270px;
}
.contentForm{
	padding: 10px;
	background-color:#fff;
	background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f7fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f7fc', GradientType=0);
}
.contentForm section{
	display: table;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #f2f7fc;
}
.contentForm section label{
	font-weight: 600;
	font-size: 14px;
	width: 100%;
	max-width: 960px!important;
	display: table;
	margin-bottom: 5px;
}
.contentForm section label i{ 
	float: right;
	color: #888;
}
.contentForm section input,
.contentForm section select,
.contentForm section .richText{
	width: 100%!important;
	max-width:960px;
	border: 1px solid #e3e3e3!important;
	padding: 10px!important;
}
/* Bell Feature */
#loadBell {
	right:110px;
	margin-top:110px;
	margin-right:30px;
	float: right;
	cursor: pointer;
}
#loadBell img {
	width: 28px;
    height: 28px;
	opacity:75%;
    border: 0px solid #ccc;
}
#loadBell img.bellRing {
	width: 28px;
    height: 28px;
	opacity:75%;
    border: 0px solid #ccc;
    animation: treme 3s infinite ease-in-out;
    -webkit-animation: treme 3s infinite ease-in-out;
}
#loadBell i {
    border-radius: 100px;
    width: 21px;
    height: 21px;
    display: table;
    text-align: center;
    text-shadow: none;
    color: #fff;
    padding: 2px;
    font-size: 12px;
    position: absolute;
    background-color: red;
    margin-top: -10px;
    margin-left: 24px;
    z-index: 999;
    font-weight: 700;
}
@-webkit-keyframes treme {
    0% {
      -webkit-transform: rotate(0deg);
    }
    25% {
      -webkit-transform: rotate(-90deg);
    }
    50% {
      -webkit-transform: rotate(0deg);
    }
    75% {
      -webkit-transform: rotate(-90deg);
    }
    100% {
      -webkit-transform: rotate(0deg);
    }
}
@keyframes treme {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-90deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-90deg);
    }
    100% {
      transform: rotate(0deg);
    }
}
#loadBellBox {
    display: table;
    width: 400px;
    height: 100px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: -343px;
    margin-top: 15px;
    position: absolute;
    box-shadow: 0px 5px 10px #555;
    z-index: 998;
    text-align: left;
    word-break: break-word;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f7fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f7fc', GradientType=0);
  }
  #loadBellBox .head {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid #dbe0e5;
  }
  #loadBellBox:before {
    content: "";
    width: 0;
    height: 0;
    transform: rotate(-180deg);
    position: absolute;
    z-index: 9999;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ccc;
    border-bottom: 0px solid #ccc;
    top: -15px;
    left: 85.5%;
    z-index: 15;
  }
  #loadBellBox section {
    cursor: pointer;
    padding: 12px;
    display: table;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: none!important;
    border-bottom: 1px solid #dbe0e5;
  }
#contentSectionsBellBox{
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: auto;
}
#loadBellBox .noread{
 background: rgb(223,252,215);
background: -moz-linear-gradient(0deg, rgba(223,252,215,0.4514180672268907) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(223,252,215,0.4514180672268907) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(223,252,215,0.4514180672268907) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dffcd7",endColorstr="#ffffff",GradientType=1);
}
#loadBellBox .read{
  opacity: 0.5;
}
#loadBellBox .read:hover{
  opacity: 1;
}
  #loadBellBox section:last-of-type {
    margin-bottom: 0px;
    border-bottom: 0px solid #dbe0e5;
  }
  #loadBellBox section:hover h3 {
    color: #a70000 !important;
  }
  #loadBellBox section:hover h3 img {
    filter: invert(11%) sepia(75%) saturate(6260%) hue-rotate(2deg)
      brightness(77%) contrast(114%);
  }
  #loadBellBox section h3 {
    font-size: 16px;
    margin: 0px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #333;
  }
  #loadBellBox section h3 img {
    float: left;
    margin-right: 15px;
    display: block;
    margin-bottom:40px;
    margin-top: 5px;
  }
  #loadBellBox section p {
    font-size: 12px;
    margin: 0px;
    margin-bottom: 10px;
    color: #555;
    font-weight: 500;
  }
  #loadBellBox section time {
    font-size: 12px;
    margin: 0px;
    margin-bottom: 5px;
    color: #555;
    font-weight: 600;
    float: right;
  }
#loadBellBox section .read,
#loadBellBox section .noread{
  border-radius: 15px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  padding:2px 10px 2px 10px;
  margin-top: -2px;
  display: table;
  float: left;
}
#loadBellBox section .read{
  background-color: #000!important;
}
#loadBellBox section .noread{
  background-color: #2aa719!important;
}
#bellLoadMessageAtributeMessage{
    display: block;
    height: 555px;
    width: 980px;
    padding: 30px;
    overflow-y: scroll;
    overflow-x: auto;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f2f7fc 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f7fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f7fc', GradientType=0);
  
  }
  #bellLoadMessageAtributeMessage h1,
  #bellLoadMessageAtributeMessage h2,
  #bellLoadMessageAtributeMessage h3{
    color:#a70000;
    font-weight: 600;
    font-size: 21px;
    margin-top: 0px;
  }
  #bellLoadMessageAtributeMessage,
  #bellLoadMessageAtributeMessage p,
  #bellLoadMessageAtributeMessage div {
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8em;
}
.popInfoInvoice .iscaInvoice {
	cursor: pointer;
	width: 100px;
	border: 0px solid #ccc;
	margin: 0 auto;
}
.popTextoInvoice {
	display: none;
	width: 200px!important;
	margin-top: -75px!important;
	margin-left: 110px!important;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.popInfoInvoice:hover .popTextoInvoice {
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	filter: alpha(opacity=100);
	opacity: 1;
	display: block;
	position: absolute;
	width: 400px;
	height: auto;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 5px 15px #888;
	padding: 10px;
	border-radius: 5px;
	vertical-align: middle;
}

.popTextoInvoice .setaInvoice {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: -115px;
	margin-top: 50px;
	width: 0;
	height: 0;
	transform: rotate(270deg);
	position: absolute;
	border-left:10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #bbb;
}

.popInfoOption {
	padding: 5px;
	border: 1px solid #eee;
	border-top: 0px;
	font-size: 12px;
}
.popInfoOption:hover{
	background-color: #ECFFE8;
}
.popInfoOption:last-child{
	border-radius: 0px 0px 5px 5px;
}
.popTextoInvoice table {
	border-radius: 0px !important;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
.popTextoInvoice .popTituloInvoice {
	padding: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 5px 5px 0px 0px;
	background-color: #a80000;
}