/**
 * Big screens
 */
@media screen and (min-width: 1600px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  		width: 80% !important;
	}
}

/**
 * CSS
 */
body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	/* background: #EFEFEF; */
	background-image: url('white_wall_hash.png');
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	/*border: 1px solid #C9E0ED;*/
}

#header
{
	margin: 0;
	padding: 0;
	/* border-top: 3px solid #C9E0ED; */
}

#header_user_info {
	width: 100%;	
	margin-top: 5px;	
}

#header_user_info #header_user_auth {
	margin-top: 1px;
	margin-right: 7px;
	font-size: 12px;
	text-align: right;
}

#header_user_info #header_user_feedback {		
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
}

#header_user_info #header_user_feedback div.alert-block {	
	margin-bottom: 0;
}

#content
{
    padding: 20px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #164B2B;
}

#logo
{
	height: 105px;
	font-size: 250%;
}

#logo-mobile
{
	font-size: 250%;
	height: 37px;
}

#logo p.header {
	margin-top:10px;
	margin-left: 5px;
	margin-bottom: 0px;
	height: 45px;
	color: #164B2B;
	font-size: 40px;		
}

#mainmenu
{
	background:white url(nd.gif) repeat-x left top;
	border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;	
	border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;	    
}

#mainmenu-company
{
	padding-top: 4px;
	padding-right: 15px;
	padding-left: 20px;
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#mainmenu ul
{
	padding:6px 20px 4px 20px;
	margin:0px;	
}

#mainmenu ul li
{
	display: inline;
}

.title {
	font-size: large;
	font-weight: bold;
}

a:hover {
	text-decoration:none !important;
}

#page.container #mainmenu ul li a,
#page.container #mainmenu ul li a:hover,
#page.container #mainmenu ul li a:visited
{
	color:#000;
	text-decoration:none;
}

#mainmenu ul li a
{
	background-color: #CCCCCC;
	text-decoration:none;

	font-size:12px;
	font-weight:bold;
	padding: 6px 8px;
		
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#mainmenu ul li a i,
#mainmenu ul li a svg.svg-inline--fa
 {
	vertical-align: middle;
	color: #000;
}
#mainmenu ul li a svg.svg-inline--fa {
	padding-top: 4px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #164B2B;
	background-color:#FFFFFF;
	text-decoration:none;
	
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.view-disponibilidade
{
	padding: 10px;	
	border: 1px solid #9ECDB1;
	width: fit-content;
}

div.plain-header {
	padding: 10px;	
	border-bottom: 1px solid #9ECDB1;
	margin-bottom: 10px;
}


div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.text-bold {
	font-weight: bold;
}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}


.img {
	border: none;
}


#page.container a.btnInicio {
	width: 175px;
	margin-bottom: 5px;
	height: 30px;
	padding-top: 15px;
	font: bold 13px Arial;
}

#page.container i.icon-white,
#page #content svg.svg-inline--fa {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}

#page.container a.btnInicio i.icon-white,
#page.container a.btnInicio svg.svg-inline--fa {
	float: left;
}

#page.container a, #page.container a:visited {
	color:#164B2B;
	text-decoration:none;
}

#page.container a:hover, #page.container a:focus {
	color:#164B2B;
	text-decoration:underline;
}

#page.container h1 {
	font-size: 24px;
	line-height: 26px;
}

#page.container h2 {
	font-size: 20px;
	line-height: 22px;
}

#page.container h3 {
	font-size: 18px;
	line-height: 20px;
}

#page.container ul.help {
	list-style-type:square;	
}

#page.container ul.yiiPager a:link, ul.yiiPager a:visited {
    /* border: 1px solid rgb(255, 255, 255); */
    border: 0;
    font-weight: bold;
    border-radius: 0;
    padding: 1px 6px;
    text-decoration: none;
}

#page.container ul.yiiPager .selected a {
    background: none repeat scroll 0% 0% #164B2B;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 0;
	border: 0;
}

#page.container div.view {
	border: 1px solid #9ECDB1;
	min-height: 150px;	
}

#page.container div.view-container {
	border: 1px solid #9ECDB1;
}


#page.container a.btn {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#page.container div.cliente-logo,
#page.container div.produto-img,
#page.container div.subproduto-img {
	width: 150px; 
	height: 150px; 
	float: left; 
	margin-right: 15px;
	display: inline-block;
}

#page.container div.cliente-logo img,
#page.container div.produto-img img,
#page.container div.subproduto-img img {
	max-width: 150px;
	max-height: 150px;
}

#page.container .logo,
#page.container .produto,
#page.container .subproduto {
	max-width: 150px;
	max-height: 150px;
}


#page.container div.cliente-info,
#page.container div.produto-info,
#page.container div.subproduto-info {
	display: inline;
	min-height: 150px;
}

#page.container div.encomenda-info {
	display: inline;
	min-height: 150px;
}


#page.container table.detail-view  {
    border: 1px solid #9ECDB1;
    border-collapse: separate;	
}
#page.container table.detail-view th:first-child,
#page.container table.detail-view td:first-child {
	white-space: nowrap;
	min-width: 180px;
}

#page.container table.detail-view th {
	width: 120px;
}

#page.container table#view-subprodutos.detail-view th {
	width: 190px;
}

#page.container table#view-encomenda.detail-view th,
#page.container table#view-encomenda-adicional.detail-view th {
	width: 150px;
}

#page.container table#view-encomenda-adicional {
	margin-top: 10px;
}


#page.container table.detail-view th, 
#page.container table.detail-view td {
    font-size: 0.9em;
    border: 1px solid white;
    padding: 0.3em 0.6em;
    vertical-align: top;
}

#page.container table.detail-view tr.odd,
#page.container table.detail-view tr.even {
    /* background: none repeat scroll 0% 0% rgb(229, 241, 244); */
    background: none;
}


#page.container table thead th {
	 background: none repeat scroll 0% 0% #9ECDB1;
    /* round the corners (to your preference) */
}

/*
#page.container table thead th a,
#page.container table thead th a:hover {
	 color: #FFFFFF;
}
*/

div#linhas-encomenda {
	margin-top: 0px;
	margin-bottom: 15px;
	/* border-top: 1px solid rgb(158, 205, 177); 
	border-bottom: 1px solid rgb(158, 205, 177); */	
}
/*
div#linhas-encomenda table#subprodutos-imprimir.table-striped tbody > tr:nth-child(2n+1) > td, 
div#linhas-encomenda table#subprodutos-imprimir.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: rgb(249, 249, 249);
}
*/
div#linhas-encomenda table#subprodutos-imprimir.table-striped thead td,
div#linhas-encomenda table#subprodutos-imprimir thead:first-child tr:first-child th {
    background: none repeat scroll 0% 0% rgb(158, 205, 177);
}

div#linhas-encomenda table#subprodutos-imprimir tr th {
 background: none repeat scroll 0% 0% rgb(158, 205, 177);
}

div#linhas-encomenda table#subprodutos-imprimir tr td.imagem  {
	width:80px;
}

div#linhas-encomenda table#subprodutos-imprimir tr td.imagem img {
	max-height: 80px;
	max-width: 80px;
}


div#linhas-encomenda table#subprodutos-imprimir tr td.nome span {
	font-size: 0.85em;
}

div#linhas-encomenda table#subprodutos-imprimir tr td.referencia {
	white-space: nowrap;
}

div#linhas-encomenda table#subprodutos-imprimir tr td.quantidade {
	white-space: nowrap;
}

div#print-top {
	width: 100%;
	display: block;
}
div#print-footer {
	font-size: 0.85em;
	margin-left:auto;
	margin-right:auto;
	width:220px;
}

div .inline-flex {
	display: inline-flex;
}

div .flex-fow {
	flex-flow: wrap;
}

#page.container input.searchBox {
	width: 280px;
	background: url("search.png") no-repeat 6px 4px ;/*important*/
	padding-left: 27px;
}

#page.container input.shopping-cart-items,
#page.container form input[type="text"].shopping-cart-items {
	width: 45px;
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
}

#page.container form input[type="text"],
#page.container form input[type="password"],
#page.container form textarea {
	width: 300px;
}
#page.container form select {
	width: 315px;
}

#page.container form label {
	display: table-cell;
	padding-right: 30px;
}

#page.container form input[type="radio"] { 
	display: inline; margin-right: 10px; 
}

#page.container form fieldset.estado {
	border: none;
}
/*
#page.container form fieldset.estado input {
	display: inline;
	float: none;
}

#page.container form fieldset.estado label {
	display: block;
	float: none;
}*/

#page.container form div.form-row-column {
	display: inline-block; width: 350px;
}

#page.container div#carrinho-listagem {
	margin-top: 20px;
}

#page.container div.subprodutos-acoes {
	padding-top:10px;
	display: inline-table;
}

#page.container div.subprodutos-mensagem-adicionar {
	display: inline-table;
	margin-left: 15px;
}


table#carrinho-lista td.texto {
	vertical-align: top;	
}

table#carrinho-lista th.produto,
table#carrinho-lista td.produto {
	vertical-align: top;
    min-width: 200px;
}

table#carrinho-lista th.referencia,
table#carrinho-lista td.referencia {
	vertical-align: top;
	white-space: nowrap;	
}

table#carrinho-lista th.quantidade,
table#carrinho-lista td.quantidade {
	width: 50px;
	text-align: center;
	white-space: nowrap;
}

table#carrinho-lista td.vazio {
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	background-color: #EEEEEE;
}

table#carrinho-lista th.acoes,
table#carrinho-lista td.acoes {
	text-align: right;
	width: 100px;
}


#go-top
{
    /* display: block before hiding */
    display: block;

    /* link is above all other elements */
    z-index: 999; 

    /* link doesn't hide text behind it */
    opacity: .55;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -52px; /* = height + preferred bottom margin */

    /* link is centered */
    right: 15px;
    
    /* round the corners (to your preference) */
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    /* make it big and easy to see (size, style to preferences) */
    width: 34px;    
    height: 34px;
    line-height: 48px;
    background-color: #000;
    font-size: 10px;
    text-align: center;
    color: #fff;
    
}

#go-top i {
	margin-top: 8px;
}

div.report-form {
	margin-left: 5px;
	margin-right: 5px;	
}

div.report-form input,
div.report-form select
{
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

div.report-form label {
	padding-top: 5px;
}

div.report-form div.btn-group {
	margin-top: 25px;
}


.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}

.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}



.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}

.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-40 {
	padding-right: 40px;
}
.pr-45 {
	padding-right: 45px;
}
.pr-50 {
	padding-right: 50px;
}


ul.ddl-items-white-green li a,
ul.ddl-items-white-green li a:visited {
	color: white !important;
	text-decoration: none !important;
}
ul.ddl-items-white-green li a:focus,
ul.ddl-items-white-green li a:hover {
	color: white !important;
	background-color: darkgreen !important;
	background-image: linear-gradient(to bottom, #006400ba, darkgreen) !important;
	text-decoration: none !important;
}

.warning {
	float: none !important;
	color: orange;
	margin: 0 !important;
}

.float-righ {
	float: right;
}

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

div.items-inline-flex div.items {
	display: inline-flex;
}