html, body {
	font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;
	color: #939da8;
}

hr{ 
    border-top: 2px solid #2E363F;
}

.hrajuda {
	border: 1px solid #fafcfe;
	margin-left: 10px;
	margin-right: 10px;
}

.alinhamento {
    margin-left: 10px;
    margin-top: 0px !important;
    color: #fafcfe;
}

.h2-cabecalho {
    font-weight: bold;
    margin-left: 20px;
}

.logo-container {
    background-color: #fafcfe;
    margin-top: 4%;
    border:1px solid #2E363F;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 6px 6px 6px #8C959E;
    -webkit-box-shadow: 6px 6px 6px #8C959E;
    -moz-box-shadow: 6px 6px 6px #8C959E;
    padding: 10px !important;
}

.ui-jqgrid, #Enderecos { 
    border:1px solid #cdcdcd !important; 
}

.labelpromocao {
    color: teal;
    text-align: left;
    font-size: 14px;
    font-weight: bolder;
    border: none;
}

@media only screen and (min-width: 978px) {
    .input-append {
        width: 96% !important;
        font-size: 12px !important;
    }
    .input-append1 {
        width: 94% !important;
    }
    .input-append2 {
        width: 98% !important;
        font-size: 12px !important;
    }
    .tamanho1 {
        width: 98% !important;
    }
    .tamanho2 {
        width: 20% !important;
    }
}

@media only screen and (max-width: 978px) {
    .input-append {
        width: 96% !important;
        font-size: 12px !important;
    }
    .input-append1 {
        width: 40% !important;
    }
    .input-append2 {
        width: 98% !important;
        font-size: 0 !important;
    }
    .tamanho {
        width: 48% !important;
    }
    .tamanho1 {
        width: 93% !important;
    }
}

.ui-dialog-titlebar-close{
    background: url("../Img/fechar.gif");
    !important
}

.logo-empresa {
    padding: 2% 5% 2% 5%;
}

.espaco-cabecalho {
    margin-top: 2%;
}    

.icon-search, .icon-calendar, .icon-magic {
    cursor: pointer;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.noborder {
    border: hidden !important;
}

.notop {
    padding-top: 0 !important;
}

.inputsombra{
	background-color: #8C959E;	
	border: 1px #3E4347 solid;
}

.erroPl {
	color: #b94a48 !important;
}

.erroPi {
	color: #b94a48 !important;
	border: 1px #b94a48 solid !important;
}

#usulogin, #ususenha, .alert-info, .alert-danger  {
    font-size: 11pt;
    font-weight: bold;
}

.topo-menu {
    font-size: 15pt;
    color: #fafcfe;
    margin-left: 10px;
}

.topo-usuario {
    color: #fafcfe;
    margin-left: 10px;
}

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

.table-borderedt {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.table-borderedb {
    margin-bottom: 10px !important;
}

.btn-largo, .btn-success, .btn-warning, .btn-info, .btn-danger1, .btn-primary1 {
    width: 46px;
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-inverse, .btn-primary2 {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-primary3 {
    width: 80px;
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-primary4 {
    width: 130px; 
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-primary5 {
    width: 140px; 
    height: 38px;
    padding: 0px;
    margin: 10px 0px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-info1 {
    width: 74px;
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-danger1 {
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.btn-danger2 {
    width: 74px;
    height: 38px;
    padding: 0px;
    margin: 10px 5px 5px 0px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

.contorno-mensagemL {
    margin-top: 3px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 18px;
    padding-left: 20px;
	border-left: 1px #c7c7c7 solid;
	border-top: 1px #c7c7c7 solid;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   	box-shadow: 3px 3px 3px #1376a9;
	-webkit-box-shadow: 3px 3px 3px #1376a9;
	-moz-box-shadow: 3px 3px 3px #1376a9;
	background:#d9edf7;
}

.contorno-mensagemA {
    margin-top: 3px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
	border-left: 1px #c7c7c7 solid;
	border-top: 1px #c7c7c7 solid;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   	box-shadow: 3px 3px 3px #c09853;
	-webkit-box-shadow: 3px 3px 3px #c09853;
	-moz-box-shadow: 3px 3px 3px #c09853;
	background:#fcf8e3;
}

.contorno-mensagemA>.cab {
	color: #c88818;
	font-size: 12pt;
	font-weight: bold;
	align: justify;
}

.contorno-mensagemE {
    margin-top: 3px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
	border-left: 1px #c7c7c7 solid;
	border-top: 1px #c7c7c7 solid;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   	box-shadow: 3px 3px 3px #ff2e2e;
	-webkit-box-shadow: 3px 3px 3px #ff2e2e;
	-moz-box-shadow: 3px 3px 3px #ff2e2e;
	background:#f2dede;
}

.contorno-mensagemE>.cab {
	color: darkred;
	font-size: 12pt;
	font-weight: bold;
	align: justify;
}

.avisoA {
	color: #c88818;
	text-align: justify;
	font-weight: bold;
}

.avisoL {
	color: darkblue;
	text-align: justify;
	font-weight: bold;
}

.avisoE {
	color: darkred;
	text-align: justify;
	font-weight: bold;
}

.tdE {
	color: darkred;
}

.table-bordered {
    border: none !important;
}

.table-bordered td {
    border: none !important;
    padding-bottom: 0px !important;
}

.gradeX td{
    border-bottom: 1px solid #f9f9f9 !important;
}

.gradeLabel { 
    padding-top: 6px;
    text-align: right;
}

.gradeLabelD { 
    width: 1px !important;
    padding-right: 0px !important;
    text-align: right;
}

.gradeP {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.inputP {
    margin-top: 0px !important;
    margin-bottom: 4px !important;
}
.inputPT {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.widget-boxP {
    margin-top: 0px !important;
}
.gradeO {
    width: 800px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.semmargem {
    margin: 0px !important;
    padding: 0px !important;
}
.radioA {
    margin-left: 20% !important;
    margin-right: 10px !important;
    margin-top: -2px !important;
}

.radioB {
    margin-bottom: 13px !important;
}

.inputC {
    max-width: 150px;
    min-width: 70px;
}

.inputC1 {
    max-width: 50px;
    min-width: 50px;
}

.inputL {
    border: none;
    background-color:#d9edf7;
	color: gray;
	text-align: center;
	font-weight: bold;
}

.inputS {
    border: none !important;
    background-color: #F9F9F9 !important; 
}

.inputML {
    margin-left: 3px !important;
}

.inputML2 {
    margin-left: 1px !important;
}

.inputML5 {
    margin-left: 5px !important;
}

.inputML9 {
    margin-left: 9px !important;
}

.alturaF {
    height: 635px;
}

#mensagempesquisa, #mensagempesquisaI, #mensagemabertura, #mensageminforma, #mensagemconfirmar, #mensagemconfirmar1, #mensagemalertapecas, #mensagemalertasalvari {
    color: darkblue;
    font-size:12pt;
}

#mensagemalerta, #mensagemalerta1, #mensagemalertaexclusao, #mensagemalertaexclusao1, #mensagemalertadesconto, #mensagemalertaexclusaoitem, #mensagemalertaatributos1, #mensagemalertaatributos2, #mensagemalertaatributos3, #mensagemalertaconversao {
    color: #c80707;
    font-size:12pt;
}

#myIframe {
    width: 400px;
    height: 400px;
}

#anexo1, #anexo2, #anexo3, #anexo4, #anexo5, #arquivoImp {
    display:none;
}
    
#gerar, #gerar1 {
    margin-top: 9px;
    height: 38px;
    width: 45px;
	background: url("../Img/impressora.gif") !important;
}

.labelatributo {
    border: 0px !important;
    text-align: right;
    margin-top: 5px;
    background-color: #F9F9F9 !important; 
}