body, html { padding:0px;margin:0px;text-align:center;background-color:#fff; display:table; width:100%; height:100%; overflow: hidden; border-collapse:collapse;border-width:0px;}
div, h1, h2, h3, p, a, label, span, ul, li, section, header {padding:0px;margin:0px; font-family:Open Sans; font-size:14px; overflow: hidden;}
a { text-decoration:none; color:#404040;}
ul { list-style:none; }

/* COMMON STYLE */
.hide { display: none !important; }
#submit { display: none; }
#submitImage { display: none; }
#sMarkAll, #sUnMarkAll { cursor: pointer; }
.sModify { display: block; overflow: hidden; font-family: Open Sans; font-size: 12px; color: #808080; margin-top: 10px;}
.sLogo { display: block; width:220px; height: 320px; border:1px solid #e2e2e2;}
.sProduct { display: block; width:270px; height: 232px; border:1px solid #e2e2e2;}
.sQuestion { display: block; width:170px; height:170px; border:1px solid #e2e2e2; }
.sMarca { display: block; width:220px; height: 120px; border:1px solid #e2e2e2; cursor: pointer;}
.sAnchor { display: block; width:80px; height: 80px; border:1px solid #e2e2e2; cursor: pointer;}
.sIconAnchor { display: block; width:16px; height: 16px; cursor: pointer; float: left; margin-right: 10px;}
.sIconAnchorLaunch { float: left; margin:0px; padding:0px; margin-right: 10px; cursor: pointer;}
.sIconAnchorLaunch img { display: block; width:16px; height: 16px; }
.sCEP { width:24px; margin-top:25px; cursor: pointer; border:1px solid #e2e2e2; border-radius: 4px; padding: 4px;}
.sCliente { width:24px; margin-top:25px; cursor: pointer; border:1px solid #e2e2e2; border-radius: 4px; padding: 4px;}
.sCliente:hover { border:1px solid #c8c8c8;  }
.sAction { margin-top:25px !important; }
.sButtonAction { margin-top: 6px !important; }
.sButtonAction li{ float:left; margin-right:20px; }
.sButtonAction a { padding: 0px !important; margin:0px !important; }
.sDel { display: block; border:1px solid #e2e2e2; border-radius: 4px; padding: 4px; padding-bottom: 2px; width:20px; height:24px; text-align: center; background-color: #800000; color: #fff; cursor: pointer; float: left; margin-right: 15px;}
.sRun {overflow: hidden; margin-top: 20px; margin-bottom: 20px;}
.sRun img {float:left; margin-right: 10px;}
.sRun p { display:block; font-family: Open Sans; font-size: 14px; color: #336699; font-weight: bold; padding-top: 5px; }
.sDecimal, .sInteger { text-align: right; padding-right: 5px;}
.sFile {width: 24px; margin-right: 10px; margin-top: -2px; float: left;}
.sText {display: block;overflow: hidden;width: 95%}
.sSearchTitle {display:block; overflow: hidden; width: 98%; margin-left: auto; margin-right: auto; font-family: Roboto; font-size: 14px; color: #336699; font-weight: bold; letter-spacing: 1.2px; margin-top: 15px; text-align: left;}
.sButtonAdd { margin-top:27px !important; padding-right:12px !important; padding-left:12px !important; padding-top: 4px !important; padding-bottom: 4px !important; font-size: 14px !important; float: left; margin-right: 20px;}
.sButtonAddNormal { margin-top:3px !important; padding-right:12px !important; padding-left:12px !important; padding-top: 4px !important; padding-bottom: 4px !important; font-size: 14px !important; float: left; margin-right: 20px;}
.sLogoMarca { display: block; height: 65; width:180px; margin-top:100px; margin-left: auto; margin-right: auto; }
.sLogoMarca img {height: 65; width:180px;}
.sOrderImage { width:210px; height: 180px; }
.sBodyMain { background-image: none; }
.sMsgDlg { margin-top:0px !important; margin-right:10px !important; }
.sAppName { width:120px !important;  height: 16px !important; margin-top:4px !important; margin-left:0px !important; margin-right:0px !important; }
.btnAction { margin-top:26px !important; }
.noBorder { border:0px !important; margin-bottom: 5px !important; }
.sTrash {width:20px !important; float:none !important; height:22px !important; text-align:center; cursor:pointer; padding:2px !important; margin-top:0px !important; font-size: 14px; font-weight: bold; font-family: Roboto; }
.sAgencyName {font-size: 20px; font-weight: normal; font-family: Open Sans; font-style:normal; text-align: right; white-space: nowrap;}
.cBlack { background-color: #404040 !important; border:1px solid #404040 !important;}
.cBlack:hover { background-color: #00B0AB !important; border:1px solid #00B0AB !important; }

.sLabelTab {
	display: block;
	overflow: hidden;
	width:150px !important;
	min-width: 150px !important;
	font-weight: normal;
	float: left;
	font-size: 14px;
	border:1px solid #404040 !important;
}

.sPageGroup {
	display: block;
	overflow: hidden;
}

.sAjaxCustomBlock {
	display: block;
	overflow: hidden;
	position: fixed;
	width:80%;
	min-width: 320px;
	min-height: 220px;
	top: 12%;
	margin-left:auto;
	margin-right: auto;
	border-radius: 10px;
	padding: 0px !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	z-index: 99;
}

.sAjaxCustomBlockFooter {
	display: block;
	width: 100%;
	padding: 10px;
	background-color: #00B0AB;
}

.sAjaxCustomBlockFooter button {
	border: 1px solid #404040;
	border-radius: 5px;
	background-color: #404040;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	padding-right: 22px;
	padding-left: 22px;
	margin-right: 40px;
	margin-bottom: 20px;
	cursor: pointer;
	float: right;
}

.sAjaxCustomBlockFooter button:hover {
	background-color: #006e2e;
	border: 1px solid #006e2e;
}

.sAjaxCustomBlockData {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px !important;
	overflow-x: hidden;
	overflow-y: scroll;
}

.sAjaxCustomBlock .sPrint {
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
}

.sAjaxCustomBlock .sCorpo {
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
}

.sAjaxCustomBlock .sCorpo section {
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
}

.sAjaxCustomBlock .sCorpo form {
	width: 98% !important;
	margin:0px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding:0px !important;
}

.sAnchorTitle {
	display: block;
	overflow: hidden;
	width: 100% !important;
	font-family: Roboto;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background-color: #00B0AB;
	margin:0px;
	padding: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sUploadField { min-width:290px !important; }

.sAnchorBlock {
	display: table;
	width:100%;
	padding: 3px !important;
	margin: 0px !important;
	border-bottom:1px solid #e2e2e2;
}

.sAnchorBlock li {
	display: table-cell;
	padding: 5px !important;
	margin: 0px !important;
}

.sAnchorBlock li:last-child {
	width:100%;
}

.sAnchorBlock li a {
	display: block;
	overflow: hidden;
	padding: 0px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	background-color: #fff !important;
	border-radius: 0px;
	font-family: Open Sans;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #fff;
	border:0px;
}

.sAnchorBlock img {
	width:24px;
	cursor: pointer;
	margin-left:10px;
}

.sBreakLine {
	display: block;
	width: 100%;
	border:0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.sActionMove {
	margin-top: -25px;
	width: 95% !important;
	margin-right: auto;
	margin-left: auto;
}

.sSaveFloat {
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: #e2e2e2;
	border-top: 1px solid #c8c8c8;
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 8px;
	z-index: 99 !important;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sSaveFloat button {
	margin:0px !important;
	float: right;
	margin-right:30px !important;
	letter-spacing: 1.1px;
	padding-left: 25px !important;
	padding-right: 25px !important;
	font-size: 14px !important;
	font-family: Open Sans !important;
}

.sActBtnRel:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}

.sStatusNulo {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	border-radius: 8px;
	background-color: #e2e2e2;
	margin: 0px !important;
	cursor: pointer;
	border:1px solid #404040;
	float: left;
	margin-right: 10px !important;
	margin-top:3px !important;
}

.sStatusAtivo {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	border-radius: 8px;
	background-color: #8fc800;
	margin: 0px !important;
	cursor: pointer;
	border:1px solid #404040;
	float: left;
	margin-right: 10px !important;
	margin-top:3px !important;
}

.sStatusInativo {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	border-radius: 8px;
	background-color: #cc0000;
	margin: 0px !important;
	cursor: pointer;
	border:1px solid #404040;
	float: left;
	margin-right: 10px !important;
	margin-top:3px !important;
}

.sStatusAtivoRestricao {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	border-radius: 8px;
	background-color: #FFFF00;
	margin: 0px !important;
	cursor: pointer;
	border:1px solid #404040;
	float: left;
	margin-right: 10px !important;
	margin-top:3px !important;
}


#tabEstrutura tr:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}

.sSelectMove {
	width: 400px;
	height: 200px;
	overflow-y: scroll;
}

.sListMove {
	width:120px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.sOrderList {
	display: block;
	overflow: hidden;
	width: 550px !important;
	border-radius: 2px;
	background-color: #fff;
	position: fixed !important;
	top:12% !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 99;
}

.sOrderList h2 {
	color:#fff !important;
	background-color: #00B0AB;
	font-weight: normal !important;
	margin-top:0px !important;
	padding-top: 8px !important;
}

.sOrderList select {
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.sTxtMark {
	display: block;
	overflow: hidden;
	width: 99.5%;
	min-height: 20px;
	border:1px solid #c8c8c8;
	padding: 0px !important;
	padding-top: 4px !important;
	padding-bottom: 0px !important;
	border-radius: 3px;
	font-size: 15px !important;
	font-family: Open Sans;
	font-weight: normal;
	margin:0 !important;
	margin-bottom: 1px !important;
}

.sTxtMark li {
	display: block;
	width: 98%;
	padding: 0px !important;
	padding-bottom: 3px !important;
	margin-left:10px;
	margin-top: 2px;
}

.sTxtMark li:before {
	content:"\2713";
	width: 14px;
	height: 16px;
	float: left;
	border:1px solid #c8c8c8;
	padding-left: 2px;
	margin-right: 8px;
}


.sRadioMark {
	display: block;
	overflow: hidden;
	width: 99.5%;
	min-height: 20px;
	border:1px solid #c8c8c8;
	padding: 0px !important;
	padding-top: 4px !important;
	padding-bottom: 0px !important;
	border-radius: 3px;
	font-size: 15px !important;
	font-family: Open Sans;
	font-weight: normal;
	margin:0 !important;
	margin-bottom: 1px !important;
}

.sRadioMark li {
	display: block;
	width: 98%;
	padding: 0px !important;
	padding-bottom: 8px !important;
	margin-left: 20px;
	margin-top: 2px;
}

.sRadioMark li:before {
	content:"";
	width: 15px;
	height: 15px;
	float: left;
	border:2px solid #404040;
	padding-left: 5px;
	margin-right: 8px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.sPrint {
	display: block;
	vertical-align: top;
	overflow: hidden;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px !important;
}

.sPrint .sCorpo {
	border:0px !important;
	margin-top:0px !important;
}

.sPrint .sCorpo section {
	margin-top: 0px;
	border:0px !important;
}

.sPrint .sCorpo form {
	margin-top: 30px;
	border:0px !important;
}

.sPrint .sField {
	margin-top: 4px;
	margin-bottom: 10px;
}

.sPrint label span {
	font-size: 12px !important;
	font-family: Roboto;
	font-weight: bold;
	margin-top:5px;
}

.sOrderObject {
	display: block;
	overflow: hidden;
	border: 1px solid #ff9900;
	border-radius: 8px;
	width: 12px !important;
	height: 15px !important;
	margin-top: 2px;
	margin-left:10px !important;
	font-size: 10px !important;
	font-family: Open Sans;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
	padding-left: 3px;
	float: left;
}

.sOrderObject:hover {
	background-color: #e2e2e2;
}


.sAddObjectTable {
	display: block;
	overflow: hidden;
	border: 1px solid #336600;
	border-radius: 8px;
	width: 12px !important;
	height: 15px !important;
	margin-top: 2px;
	margin-left:10px !important;
	font-size: 14px !important;
	font-family: Roboto;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	padding-left: 4px;
	float: left;
}

.sAddObjectTable:hover {
	background-color: #336600;
	color:#fff;
}

.sPrint p {
	display: block;
	overflow: hidden;
	border:1px solid #c8c8c8;
	padding: 6px;
	min-height: 20px;
	border-radius: 3px;
	font-size: 14px !important;
	font-family: Open Sans;
	font-weight: normal;
}


.sPrint .pFull {
	height: auto;
	vertical-align: top;
}

.sPrint i {
	display: block;
	overflow: hidden;
	border:1px solid #c8c8c8;
	padding: 6px;
	border-radius: 3px;
	margin-bottom: 0px;
}

.sPrint .sTabPrint {
	border-collapse: collapse;
	border-width:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.sPrint .sTabPrint td {
	overflow: hidden;
	padding-right: 15px !important;
	padding-bottom: 4px !important;
}

.sPrint .sTabPrint td:last-child p {
	float: right;
}

.sPrint .sTabPrint td p {
	width: 95%;
}

.sPermission {
	display: block;
	overflow: hidden;
	width: 380px;
	height: 300px;
	border:1px solid #c8c8c8;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top:-90px;
	z-index: 10;
}

.sPermission h2 {
	text-align: center;
	background-color: #00B0AB;
	color:#fff !important;
	font-weight: normal !important;
	margin-top: 0px !important;
	padding-top: 8px !important;
}

.sPermission ul {
	display: block;
	overflow-y: scroll;
	width: 100%;
	height: 190px;
	border-bottom: 1px solid #c8c8c8;
	margin:0px !important;
	margin-top:-10px !important;
}

.sPermission ul li {
	display: block;
	width: 100%;
}

.sPermission ul li input[type="checkbox"] {
	float: left;
	width: 18px;
	margin: 0px !important;
	margin-left:10px !important;
	margin-right:10px !important;
}

.sPermission ul li label {
	float: left;
	margin: 0px !important;
}

.sIcon a img { width:24px; }
.sIcon { padding: 0px !important; }
.sIcon a { padding: 1px !important; padding-top:2px !important; padding-left: 4px !important; padding-right: 4px !important;  }
.sUploadRef {
	display: block;
	overflow: hidden;
	text-decoration: underline;
	color:#336699;
	margin: 0px !important;
	margin-bottom: 4px !important;
}

.sUpload {
	margin-top:0px !important;
}

.sItemDelete, .sItemDeleteTable {
	cursor:pointer;
}

.sDeleteItem:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}


.sAddItemTable {
	margin-top: 27px !important;
	font-size: 20px !important;
	padding: 1px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.sAddItem {
	margin-top: 27px !important;
	font-size: 15px !important;
	padding: 4px !important;
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.sAddItemText {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.sGroupLabel {
	display: block;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #00B0AB;
	padding-bottom: 15px;
	margin:0px;
	padding: 0px;
	padding-bottom: 10px;
	margin-top: 10px !important;
	margin-bottom: 20px;
}

.sBtnMoreFileDelMini {
	width: 20px !important;
	height: 20px !important;
	border-radius: 20px;
	padding: 0px !important;
	text-align: center !important;
	margin-bottom: 3px !important;
}

.sBtnMoreFileDelMini img {
	width: 16px !important;
	height: 16px !important;
	margin: 0px !important;
	margin-left: -3px !important;
}

.sBtnMoreFileDel {
	margin-top:0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-color: #800000 !important;
	border:1px solid #800000 !important;
}

.sBtnMoreFileDel p {
	display: none;
}

.sBtnMoreFileDel img {
	width: 20px;
}

.sBtnMoreFile {
	margin-top:26px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.sBtnMoreFile p {
	display: none;
}

.sBtnMoreFile img {
	width: 20px;
}

.sBtnPermissao {
	margin-top:26px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.sBtnPermissao p {
	display: none;
}

.sBtnPermissao img {
	width: 20px;
}

.sRadio {
	margin: 0px !important;
	padding: 0px !important;
}

.sRadio label {
	margin-left:10px;
	margin-top:0px;
	margin-bottom: 5px !important;
}

.sRadio input[type="radio"] {
	width:15px;
	height:15px;
	margin: 0px !important;
	margin-top:5px !important;
	padding: 0px !important;
}


.sCheckBox {
	margin: 0px !important;
	padding: 0px !important;
}

.sCheckBox label {
	margin-left:10px;
	margin-top:0px;
	margin-bottom: 5px !important;
}

.sCheckBox input[type="checkbox"] {
	width:15px;
	height:15px;
	margin: 0px !important;
	margin-top:5px !important;
	padding: 0px !important;
}

.cReportList {
	border-collapse: collapse;
	border-width:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top: 20px;
}

.cReportList td {
	border:1px solid #e2e2e2;
	text-align: top;
}

.cReportList th {
	border:1px solid #e2e2e2;
	text-align: top;
	background-color: #f2f2f2;
}

.cImgReport {

}

.cImgReport li {
	display: inline-table;
	margin-right:5px;
	margin-top:5px;
	margin-bottom: 10px;
	border:4px solid #202020;
	padding: 1px solid #fff;
}

.cImgReport img {
	transform: rotate(90deg);
}

.cImgReport p {
	height: 60px;
	background-color: #000000;
	color: #fff;
	text-align: center;
	padding-top: 10p;
}

.sMsgDlg:after {
	content:" | ";
	width: 15px;
	height: 20px;
	float: right;
	border:2px solid #404040;
}

.sDoctoImage {
	display: table;
	float: left !important;
}

.sDoctoImage li {
	display: inline-table;
	width: 230px;
	height: 230px;
	margin-right: 20px;
}

.sDoctoImage a {
	padding: 4px !important;
	margin:0px !important;
	background-color: #202020 !important;
	text-align: center;
}

.sDoctoImage a img {
	padding: 4px !important;
	margin:0px !important;
}

.sDoctoImage a:hover {
	background-color: #336699 !important;
}

/* DEFAULT */
.default {
	display: block;
	overflow: hidden;
	background-color: #fff;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	margin-top: 30px;
	border:1px solid #c8c8c8;
}

.default h1 {
	display: block;
	width:100%;
	background-color: #00B0AB;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.default h1 a {
	display: block;
	width:100%;
	font-family: Open Sans;
	font-size: 16px;
	letter-spacing: 1.2px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	margin:0px;
}

.default h1 a:hover {
	color:#fff;
}

.default h2 {
	display: block;
	width:90%;
	font-family: Open Sans;
	font-size: 16px;
	letter-spacing: 1.2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.default input {
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.default label {
	display: block;
	text-align: left;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

.default p {
	display: block;
	width:90%;
	background-color: #d69996;
	border-radius: 3px;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.default button {
	width:90%;
	border: 1px solid #00B0AB;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 16px;
	color: #fff;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.default button:hover {
	background-color: #336699;
	border: 1px solid #336699;
}

.default a {
	display: table;
	width:47%;
	white-space: nowrap;
	font-family: Roboto;
	font-size: 14px;
	color: #202020;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	float: left;
	cursor: pointer;
}

.default a:hover {
	color: #00B0AB;
}

/* LOGIN */
.login {
	display: block;
	overflow: hidden;
	background-color: #fff;
	width: 70%;
	max-width:480px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	margin-top: 30px;
}

.login h1 {
	display: block;
	width:100%;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.login h1 a {
	display: block;
	width:100%;
	font-family: Open Sans;
	font-size: 30px;
	letter-spacing: 1.2px;
	color: #00B0AB;
	padding-top: 8px;
	padding-bottom: 8px;
	margin:0px;
}

.login h1 a:hover {
	color: #00B0AB !important;
}

.login input {
	width:97%;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius:10px;
	outline:none;
	text-indent: 10px;
}

.login label {
	display: block;
	text-align: left;
	width:97%;
	margin-left: auto;
	margin-right: auto;
	font-family: Open Sans;
	font-size: 18px;
}

.login p {
	display: block;
	width:95%;
	background-color: #d69996;
	border-radius: 3px;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.login button {
	width:99%;
	border: 1px solid #00B0AB;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 16px;
	color: #fff;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	cursor: pointer;
	border-radius:10px;
}

.login button:hover {
	background-color: #336699;
	border: 1px solid #336699;
}

.login a {
	display: table;
	width:98%;
	white-space: nowrap;
	font-family: Roboto;
	font-size: 18px;
	color: #202020;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	float: left;
	cursor: pointer;
}

.login a:hover {
	color: #00B0AB;
}

/* ABOUT */
.about {
	display: block;
	overflow: hidden;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

.about ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.about ul li {
	display: table-cell;
}

.about ul li:before {
	content: ".";
	float: right;
	font-size: 20px;
	color: #c8c8c8;
	margin-top: -10px;
}

.about ul li:last-child:before {
	content: "";
	float: right;
	margin-top: -4px;
}

.about ul li a {
	display: block;
	margin-left: 16px;
	margin-right: 16px;
	font-family: Roboto;
	font-size: 14px;
	color: #808080;
}

.about ul li a:hover {
	color: #00B0AB;
}

.about img {
	width: 130px;
}

/* 404 */
.e404 {
	display: block;
	overflow: hidden;
	background-color: #fff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	margin-top: 100px;
	border:1px solid #e2e2e2;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}

.e404 h1 {
	display: block;
	width:100%;
	background-color: #00B0AB;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.e404 h1 a {
	display: block;
	overflow: hidden;
	font-family: Open Sans;
	font-size: 16px;
	letter-spacing: 1.2px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

.login h1 a:hover {
	color:#fff;
}

.e404 h2 {
	display: block;
	width:90%;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #202020;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.e404 p {
	display: block;
	width:90%;
	font-family: Open Sans;
	font-size: 18px;
	text-align: left;
	color: #404040;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

/* TOP BAR */
.topBar {
	display: block;
	overflow: hidden;
	position: fixed;
	top:0px;
	width: 100%;
	background-color: #00B0AB;
	z-index: 1;
}

.topBar ul {
	display: table;
	margin: 10px;
}

.topBar ul li {
	display: table-cell;
	vertical-align: top;
}

.topBar input {
	border:1px solid #fff; /*00B0AB;*/
	border-radius: 5px;
	height: 29px;
	outline: none;
	width: 98%;
	background-color: #fff;
	color: #386495;
	z-index: 1;
}

.topBar #logoMenu {
	width: 32px;
	float: left;
	margin-top:-1px;
	margin-right: 10px;
}

.topBar a label {
	display: block;
	overflow: hidden;
	font-family: Roboto;
	letter-spacing: 1.2px;
	font-size: 18px;
	text-align: left;
	color: #fff;
	float: left;
	cursor: pointer;
}

.topBar form label {
	display: block;
	overflow: hidden;
	padding: 6px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 28px;
	font-family: Open Sans;
	letter-spacing: 1.2px;
	font-size: 12px;
	text-align: left;
	color: #fff;
	background-color: #0093A0;
	float: left;
	margin-left: 60px;
	margin-right: -8px;
	border-radius: 5px 0px 0px 5px;
	z-index: 3;
}

.topBar ul .sSearchField {
	width:100%;
}

.topBar ul li a {
	display: block;
	font-family: Open Sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.2px;
	margin-top: 0px;
	color: #fff;
}

.topBar img {
	width: 20px;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 10px;
	margin-left: 10px;
}

.topBar a {
	display: block;
	font-family: Roboto;
	font-size: 16px;
	letter-spacing: 1.2px;
	margin-top: 3px;
	color: #386495;
}

/* MENU BAR */
.menuBar {
	display: table;
	position: fixed;
	top:45px;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #c8c8c8;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.menuBarHide {
	top:-700px;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

.menuBarShow {
	top:85px;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}

.menuBar ul {
	display: table-cell;
	min-width: 14%;
	float: left;
	margin: 20px;
	margin-top:30px;
	padding-left: 10px;
	padding-right: 10px;
}

.menuBar ul li {
	display: block;
	text-align: left;
}

.menuBar ul li h2 {
	display: block;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	background-color: #00B0AB;
	border-radius: 4px;
	color: #fff;
	margin-bottom: 10px;
	padding: 5px;
}

.menuBar ul li a {
	display: block;
	font-family: Roboto;
	font-size: 14px;
	color: #808080;
	padding-bottom: 6px;
	margin-left: 8px;
}

.menuBar ul li a:hover {
	color: #00B0AB;
}

/* BREADCHUMB */
.breadChumb {
	display: block;
	width: 100%;
	position: fixed;
	top:48px;
	overflow: hidden;;
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	z-index: 1;
}

.breadChumb ul {
	display: table-cell;
	min-width: 14%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px;
	margin-left: 0px;
}

.breadChumb ul li {
	display: block;
	text-align: left;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

.breadChumb ul li:first-child:before {
	content: "";
	float: right;
	margin-left: 8px;
}

.breadChumb ul li:before {
	content: "/";
	float: left;
	margin-right: 8px;
}

.breadChumb ul li:first-child {
	margin-left: 0px;
	margin-right: -5px;
}

.breadChumb ul li:first-child a {
	color: #404040;
}

.breadChumb ul li a {
	display: block;
	font-family: Roboto;
	font-size: 14px;
	color: #808080;
	margin-left: 8px;
}

.breadChumb ul li a:hover {
	color: #386495;
}

/* BODY */
.sCorpo {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	z-index: 1;
}

.sCorpoTop {
	margin-top:0px;
}

.sCorpo section {
	display: block;
	overflow: hidden;
	width: 98%;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.sCorpo section header {
	display: block;
	overflow: hidden;
	background-color: #00B0AB;
}

.sCorpo section h2 {
	display: block;
	overflow: hidden;
	float: left;
	margin: 12px;
}

.sCorpo section h2 a {
	float: left;
	font-family: Roboto;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	margin-right: 30px;
}

.sCorpo .sGroupTop {
	display: block;
	overflow: hidden;
	width: 99%;
	margin-left: auto !important;
	margin-right: auto !important;
	float: left;
	margin-bottom: 5x;
	padding: 4px;
}

.sCorpo .sGroupTop li {
	float: left;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-right: 15px;
	cursor: pointer;
}

.sCorpo .sGroupTop li img {
	width:20px;
	border:1px solid #fff;
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 5px;
}

.sCorpo .sGroupTop li img:hover {
	border:1px solid #00B0AB;
}

.sCorpo .sGroupField {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #0093A0;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	margin-top:5px;
	margin-bottom: 0px;
	cursor: pointer;
}

.sCorpo .sGroupField b {
	font-size: 12px;
	margin-right:10px;
}

.sCorpo section ul {
	float: right;
	margin-top: 12px;
	margin-right: 25px;
}

.sCorpo section ul li a {
	display: block;
	overflow: hidden;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #00B0AB;
	border-radius: 5px;
	font-family: Open Sans;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #fff;
	border:1px solid #0093A0;
}

.sCorpo section ul li a:hover {
	background-color: #0093A0;
}

.sCorpo section form {
	display: block;
	overflow: hidden;
	width: 97%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
}

.sCorpo form input, .sCorpo form select, .sCorpo form textarea {
	margin-bottom: 15px;
}

.sCorpo header ul li {
	float: right;
	margin-left:20px;
}

.sCorpo header ul li button {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 4px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 12px;
	color: #fff;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
	cursor: pointer;
}

.sCorpo header ul li  button:hover {
	background-color: #0093A0;
	border: 1px solid #0093A0;
}

.sCorpo form p i {
	display: block;
	overflow: hidden;
	font-family: Open Sans;
	font-size: 14px;
	color: #336699;
}

.sCorpo form button {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 4px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.sCorpo form  button:hover {
	background-color: #0093A0;
	border: 1px solid #0093A0;
}

.sCorpo form button a {
	color: #fff;
}

.sCorpo form .sField {
	display: block;
	overflow: hidden;
	width: 100%;
}

.sCorpo label {
	display: block;
	overflow: hidden;
	border:1px solid Transparent;
	font-weight: bold;
}

.sCorpo form label i {
	font-family: Open Sans;
	font-size: 12px;
	color: #808080;
}

.sToolTip {
	display: none;
	width: auto;
	overflow: hidden;
	padding: 10px;
	border:1px solid #00B0AB;
	background-color: #f2f2f2;
	border-radius: 10px;
	position: absolute;
	margin-top:24px;
	font-family: Open Sans;
	letter-spacing: 1.1px;
	font-size: 14px;
	font-weight: normal;
	color:#202020;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sCorpo label p:hover {
	border:1px solid #00B0AB;
	background-color: #00B0AB;
	color:#fff;
}

.sCorpo label p:hover ~ .sToolTip {
	display: block;
}

.sCorpo label p {
	width: 14px;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	border:1px solid #00B0AB;
	color:#707070;
	border-radius: 30px;
	cursor:pointer;
	float: left;
	margin-left:8px;
	margin-top:2px;
}

.sCellRight {
	float: right;
}

.sCorpo form .sCellRight .sActionList{
	margin-top: 7px;
}

.sCorpo form .sCell {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	float: left;
}

.sCellCol {
	display: block;
	overflow: hidden;
	width:auto;
	margin-right: 10px;
	float: left;
}

.sCellColRight {
	display: block;
	overflow: hidden;
	width:auto;
	margin-right: 10px;
	float: right;
}

.sCorpo form .sCellFull {
	display: block;
	overflow: hidden;
	margin-right: 4px;
	float: left;
}

.sCorpo form .sCellButton {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	float: left;
}

.sCorpo form .sCellButton button {
	margin-top:26px !important;
}

.sCorpo hr {
	display: block;
	overflow: hidden;
	border: 0px;
	border-bottom: 1px solid #e2e2e2;
	margin-top: 10px;
	margin-bottom: 20px;
}

.sCorpo form h2 {
	display: block;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #00B0AB;
	padding-bottom: 15px;
	margin:0px;
	padding: 0px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.sCorpo .sClose {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 4px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-right: 20px;
	cursor: pointer;
	float: right;
}

.sCorpo .sClose:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

.sCorpo article {
	padding: 10px;
	border:1px solid #e2e2e2;
	border-radius: 5px;
	border-bottom:3px solid #00B0AB;
	margin-bottom: 20px;
}

/* FILTER */
.sFilter {
	display: block;
	overflow: hidden;
	background-color: #fff;
	padding: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom:1px solid #e2e2e2;
	text-align: left;
}

.sFilter label {

}

.sFilter form {
	margin:10px !important;
}

.sFilter input {
	max-width: 300px;
}

.sFilter input[type="search"] {
	width: 300px;
	height: 35px;
}

.sFilter button {
	margin-top: 25px !important;
}

.sFilter select {
	max-width:200px;
}


.sFilter img {
	width: 24px;
}

/* TABLE LIST */
.sTable {
	border-collapse: collapse;
	border-width:0px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top: 0px;
}

.sTable b {
	font-weight: normal;
}

.sFullName {
	font-size: 18px !important;
	cursor: pointer;
}

.sFullName:hover {
	color:#ff9900;
}

.sTableTop {
	margin-top: 0px;
}

.sTableShort {
	width:98%;
}

.sTableShort tr td:first-child:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}

.sTable img {
	width: 16px;
}

.sTable .sCliqueEdit {
	cursor: pointer;
}

.sTable tr {
	text-align:left;
	border-bottom:1px solid #f2f2f2;
	padding:7px;
}

.sTable tr th {
	font-family: Open Sans;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	color:#404040;
	padding: 6px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e2e2e2;
}

.sTable tr th:last-child {
	width: 100%;
}

.sTable tr td {
	font-family:Open Sans;
	font-size:12px;
	font-weight: normal;
	white-space: normal;
	white-space: nowrap;
	padding: 6px;
	vertical-align: top;
}

.sTable tr td:last-child {
	width:100% !important;
}

.sTable tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.sTable tr:hover{
	background-color:#0093A0;
	color:#fff;
}

.sTable tr:last-child {
	border-bottom: 1px solid #e2e2e2;
}

.sTable tr td a {
	font-family:Open Sans;
	font-size:12px;
	font-weight: normal;
	white-space: nowrap;
}

.sTable tr:hover td a {
	color:#fff;
}

.sTable tr td a:hover {
	text-decoration: underline;
	color:#fff;
}

.sTable button {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 4px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 2px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}

.sTable button:hover {
	background-color: #00B0AB;
	border: 1px solid #00B0AB;
}


.sTable input {
	margin:0px !important;
	height: 25px;
}

.sTable input[type="checkbox"] {
	width:20px;
	height:20px;
	border:1px solid #e2e2e2;
	margin-top:2px;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;
  cursor: pointer;
}

/* COMMON INPUTS */
label {
	display:block;
	overflow:hidden;
	font-family:Open Sans;
	font-size:14px;
	margin-bottom:5px;
	color:#404040;
}

label span {
	display:block;
	overflow:hidden;
	font-family:Open Sans;
	font-size:14px;
	font-style:normal;
	margin-bottom:5px;
	color:#404040;
	margin:0px;
	float: left;
	width: auto;
}

label span b {
	display:block;
	overflow:hidden;
	font-family:Open Sans;
	font-size:14px;
	font-style:normal;
	color:#ff1a00;
	float: right;
	margin-left:5px;
	margin-top:2px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	border:1px solid #fff;
	border-radius: 8px;
	text-align: center;
}

label span b:hover {
	border:1px solid #ff1a00;
	background-color: #ff1a00;
	color: #fff;
}

span {
	display:block;
	overflow:hidden;
	width:100%;
	font-family:Open Sans;
	font-size:12px;
	font-style:italic;
	color:#808080;
	margin-top:4px;
	margin-bottom:15px;
}

span b {
	color:#800000;
}

input {
	display:block;
	overflow:hidden;
	height:30px;
	padding-left:5px;
	font-family:Open Sans;
	font-size:14px;
	border:1px solid #e2e2e2;
	outline-color:#4f85bb;
	background-color:#f9f9f9;
}

input[type="text"]:disabled, .sForm input[type="password"], input[type="text"]:read-only {
  background-color: #f2f2f2;
	border:1px solid #c8c8c8;
}

input[type="password"] {
  background-color: #f9f9f9;
	border:1px solid #c8c8c8;
	font-size:32px;
}

input[type="checkbox"] {
	width:24px;
	height:24px;
	border:1px solid #e2e2e2;
	margin-top:10px;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;
}

textarea {
	display:block;
	overflow-x:auto;
	width:93%;
	min-height:50px;
	padding-left:10px;
	padding-top:5px;
	font-family:Open Sans;
	font-size:14px;
	border:1px solid #e2e2e2;
	outline-color:#4f85bb;
	background-color:#f9f9f9;
}

textarea:disabled {
  background-color: #e2e2e2;
	border:1px solid #c8c8c8;
}

select  {
	display:block;
	overflow:hidden;
	height:34px;
	font-family:Open Sans;
	font-size:14px;
	border:1px solid #e2e2e2;
	outline-color:#4f85bb;
	background-color:#f9f9f9;
}

select:disabled {
  background-color: #e2e2e2;
	border:1px solid #c8c8c8;
}

input[type="file"] {
	border:1px solid #e2e2e2;
	background-color:#fff;
	font-family:Open Sans;
	font-size:14px;
	padding:4px;
	max-width:350px;
	width:350px;
	height: 25px;
}

input[type="file"]:disabled {
  background-color: #e2e2e2;
	border:1px solid #c8c8c8;
}

/* ICONS */
.imgIcon {
	float:left;
	width:24px;
	height:24px;
	margin-left:20px;
	margin-top:4px;
}

.imgUser {
	float:right;
	width:24px;
	height:24px;
	margin-top:5px;
	margin-right:20px;
	cursor:pointer;
}

.imgExit {
	float:right;
	width:24px;
	height:24px;
	margin-top:5px;
	margin-right:30px;
	cursor:pointer;
}

.imgSearch {
	float:right;
	width:20px;
	height:20px;
	margin-top:4px;
	cursor:pointer;
}

.imgMenu {
	float:left;
	width:32px;
	height:32px;
	margin-top:2px;
	margin-left:20px;
	z-index:10;
	cursor:pointer;
}


/* LOCK SCREEN */
.lockscreen {
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1;
	background-color:#404040;
	opacity:0.50;
}


/* DIALOG */
.dialog {
	display:none;
	overflow:hidden;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:100;
}

.dialog_data {
	display:none;
	overflow:hidden;
	width:40%;
	min-width:420px;
	height:auto;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:6px;
}

.dialog_data p {
	display:block;
	overflow:hidden;
	font-family:Open Sans;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1.4px;
	text-align:left;
	color:#fff;
	padding:15px;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:30px;
	background-color:#D11F5D;
}

.dialog_data span {
	display:block;
	overflow:hidden;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-family:Open Sans;
	font-size:14px;
	letter-spacing:1.4px;
	text-align:center;
	color:#404040;
	margin-bottom:20px;
}

.dialog_data button {
	width:100px;
	text-align:center;
	border:2px solid #D11F5D;
	border-radius:3px;
	background-color:#fcfcfc;
	color:#404040;
	padding:6px;
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
	margin-left:auto;
	margin-right:20px;
	font-family:Open Sans;
	font-size:12px;
	letter-spacing:0.1px;
	font-weight:normal;
	float:right;
}

.dialog_data button:hover {
	background-color:#D11F5D;
	color:#fff;
}

/* DIALOG INPUT */
.dialogEdit {
	display:none;
	overflow:hidden;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:100;
}

.dialogEditBody {
	display:block;
	overflow: hidden;
	width:70%;
	min-width:420px;
	height: 550px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	padding-bottom: 40px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dialogEditAjax {
	display: block;
	overflow-x:hidden;
	overflow-y:scroll;
	width: 100%;
	height: 540px;
	border-width: 0px;
}

.dialogEditAjax .sActionBar {
	margin-top:20px !important;
}

.dialogEditAjax #sFormEdit {
	margin-bottom: 50px;
}

.dialogEdit .dialog_title {
	display:block;
	overflow:hidden;
	width: 100%;
	background-color: #D11F5D;
	padding:10px;
	padding-bottom: 0px;
}

.dialogEdit .dialog_title span {
	display: block;
	overflow: hidden;
	width: auto;
	font-family:Open Sans;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	letter-spacing:1.4px;
	text-align:left;
	color:#fff;
	float: left;
	padding: 0px;
	padding-left: 10px;
}

.dialogEdit .dialog_title img {
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}


/*
.sTable th:hover{
	background-color: #f2f2f2;
	color:#404040;
}

.sTable tr:last-child {
	border-bottom:1px solid #e2e2e2;
}

.sTable tr:nth-child(odd) {
   background-color: #f2f2f2;
}

.sTable tr:hover{
	background-color:#404040;
	color:#fff;
}

.sTable tr:hover td {
	color:#fff;
}

.sTable tr:hover td a {
	color:#fff;
}

.sTable tr td {
	font-family:Open Sans;
	font-size:13px;
	font-weight:normal;
	white-space: nowrap;
	color:#404040;
	padding:10px;
	padding-bottom:5px;
	padding-top:3px;
	border-right:1px solid #e2e2e2;
}

.sTable tr td:last-child {
	border-right:0px;
	width:100%;
}

.sTable tr td a {
	color:#336699;
    font-family:Open Sans;
    font-size:13px;
    font-weight:normal;
}
*/

/* MESSAGES */
.sMsg {
	width: 88% !important;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.sWarning {
	display:block;
	overflow:hidden;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding:15px;
	font-family:Open Sans;
	font-size:14px;
	text-align:left;
	color:#404040;
	border:1px solid #F9F09A;
	border-radius:4px;
	background-color:#FCF6C4;
}

.sSuccess {
	display:block;
	overflow:hidden;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding:15px;
	font-family:Open Sans;
	font-size:14px;
	text-align:left;
	color:#404040;
	border:1px solid #a9db80;
	border-radius:4px;
	background-color:#B7D899;
}

.sError {
	display:block;
	overflow:hidden;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding:15px;
	font-family:Open Sans;
	font-size:14px;
	text-align:left;
	color:#fff;
	border:1px solid #CC5D5D;
	border-radius:4px;
	background-color:#CE6F6F;
}

.sError a {
	color:#fff;
	font-style: italic;
}

/* LOCK SCREEN */
.sLockScreen {
	display:none;
	width:100%;
	height:100%;
	background-color:#404040;
	opacity:0.65;
	z-index:10;
	position:fixed;
	top:0;
	left:0;
}

/* DIALOG MESSAGE */
.sDialogMessage {
	display:none;
	width:100%;
	height:auto;
	position:fixed;
	top:25%;
	z-index:99;
}

.sDialogMessage section {
	display:block;
	overflow:hidden;
	width:35%;
	height:auto;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: transparent;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sDialogMessage h3 {
	display:block;
	overflow:hidden;
	width:100%;
	background-color:#00B0AB;
	color:#fff;
	padding:10px;
	font-family:Roboto;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}

.sDialogMessage p {
	display:block;
	overflow:hidden;
	width:95%;
	color:#404040;
	margin:20px;
	margin-left:auto;
	margin-right:auto;
	font-family:Open Sans;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}

.sDialogMessage button {
	display:none;
	overflow:hidden;
	width:auto;
	height: 35px;
	background-color:#e2e2e2;
	color:#404040;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	font-family:Open Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:1px solid #c8c8c8;
	border-radius:3px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:20px;
	cursor:pointer;
}

.sDialogMessage button:hover {
	background-color:#404040;
	border:1px solid #404040;
	color:#fff;
}

.sDialogMessage .sQuestion {
	float:right;
	margin-right:25px;
}

.sDialogMessage img {
	width:24px;
	float: left;
	margin-right: 10px;
	margin-top:-4px;
}

/* DIALOG EDIT */
.sDialogEdit {
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:15%;
	left:0px;
	z-index:20;
	padding-bottom: 30px;
	background-color: transparent;
}

.sDialogEdit #sDialogEditLoad {
	display:block;
	overflow: hidden;
	width:80%;
	height:auto;
	min-height: 200px;
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	border: transparent;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sDialogEdit .sCorpo {
	display: block;
	width: 100%;
	border:transparent;
	padding: 0px !important;
	margin:0px !important;
}

.sDialogEdit .sCorpo section {
	display: block;
	overflow: hidden;
	width: 95%;
	border:transparent;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	border-radius: 0px;
}

.sDialogEdit .sCorpo h2 {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 10px;
	float: left;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	background-color: #202020;
	margin:0px;
	margin-bottom: 10px;
}

.sDialogEdit .sCorpo section form {
	display: block;
	overflow: hidden;
	width: 100%;
}

/* MENU MAIN */
.menuMain {
	display: block;
	overflow: hidden;
	width: 100%;
	z-index: 0;
	margin-top: 50px;
	margin-bottom: 40px;
}

.menuMain ul {
	display: block;
	min-width: 14%;
	float: left;
	margin: 20px;
	margin-top:60px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.menuMain ul li {
	display: block;
	text-align: left;
	float: left;
	margin-right: 20px;
}

.menuMain ul li:first-child {
	display: block;
	text-align: left;
	width: 100%;
	overflow: hidden;;
	float: none;
}

.menuMain ul li h2 {
	display: block;
	font-family: Roboto;
	font-size: 18px;
	font-weight: normal;
	color: #202020;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
}

.menuMain ul li a {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 90px;
	font-family: Open Sans;
	font-size: 14px;
	color: #336699;
	text-align: center;
	padding: 15px;
	margin:5px;
	border-radius: 4px;
	border:1px solid #c8c8c8;
	background-color: #fff;
}

.menuMain ul li img {
	width: 18px;
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 4px;
	float: left;
}

.menuMain ul li a img {
	width: 32px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	float: none;
}

.menuMain ul li:hover a {
	background-color: #00B0AB;
	border:1px solid #00B0AB;
	color:#fff;
}

.menuMain ul li:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}


.menuMain ul li:first-child:hover img {
	filter: brightness(0) invert(0);
	-webkit-filter: brightness(0) invert(0);
}

/* ACTION BAR */
.sActionMenu {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
	margin-top: -30px;
}

.sActionMenu ul {
	display: block;
	overflow: hidden;
	width: 100%;
	border-bottom:1px solid #e2e2e2;
	margin: 0px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-bottom: 5px !important;
}

.sActionMenu ul li {
	display: table-cell;
	float: left;
	margin: 10px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 15px;
}

.sActionMenu button {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 4px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 12px;
	letter-spacing: 1.1px;
	color: #fff;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}

.sActionMenu button:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

.sActionMenu button:hover a {
	background-color: #ED3237;
}

.sActionMenu a {
	display: block;
	overflow: hidden;
	padding: 0px !important;
	margin: 0px !important;
}

.sActionMenu a:hover {
	background-color: #ED3237;
	border: 0px;
}

.sActionMenu .sLastAction {
	float:right;
}
/* REPORT */
.sReport {
	border-collapse: collapse;
	border-width:0px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top: 20px;
}

.sReport table {
	border-collapse: collapse;
	border:1px solid #404040;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	background-color: #fff;
}

.sReport table tr:first-child td {
	padding-top: 20px;
}
.sReport table tr td {
	text-align: left;
	padding-left: 20px;
}

.sReport img  {
	width: 350px;
}

.sReport p {
	display: block;
	overflow: hidden;
	font-family: Roboto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1.1px;
	color: #202020;
	padding: 15px;
	padding-top: 40px;
}

.sReport hr {
	display: block;
	overflow: hidden;
	border: 0px;
	border-bottom: 1px solid #808080;
}

.sReport td:last-child {
	width: 70%;
}

.sReport td:first-child {
	width: 30%;
}

.sReport .sInvest {
	border:2px solid #202020;
	width:98%;
	float: left;
}

.sReport .sInvest td {
	border:2px solid #404040;
	width: 100%;
}

.sReport .sInvest td:last-child {
	min-width:150px;
}

.sFileChoose {
	white-space:nowrap;
	margin-top:0px;
}

/* SEARCH RESULT */
.sSearchResult {
	display:none;
	overflow:hidden;
	position:absolute;
	border:1px solid #e2e2e2;
	background-color: #fff;
	width:339px;
	margin-top:-10px !important;
	height: 300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sSearchResult li {
	font-family: Roboto;
	font-size: 12px;
	letter-spacing: 1.1px;
	margin-bottom: 2px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e2e2e2;
	padding: 3px;
	cursor: pointer;
}

.sSearchResult li:hover {
	background-color: #404040;
	color:#fff;
}

/* TABLE LIST EDIT */
.sListEdit {
	display: block;
	border:1px solid #e2e2e2;
	border-radius: 4px;
	padding: 4px;
	margin-top:30px;
}

.sListEditSingle {
	margin-top: 0px;
	min-width:400px;
}

.sListEditSingle .sTable {
	width:390px;
}

.sListEditSingle .sTable tr:first-child:hover {
	background-color:#f2f2f2;
	color:#fff;
}

.sListEditSingle .sTable tr:last-child {
	border-bottom: 0px;
}

.sListEdit table {
	margin: 10px;
}

.sListEdit img {
	width: 20px;
	cursor: pointer;
}

.sListEdit tr:hover img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(100%);
}

/* LIST ITEM */
.sLisItem {
	border-collapse: collapse;
	border-width:0px;
}

.sListItem .sDel {
	padding: 5px;
}

.sLisItem tr td, .sListItem tr th {
	border-bottom:1px solid #e2e2e2;
	vertical-align: top;
	padding-top: 10px;
}

/* FOLDER */
.sFolder {
	display: table;
	overflow: hidden;
	border-collapse: collapse;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

.sFolder li {
	display: table-cell;
	overflow: hidden;
	padding: 4px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border:1px solid #c8c8c8;
	border-right: 0px;
	background-color: #e2e2e2;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: top;
}

.sFolder li:last-child {
	border:0px;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background-color: transparent;
	width: 100%;
}

.sFolder li:hover {
	color: #fff;
	background-color: #00B0AB;
}

.sFolder .sSelectPage {
	font-weight: bold;
	color: #00B0AB;
	background-color: #fff;
	border-bottom: transparent;
}

.sPage {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	border-top: transparent;
	border-bottom: 0px;
	background-color: #fff;
}

.sPage table tr th {
	background-color: #404040;
	color: #fff;
}

.sPage .sFilter {
	margin-top: 0px;
	border-bottom: 1px solid #c8c8c8;
}

/* ACTION LIST */
.sActionList {
	display: table;
	overflow: hidden;
	float: right;
	margin:0px;
}

.sActionList li {
	display: table-cell;
}

.sActionList a {
	display: block;
	overflow: hidden;
	border: 1px solid #00B0AB;
	border-radius: 19px;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 6px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: 17px;
	cursor: pointer;
}

.sActionList a:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

/* SIMULAOR APP */
.sAPP {
	display: inline-block;
	overflow: hidden;
	width:320px;
	height: 550px;
	margin-left: 25px;
	margin-top: -10px;
}

.sAPP h2 {
	display: block;
	overflow: hidden;
	font-family: Roboto;
	font-size: 14px;
	text-align: center;
	width:300px;
	margin: 0px !important;
	padding-bottom: 20px;
}

.sAPP .sTopApp {
	display: block;
	overflow: hidden;
	padding: 10px;
	padding-bottom: 0px;
	background-color: #fff;
}

.sAPP .sTopApp h3 {
	display: block;
	overflow: hidden;
	padding-bottom: 6px;
	border-bottom: 1px solid #e2e2e2;
}

.sAPP .sTopApp h3 img {
	width: 24px;
	float:left;
	cursor: pointer;
}

.sAPP .sTopApp h3 p {
	width:220px;
	float:left;
}

.sAPP .sTopApp h3 img:last-child {
	float:right;
}

.sAPP .sAppTelas {
	display: block;
	overflow: hidden;
	width:300px;
	height: 480px;
	border:6px solid #202020;
	border-radius: 8px;
	margin-bottom: 50px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sAPP .sAppTelas {
	background-size: 100% 100%;
	background-position: top left;
	background-repeat: no-repeat;
}

.sAPP .sAppBody {
	display: block;
	overflow: hidden;
	width:300px;
}

.sAPP .sAppBody table {
	border-collapse: collapse;
	border-width:0px;
}

.sAPP .sAppBody label {
	display: block;
	overflow: hidden;
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	text-shadow: 1px 1px #fff;
}

.sAPP .sAppBody input {
	width: 89% !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border:1px solid #fff;
	border-radius: 5px;
}

.sAPP .sAppBody button {
	width:80%;
	border: 1px solid #00B0AB;
	background-color: #00B0AB;
	font-family: Open Sans;
	font-size: 12px;
	letter-spacing: 1.1px;
	color: #fff;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.sAPP .sAppBody button:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

.sAPP .sBody {
	overflow: hidden;
	border-collapse: collapse;
	border-width:0px;
	width:300px;
	height: 450px;
}

.sAPP .sBody tr:first-child {
}

.sAPP .sBody tr:last-child {
	height: 45px;
	background-color: #000000;
}

.sAPP .sBody tr:last-child td {
	width:33%;
}

.sAPP .sBody .sFooter1 {
	display: block;
	overflow: hidden;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right:8px solid #fff;
	margin-top: -10px;
	margin-left: 30px;
}

.sAPP .sBody .sFooter2 {
	display: block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background-color: #fff;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
}

.sAPP .sBody .sFooter3 {
	display: block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-color: #fff;
	float: right;
	margin-top: -10px;
	margin-right: 30px;
}

.sDeleteDocto {
	border:1px solid #800000 !important;
	border-radius:4px;
	background-color:#800000 !important;
	padding:0px !important;
	width:24px !important;
	height:24px;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:0px !important;
}

/* SIMULATOR */

.sSimulator {
	width:340px;
	margin-bottom: 0px;
}

.sSimulator article {
	display:block;
	width: 298px;
	height:450px;
	overflow-x: hidden;
	overflow-y:scroll;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border:1px solid #c8c8c8;
	border-top: 0px;
	padding:20px;
}

.sSimulator img {
  width:100%;
  height: 38px;
  background: url('../img/wallpaper.jpg') no-repeat;
  background-size: cover;
}

.sSimulator button {
	width:100%;
	border: 1px solid #00B0AB;
	background-color: #00B0AB;
	border-radius: 5px;
	font-family: Open Sans;
	font-size: 16px;
	color: #fff;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.sSimulator button:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

.sSimulator h1 {
	display: block;
	color: #404040;
	width: 95%;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	padding-bottom: 15px;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #e2e2e2;
}

.sSimulator h2 {
	display: block;
	color: #336699 !important;
	width: 95%;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	padding-bottom: 15px;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.sSimulator h3 {
	display: block;
	color: #336699 !important;
	width: 95%;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	padding-bottom: 15px;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 30px !important;
	margin-top: 0px !important;
}

.sSimulator i {
	display: block;
	color: #800000;
	width: 95%;
	font-family: Open Sans;
	font-size: 13px;
	font-weight: normal;
	margin-top:-10px;
}

.sSimulator textarea {
	min-height:70px;
	border:1px solid #c8c8c8;
}

.sSimulatorFooter {
	display: block;
	border:1px solid #c8c8c8;
	border-top: 0px;
	border-radius:0px 0px 4px 4px;
	width:338px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 50px;
}

.sSimulatorFooter button {
	width:40%;
	border: 1px solid #00B0AB;
	background-color: #00B0AB;
	border-radius: 5px;
	font-family: Open Sans;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	margin-top:0px !important;
	float: right;
	margin-right: 10px;
	white-space: nowrap;
}

.sSimulatorFooter button:hover {
	background-color: #ED3237;
	border: 1px solid #ED3237;
}

.sSimulatorFooter  img {
	width: 32px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

.sAttrList {
	display: none;
	overflow: hidden;
	border:2px solid #404040;
	border-radius: 4px;
	background-color: #fff;
	width: 750px;
	height: 500px;
	position: fixed;
	top:200px;
	left:200px;
	z-index: : 10;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sAttrList #loadattr {
	display: block;
	width: 100%;
	height: 468px;
	overflow-y: scroll;
	overflow-x: scroll;
	border-top:1px solid #e2e2e2;
}

.sAttrList ul {
	padding:5px;
}

.sAttrList ul li:first-child {
	float: left;
	font-weight: bold;
	padding-left: 5px;
}

.sAttrList ul li:last-child {
	float: right;
	font-weight: bold;
	margin-right: 10px;
	cursor: pointer;
}

.sAttClick {
	cursor: pointer;
}

.sDiaHead {
  width:170px;
  height: 20px;
  border:1px solid #336699;
  background-color: #336699;
  color:#fff;
  text-align: left;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 14px;
  font-family: Roboto;
  font-weight: bold;
}

.sDia {
  width:170px;
  height: 90px !important;
  border:1px solid #c8c8c8;
  text-align: left;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 14px;
  font-family: Roboto;
  font-weight: bold;
  vertical-align: top;
}

.sDiaContent {
	background-color: #F7FBFF;
	color:#ff9900;
	font-size:18px;
}

.sOpaco {
  background-color: #e2e2e2;
}

.sCall {
  border-collapse: collapse;
  border-width:0px;
  border:1px solid #c8c8c8;
  margin-left: 20px;
  margin-bottom: 50px;
  margin-top: 20px;
}

.sCustomer a {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-family: Open Sans;
  font-weight: normal;
  color:#fff;
  margin: 8px;
  margin-bottom: 10px;
  padding: 5px;
  border-bottom: 1px dotted #00B0AB;
  background-color: #00B0AB;
  border-radius: 3px;
}

.sCustomer a:hover {
	background-color: #308FE8;
}

.sCustomer a b {
  font-size: 14px;
  font-family: Open Sans;
  font-weight: bold;
  color:#000000;
}

/* GALLERY */
.sGallery {
	display: table;
	overflow: hidden;
	width: 94%;
	border:1px solid #e2e2e2;
	border-radius: 4px;
	padding:10px;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-bottom: 30px;
	float: none !important;
}

.sGallery li {
	display: inline-block;
	overflow: hidden;
	float: left;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin:20px;
}

.sGallery li img {
	width: 220px;
	height: 220px;
	border-bottom: 1px solid #e2e2e2;
}

.sGallery label {
	width: 215px;
	max-width: 215px;
	height: 45px;
	padding-top: 4px;
}

.sGallery div {
	display: block;
	border:1px solid #800000;
	background-color: #800000;
	padding:6px;
	border-radius: 30px;
	font-family: Roboto;
	color:#fff;
	font-weight: bold;
	width: 15px;
	height: 15px;
	position: absolute;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:-290px;
	margin-left:200px;
	z-index: 10;
	cursor: pointer;
}

.sTabImport {
	border:1px solid #404040;
	margin-left: 15px;
}

.sTabImport td {
	border:1px solid #404040;
}


/* MESSAGE */
.sMessage {
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-width:0px;
	position: fixed;
	top:0px;
	left:0px;
}

.sMessage td {
	vertical-align: top;
}

.sMessage table td {
	vertical-align: top;
}

.sMessage table {
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-width:0px;
}

.sMessageUsers {
	width: 300px;
	min-width: 300px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	border-top:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

.sMessageTitle {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	border:0px !important;
	border-bottom: 1px solid #00B0AB;
	padding: 10px;
	background-color: #00B0AB;
	color: #fff;
	margin:0px @important;
}

.sMessageUsers ul li {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
	font-family: Open Sans;
	font-size: 14px;
	cursor: pointer;
	background-color: #fff;
	margin:8px;
}

.sMessageUsers ul li:hover {
	background-color: #f2f2f2;
	color: #336699;
}

.sMessageBoard {
	width: 100%;
	height: 100%;
	overflow:hidden;
	border:1px solid #c8c8c8;
}

.sMessageBoard table {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border-width:0px;
}

.sMessageBoard table tr:first-child {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.sMessageList {
	width: 100%;
	height: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	vertical-align: bottom;
}

.sMessageEdit {
	padding: 2px;
	vertical-align: top;
}

.sMessageEdit table {
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border-width:0px;
	border-top:1px solid #c8c8c8;
}

.sMessageEdit table td {
	overflow: hidden;
	vertical-align: top;
}

.sMessageEdit table td:first-child {
	width: 100%;
}

.sMessageEdit textarea {
	width: 97%;
	height: 35px;
	max-height: 35px;
	min-height: 35px;
	margin:10px !important;
	background-color:#fff;
	border-radius: 10px;
	border:1px solid #c8c8c8;
}

.sMessageEdit td {
	vertical-align: top;
}

.sMessageEdit button {
	margin:10px !important;
	margin-right:10px !important;
	margin-left:10px !important;
	height: 40px;
	border-radius: 10px;
	float: right;
}

.hMessageYou {
	display:block;
	padding:4px;
	width:98%;
	margin-bottom: 20px;
	margin-right: 30px;
	text-align:right;
}

.hMessageYou p {
	display:block;
	padding:10px;
	border:1px solid #c8c8c8;
	border-radius:10px;
	background-color:#fff;
	font-family:Open Sans;
	font-size: 14px;
	color:#336699;
	float:right;
	text-align:right;
}

.hMessageTecnhical {
	display:block;
	padding:0px;
	width:98%;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align:left;
}

.hMessageTecnhical p {
	display:block;
	padding:10px;
	margin:0px !important;
	border:1px solid #c8c8c8;
	border-radius:10px;
	background-color:#e0e8f3;
	font-family:Open Sans;
	font-size: 14px;
	color:#336699;
	float:left;
	text-align:left;
}

.hMessageYou label {
	display:block;
	width:auto !important;
	padding:0px !important;
	margin:0px !important;
	font-family:Open Sans;
	font-size: 12px;
	font-weight: normal;
	float: right;
	color:#808080;
}

.hMessageTecnhical label {
	display:block;
	width:auto !important;
	padding:0px !important;
	margin:0px !important;
	font-family:Open Sans;
	font-size: 12px;
	font-weight: normal;
	float: left;
	color:#808080;
}

.sUserName {
	display:block;
	width:100%;
	padding:10px;
	background-color:#00B0AB;
	font-family:Open Sans;
	font-size: 14px;
	color:#fff;
}

.sPicking {
  border:2px solid #fff;
  background-color: #fff;
  width:90%;
  border-collapse: collapse;
  border-width:0px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  margin-bottom: 50px;
}

.sPicking table {
  border:1px solid #c8c8c8;
  width:100%;
  border-collapse: collapse;
  border-width:0px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}

.sPicking td {
  text-align: left;
  vertical-align: top;
  padding: 20px;
  font-family: Open Sans;
  font-size:16px;
}

.sPicking th {
  border:1px solid #c8c8c8;
  text-align: left;
  vertical-align: top;
  padding: 20px;
  font-family: Roboto;
  font-size:14px;
}

.sPicking table td {
  border:1px solid #c8c8c8;
  text-align: initial;
  vertical-align: top;
  padding: 10px;
  font-family: Open Sans;
  font-size:16px;
}

.sPicking i {
  font-family: Roboto;
  font-size: 20px;
  font-style:normal;
  font-weight: bold;
}

.sPicking .sPedido{
  font-family: Roboto;
  font-size: 18px;
  font-style:normal;
  font-weight: bold;
}

.sPicking h2{
  font-family: Open Sans;
  font-size: 18px;
  font-style:normal;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
}

.sBodyPicking {
	display: table;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #202020;
}

/*CSS para impressão*/
@media print {
body, html { background-color: #fff !important;}
@page {
  margin: 0 0 2 0 !important;
}

.sCorpo {
	margin-top: 0px;
	margin-bottom: 0px !important;
	border:1px solid #404040 !important;
}

.menuBar  {
	display: none;
}
.topBar {
	display: none;
}

.breadChumb {
	display: none;
}

.sReport {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.sReport table:first-child {
	width:90%;
}

.sReport table:last-child {
	width: 95%;
	border:0px;
}

.sPrint {
	width: 100% !important;
	height: auto !important;
	margin:0px !important;
	padding: 0px !important;
	border:0px !important;
	border:1px solid #fff !important;
}

.sPrint .sCorpo {
	width: 100% !important;
	margin:0px !important;
	padding: 0px !important;
	border:0px !important;
}

.sPrint .sCorpo section{
	width: 100% !important;
	margin:0px !important;
	padding: 0px !important;
	border:0px !important;
}

.sPrint .sCorpo section form {
	width: 100% !important;
	margin:10px !important;
	padding: 0px !important;
	border:0px !important;
	border:1px solid #fff !important;
	display: table !important;
	height: auto !important;
}

}



/* TINY MCE */
.sForm .mce-tinymce {
	width:100%;
	z-index:0 !important;
}

.sForm .sForm .mce-widget, .sForm .mce-toolbar, .sForm .mce-first, .sForm .mce-flow-layout, .sForm .mce-menubtn, .sForm .mce-btn, .sForm .mce-first, .sForm .mce-last {
	min-width:32px !important;
	background-color:Transparent !important;
}

.sForm .mce-widget {
	border:1px solid Transparent !important;
}

.sForm .mce-btn-group {
	background-color:Transparent !important;
	border:1px solid #e2e2e2 !important;
}


.sForm .mce-tinymce button, .sForm .mce-widget button {
	width:auto !important;
	height:32px !important;
	display:inline-table !important;
	background-color:Transparent !important;
	border:1px solid #404040 !important;
}

.mce-tinymce button, .mce-widget button {
	width:auto !important;
	height:32px !important;
	display:inline-table !important;
	background-color: #f2f2f2 !important;
	border:1px solid #e2e2e2 !important;
	color: #404040 !important;
	margin: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.sForm .mce-container-body {
	width:100% !important;
}

.sForm .mce-tinymce button:hover {
	xborder:1px solid #c8c8c8 !important;
}

.sForm .mce-toolbar-grp {
	width:auto !important;
	border:1px solid #e2e2e2 !important;
}

.sForm .mce-panel {
	display:block !important;
	overflow:hidden !important;
	width:99% !important;
	border:0px solid #c8c8c8 !important;
}

.sForm  .mce-floatpanel {
	width:99% !important;
}

.sForm .mce-menu {
	width:99% !important;
}

.mceEditor {
	text-align:left !important;
}

.sWYSIWYG {
	display: block;
	overflow: hidden;
	width: 97% !important;
	margin: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border:1px solid #c8c8c8;
	border-radius: 4px;
	padding: 10px;
}

.sWYSIWYG div {
	display: initial  !important;
	width: auto !important;
}
/*
.sWYSIWYG span {
	display: initial  !important;
	width: auto !important;
	font-family: Open Sans !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: normal !important;
	color: normal !important;
	background-color: normal !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
}*/