:root {
	--primary:#2D5D7B;
	--light-primary:#c5deee;
	--very-light-primary:#eff5f9;
	--alternate-primary:#457EAC;
	--dark-primary:#12364d;
	--secondary:#704C5E;
	--light-secondary:#e7c4d5;
	--very-light-secondary:#f7ecf2;
	--alternate-secondary:#ff7600;
	--green-primary:#3aba7f;
	--red-primary:#ff0000;
	--light-red-primary:#fddbdb;
}

@font-face {
    font-family: "Muli";
    src: url("fonts/Muli.ttf");
}
@font-face {
    font-family: "Muli";
    src: url("fonts/Muli-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Muli";
    src: url("fonts/Muli-Italic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "Muli";
    src: url("fonts/Muli-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
	font-family: "Unicode";
	src: url("fonts/Symbola.ttf");
}

body, html {
	background-color:#ffffff;
	font-family: 'Muli', 'Unicode';
	padding:0;
	margin:0;
}

.cbutton {
	font-family: 'Muli', 'Unicode';
	background:var(--primary);
	border-radius:4px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	outline:0;
	padding:0px 8px 3px 8px;
	transition:300ms ease background, 300ms ease border;
}

.cbutton:focus, .cbutton:hover {
	border:1px solid var(--primary);
	background:var(--alternate-primary);
}

.tbutton {
	background:var(--alternate-secondary)!important;
}

.tbutton:focus, .tbutton:hover {
	border:1px solid var(--alternate-secondary)!important;
	background:var(--red-primary)!important;
}

.cbutton:disabled, .tbutton:disabled {
	background:#dedede!important;
	color:#a0a0a0;
	font-weight:normal;
	border:1px solid #d0d0d0!important;
	cursor:default;
}

input[type=text], input[type=password] {
	outline:0;
	border:1px solid #cecece;
	border-radius:4px;
	padding:4px 4px;
}

input[type=text]:not(.myText.normalCase, .myPassword, .myURL) {
	text-transform:uppercase;
}

input[type=text].myNumber {
	text-align:right;
}

input[type=text].myNumber::placeholder {
	text-align:left;
}

input[type=text]:read-only:not(.freezing), input[type=password]:read-only {
	background:#ececec!important;
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled, .chosen-disabled>.chosen-single, .chosen-disabled>.chosen-choices, textarea:disabled {
	background:#ececec!important;
	opacity:1!important;
}

select {
	outline:0;
	border:1px solid #cecece;
	border-radius:4px;
	padding:4px 4px;
}

select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border:1px solid #909090;
}

.chosen-container .chosen-drop, .chosen-container-single .chosen-single, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices, .chosen-container-multi .chosen-choices li.search-choice, .chosen-container-active.chosen-with-drop .chosen-single  {
	border:1px solid #cecece!important;
}

.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices {
	border:1px solid #909090!important;
}

select option.not_active, .chosen-container-single .not_active, .chosen-container-multi .not_active {
	color:#808080!important;
	background-color:#ffe9e9!important;
}

.myChosenLabel {
	font-weight:bold!important;
	cursor:default!important;
	color:#000000!important;
}

.myChosenText {
	padding-left:25px!important;
}

textarea {
	font-family: 'Muli', 'Unicode';
	padding:2px 5px;
	outline:0;
	border:1px solid #cecece;
	border-radius:4px;
	width: 390px;
	height: 125px;
	resize:none;
}

textarea:not(.myTextArea.normalCase) {
	text-transform: uppercase;
}

textarea:read-only {
	background:#ececec!important;
}

input[type=file] {
	width:0;
	height:0;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}

a.myLink {
	cursor:pointer;
	text-decoration:underline;
	color:var(--primary);
	font-weight:bold;
	transition:300ms ease all;
}

div.ui-datepicker{
	font-size:11pt;
}

.monthpicker .ui-datepicker-calendar {
	display: none;
}

.password-icon {
	position:relative;
}

.password-icon>img {
	position:absolute;
	height:14px;
	font-size:15pt;
	color:#404040;
	top:7px;
	left:-33px;
	cursor:pointer;
}

.spanOptional {
	font-size: 8pt;
	vertical-align: bottom;
}

.spanNonActive {
	font-size: 8pt;
	vertical-align: bottom;
	color:var(--red-primary);
}

.spanValidator {
	font-size: 11pt;
	font-weight:bold;
	color:var(--green-primary);
	visibility:hidden;
}

.spanValidator.valid {
	visibility:visible;
}

.divDetailRemark {
	position:absolute;
	right:0;
	top:0;
	display:inline-block;
	padding:0 3px;
	background-color:#ffffff;
	border-radius:4px;
	cursor:pointer;
	color:#bcbcbc;
}

.divDetailRemark.hasContent {
	background-color:var(--secondary);
	color:#ffffff;
}

.divDetailRemark:hover:not(.hasContent) {
	color:var(--secondary);
	background-color:var(--very-light-secondary);
}

.divAddLine {
    font-size: 10pt;
    font-weight: bold;
}

.divAddLine:hover {
    cursor: pointer;
    text-decoration: underline;
}

.divFloatingInfo {
	display:inline-block;
	color:#ffffff;
	background-color:#a0a0a0;
	border:1px solid #a0a0a0;
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	border-radius:8px;
	cursor:pointer;
}

.divFloatingInfo:hover {
	background-color:#404040;
	border-color:#404040;
}

#divFloatingInfoContent {
	z-index:95;
	font-size:9pt;
	position:absolute;
	border:1px solid var(--light-primary);
	border-radius:5px;
	background-color:var(--very-light-primary);
	padding:1px 10px 3px 10px;
	display:none;
}

/* Radio Box */

.radioContainer {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-top:3px;
  font-size: 10pt;
  height:20px;
  text-align:left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radioContainer input {
  top:-2px;
  left:-4px;
  position: absolute;
  opacity: 0;
  width:20px;
  height:20px;
  z-index:2;
  cursor:pointer;
}

.radioContainer span {
  cursor: pointer;
}

.radioContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #c0c0c0;
}

.radioContainer:hover input ~ .checkmark {
  background-color: #ececec;
}

.radioContainer input:checked ~ .checkmark {
  background-color: var(--secondary);
}

.radioContainer input:disabled ~ .checkmark {
  background-color: #ececec!important;
}

.radioContainer input:disabled ~ .checkmark:after {
  background-color: #a0a0a0!important;
}

.radioContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radioContainer input:checked ~ .checkmark:after {
  display: block;
}

.radioContainer .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
}

/* Check Box */

.checkContainer {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-top: 0px;
  font-size: 10pt;
  height: 22px;
  text-align:left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkContainer input {
  position: absolute;
  opacity: 0;
  left:-4px;
  top:-2px;
  cursor: pointer;
  z-index:2;
  width:21px;
  height:20px;
}

.checkContainer span {
  cursor: pointer;
}

.checkContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border:1px solid #c0c0c0;
}

.checkContainer:hover input ~ .checkmark {
  background-color: #ececec;
}

.checkContainer input:checked ~ .checkmark {
  background-color: var(--secondary);
}

.checkContainer input:disabled ~ .checkmark {
  background-color: #ececec!important;
}

.checkContainer input:disabled ~ .checkmark:after {
  border-color: #a0a0a0!important;
}

.checkContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkContainer input:checked ~ .checkmark:after {
  display: block;
}

.checkContainer .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* On Off Box */

.switchContainer {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}

.switchContainer input {
	display:none;
}

.switchContainer .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #909090;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchContainer .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchContainer input:checked + .slider {
  background-color: var(--secondary);
}

.switchContainer input:focus + .slider {
  box-shadow: 0 0 1px var(--secondary);
}

.switchContainer input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Loader */

#divLoader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:9001;
	display:none;
}

.transparent {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}

#divLoader #inpDivLoader {
	width:0!important;
	padding:0!important;
}

.logoFlip {
	position:fixed;
	bottom:2%;
	right:2%;
	background-color: transparent;
	width: 200px;
	height: 50px;
	perspective: 1000px;
}

.logoFlipContainer {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.frontLogo, .backLogo {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.frontLogo {
	background-color: #efefef;
}

.backLogo {
	background-color: var(--primary);
    transform: rotateY(180deg);
}

.envipediaLogo {
	position:absolute;
	width:160px;
	left:20px;
	top:8px;
}

.envipediaLogo .loaderLogo {
	float:left;
	width:130px;
}

.envipediaLogo .loaderImg {
	float:right;
	width:18px;
	margin-top:6px;
}


@keyframes flipAnimation {
  0% {
	  transform: rotateY(0deg);
  }
  20% {
	  transform: rotateY(180deg);
  }
  50% {
	  transform: rotateY(180deg);
  }
  70% {
	  transform: rotateY(0deg);
  }
  100% {
	  transform: rotateY(0deg);
  }
}

.logoFlip .logoFlipContainer {
  animation-duration: 8s;
  animation-name: flipAnimation;
  animation-iteration-count: infinite;
}

/* Information */

#divInformation {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:95;
	display:none;
}

#divInformation #tableInformation {
	background-color:#ffffff;
	color:#000000;
	width:400px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translateX(-50%);
}

#divInformation #tableInformation #infoHeader {
	background-color:#ffffff;
	color:#000000;
	font-size:13pt!important;
	text-align:left;
	padding:12px 20px;
	border-bottom:1px solid #dedede;
}

#divInformation #tableInformation #infoMessage {
	font-size:11pt;
	padding:12px 20px;
	border-bottom:1px solid #dedede;
}

#divInformation #tableInformation #infoMessage>div {
	min-height:40px;
	margin-bottom:30px;
}

#divInformation #tableInformation #infoButtonContainer {
	padding:12px 20px;
	background-color:#ececec;
}

#divInformation #tableInformation button {
	margin: 2px 0;
	min-width:80px;
	font-size:10pt;
}

#divInformation #tableInformation button:not(:first-child) {
	margin-left:10px;
}

/* Hover & New Hover */

#divNewHover, #divNewHover2, #divNewHover3 {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:90;
	display:none;
}

#divNewHover2 {
	z-index:91;
}

#divNewHover3 {
	z-index:92;
}

#divNewHover #tableNewHover, #divNewHover2 #tableNewHover2, #divNewHover3 #tableNewHover3 {
	background-color:#ffffff;
	color:#000000;
	position:fixed;
	min-width:450px;
	top:50%;
	margin-left:-225px;
	margin-top:-60px;
}

#divNewHover #tableNewHover>tbody>tr>td, #divNewHover2 #tableNewHover2>tbody>tr>td, #divNewHover3 #tableNewHover3>tbody>tr>td {
    padding:12px 20px;
}

#divNewHover #tableNewHover>tbody>tr:last-child>td, #divNewHover2 #tableNewHover2>tbody>tr:last-child>td, #divNewHover3 #tableNewHover3>tbody>tr:last-child>td {
	background-color:#ececec;
}

#divNewHover #tableNewHover #hoverNewHeader, #divNewHover2 #tableNewHover2 #hoverNewHeader2, #divNewHover3 #tableNewHover3 #hoverNewHeader3 {
	background-color:#ffffff;
	color:#000000;
	font-size:13pt;
	text-align:left;
	padding:12px 20px;
	border-bottom:1px solid #dedede;
}

#divNewHover #tableNewHover #hoverNewHeader.open, #divNewHover2 #tableNewHover2 #hoverNewHeader2.open, #divNewHover3 #tableNewHover3 #hoverNewHeader3.open {
	cursor:move;
}

#divNewHover #divNewHoverMove, #divNewHover2 #divNewHoverMove2, #divNewHover3 #divNewHoverMove3 {
	float:right;
	position:relative;
	cursor:pointer;
	padding:0 5px;
}

#divNewHover #divNewHoverMove:hover, #divNewHover2 #divNewHoverMove2:hover, #divNewHover3 #divNewHoverMove3:hover {
	background-color:#ececec;
}

#divNewHover #divNewHoverMove>img, #divNewHover2 #divNewHoverMove2>img, #divNewHover3 #divNewHoverMove3>img {
	position:relative;
	width:15px;
}

#divNewHover #divNewHoverHistory, #divNewHover2 #divNewHoverHistory2, #divNewHover3 #divNewHoverHistory3 {
	float:right;
	position:relative;
	display:none;
	z-index:91;
}

#divNewHover2 #divNewHoverHistory2 {
	z-index:92;
}

#divNewHover3 #divNewHoverHistory3 {
	z-index:93;
}

#divNewHover #divNewHoverHistory #divNewHoverHistoryImageContainer, #divNewHover2 #divNewHoverHistory2 #divNewHoverHistoryImageContainer2, #divNewHover3 #divNewHoverHistory3 #divNewHoverHistoryImageContainer3 {
	cursor:pointer;
	padding:0 5px;
}

#divNewHover #divNewHoverHistory #divNewHoverHistoryImageContainer:hover, #divNewHover2 #divNewHoverHistory2 #divNewHoverHistoryImageContainer2:hover, #divNewHover3 #divNewHoverHistory3 #divNewHoverHistoryImageContainer3:hover {
	background-color:#ececec;
}

#divNewHover #divNewHoverHistory #divNewHoverHistoryImageContainer>img, #divNewHover2 #divNewHoverHistory2 #divNewHoverHistoryImageContainer2>img, #divNewHover3 #divNewHoverHistory3 #divNewHoverHistoryImageContainer3>img {
	position:relative;
	width:15px;
}

#divNewHover #divNewHoverHistory #tableShowHistory, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 {
	border-collapse:collapse;
	position:absolute;
	top:25px;
	right:0;
	width:500px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	display:none;
}

#divNewHover #divNewHoverHistory #tableShowHistory>tbody>tr>th, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2>tbody>tr>th, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3>tbody>tr>th {
	padding:5px 10px;
	font-size: 11pt;
	background-color: var(--light-primary);
	border: 1px solid var(--light-primary);
}

#divNewHover #divNewHoverHistory #tableShowHistory>tbody>tr>td, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2>tbody>tr>td, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3>tbody>tr>td {
	padding:4px 10px;
	font-size: 9pt;
	font-weight:normal;
	background-color: var(--very-light-primary);
	border: 1px solid #ffffff;
}

#divNewHover #divNewHoverHistory #tableShowHistory .btnCloseHistory, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .btnCloseHistory, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .btnCloseHistory {
	float:right;
	border-radius: 10px;
	line-height:15px;
	padding:0 6px 3px 6px;
}

#divNewHover #divNewHoverHistory #tableShowHistory .trLoadingData>td, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .trLoadingData>td, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .trLoadingData>td {
	height:60px;
	text-align:center;
}

#divNewHover #divNewHoverHistory #tableShowHistory .trLoadingData>td>img, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .trLoadingData>td>img, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .trLoadingData>td>img {
	width:25px;
}

#divNewHover #divNewHoverHistory #tableShowHistory .trErrorData>td, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .trErrorData>td, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .trErrorData>td {
	height:60px;
	text-align:center;
}

#divNewHover #divNewHoverHistory #tableShowHistory .trErrorData>td .btnGetDataHistory, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .trErrorData>td .btnGetDataHistory, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .trErrorData>td .btnGetDataHistory {
	display:block;
	margin:5px auto;
	border-radius: 12px;
	line-height:15px;
	padding:2px 6px 5px 6px;
}

#divNewHover #divNewHoverHistory #tableShowHistory .trNoData>td, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .trNoData>td, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .trNoData>td {
	height:60px;
	text-align:center;
}

#divNewHover #divNewHoverHistory #tableShowHistory .divShowHistoryResult, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .divShowHistoryResult, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .divShowHistoryResult {
	width:100%;
	max-height:300px;
	border:1px solid #ffffff;
	overflow-y:scroll;
}

#divNewHover #divNewHoverHistory #tableShowHistory .divShowHistoryResult>table, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .divShowHistoryResult>table, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .divShowHistoryResult>table {
	width:100%;
	border-collapse:collapse;
}

#divNewHover #divNewHoverHistory #tableShowHistory .divShowHistoryResult>table>tbody>tr>td, #divNewHover2 #divNewHoverHistory2 #tableShowHistory2 .divShowHistoryResult>table>tbody>tr>td, #divNewHover3 #divNewHoverHistory3 #tableShowHistory3 .divShowHistoryResult>table>tbody>tr>td {
	padding:4px 10px;
	font-size: 9pt;
	font-weight:normal;
	background-color: var(--very-light-primary);
	border: 1px solid #ffffff;
}

#divNewHover #hoverNewContentContainer, #divNewHover2 #hoverNewContentContainer2, #divNewHover3 #hoverNewContentContainer3 {
	overflow-y:scroll;
	overflow-x:auto;
	max-width:calc(100vw - 50px);
}

#divNewHover #tdNewHoverContent, #divNewHover2 #tdNewHoverContent2, #divNewHover3 #tdNewHoverContent3 {
	border-bottom:1px solid #dedede;
}

#divNewHover #tableNewHover .chosen-container .chosen-results, #divNewHover2 #tableNewHover2 .chosen-container .chosen-results, #divNewHover3 #tableNewHover3 .chosen-container .chosen-results {
	max-height: 175px!important;
}

#divNewHover #tableNewHover .autocompleteOuterContainer, #divNewHover2 #tableNewHover2 .autocompleteOuterContainer, #divNewHover3 #tableNewHover3 .autocompleteOuterContainer {
	position:relative;
	top:-2px;
}

#divNewHover #tableNewHover .autocomplete, #divNewHover2 #tableNewHover2 .autocomplete, #divNewHover3 #tableNewHover3 .autocomplete {
	position:relative;
	top:2px;
}

#divNewHover #tableNewHover .password-icon>img, #divNewHover2 #tableNewHover2 .password-icon>img, #divNewHover3 #tableNewHover3 .password-icon>img {
	top:4px;
}

.tblHoverHeader {
	border-collapse:collapse;
}

.tblHoverHeader>tbody>tr>th {
	min-width:220px;
	text-align:left;
	padding:0 8px 10px 0;
	font-size:11pt;
	vertical-align:top;
}

.tblHoverHeader>tbody>tr>td {
	font-size:11pt;
	padding:0 0 8px 0;
}

.tblHoverHeader .divider {
	float:right;
}

.tblHoverHeader .spanTh {
	margin-left:30px;
	margin-right:10px;
	font-size:11pt;
	font-weight:bold;
}

.tblHoverItem {
	border:1px solid #ffffff;
	border-collapse:collapse;
}

.tblHoverItem>tbody>tr>th {
	border:1px solid #ffffff;
	color:#ffffff;
	padding:4px 8px;
	font-size:11pt;
	background-color:var(--primary);
	transition:300ms ease all;
}

.tblHoverItem>tbody>tr>th.rotated {
	background-color:var(--light-primary);
}

.tblHoverItem>tbody>tr>th:last-child {
	padding:0;
}

.tblHoverItem>tbody>tr>td {
	padding:0;
	vertical-align:top;
}

.tblHoverItem .tblThHoverItem {
	cursor:pointer;
}

.tblHoverItem .tblThHoverItem .btnToggleHoverItem {
	float:left;
	font-size:11pt;
	height:21px;
	width:21px;
	line-height:18px;
	transition:300ms ease all;
}

.tblHoverItem .tblThHoverItem .btnToggleHoverItem.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tblHoverItem .tblThHoverItem:hover .btnToggleHoverItem {
	color:var(--light-primary);
}

.tblHoverItem .tblThHoverItem:hover .btnToggleHoverItem.rotate {
	color:#ececec;
}

.tblHoverItem .access_warning {
	font-size:9pt;
	padding:3px 0px;
	margin:0px auto 5px auto;
	text-align:center;
	border:1px solid var(--red-primary);
	border-radius:5px;
	background-color:var(--light-red-primary);
	display:none;
}

.tblHoverScroll {
	border-collapse:collapse;
	width:100%;
}

.tblHoverScroll>tbody>tr>td:first-child {
	border-left:0;
}

.tblHoverScroll>tbody>tr:first-child>td {
	border-top:0;
}

.tblHoverScroll>tbody>tr:last-child>td {
	border-bottom:0;
}

.tblHoverItem .hoverScrollable {
	width:100%;
	background-color:#f0f0f0;
}

.tblHoverItem .tblHoverScroll>tbody>tr>td {
	background-color:#f9f9f9;
	border:1px solid #ffffff;
	padding:4px 8px;
	font-size:10pt;
}

.tblHoverItem .tblHoverScroll>tbody>tr>td.buttonContainer {
	padding:12px 8px;
}

.tblHoverItem .tblHoverScroll>tbody>tr>td.buttonContainer .cbutton:first-child {
	margin-left:200px;
}

.tblHoverItem .tblHoverScroll>tbody>tr>td.buttonContainer .cbutton {
	margin:0px 5px;
	padding-left:15px;
	padding-right:15px;
	min-width:80px;
	font-size:10pt;
}

.buttonHoverContainer {
	margin:10px 0 0 0;
	width:100%;
	text-align:center;
}

#divNewHover #hoverNewButtonContainer, #divNewHover2 #hoverNewButtonContainer2, #divNewHover3 #hoverNewButtonContainer3 {
	margin:0;
	width:100%;
	text-align:center;
}

.buttonHoverContainer button, #divNewHover #hoverNewButtonContainer button, #divNewHover2 #hoverNewButtonContainer2 button, #divNewHover3 #hoverNewButtonContainer3 button {
	margin: 2px 0;
	min-width:80px;
	font-size:10pt;
}

.buttonHoverContainer button:not(:first-child), #divNewHover #hoverNewButtonContainer button:not(:first-child), #divNewHover2 #hoverNewButtonContainer2 button:not(:first-child), #divNewHover3 #hoverNewButtonContainer3 button:not(:first-child) {
	margin-left:10px;
}

.divSubTableDivHover {
	min-width:400px;
}

.subTableDivHover {
	border:0;
	border-collapse:collapse;
}

.subTableDivHover>tbody>tr>th {
	padding:4px 10px;
	font-size:11pt;
	text-align:center;
	background-color:#d0d0d0;
	border:1px solid #ffffff;
}

.subTableDivHover>tbody>tr>th.scrollWidth {
	padding:0;
}

.subTableDivHover .subTableScrollable {
	width:100%;
	overflow-y: scroll;
	background-color:#f0f0f0;
}

.subTableDivHover .subTableScrollable>table {
	width:100%;
	border:0;
	border-collapse:collapse;
}

.subTableDivHover .subTableScrollable>table>tbody>tr>td {
	padding:4px 10px;
	font-size:10pt;
	border:1px solid #ffffff;
	background-color:#eaeaea;
}

.subTableDivHover .subTableScrollable>table>tbody>tr>td>div {
	position:relative;
}

/* Menu & Header Container */

#tblMainTemplate {
	max-width:100%;
	overflow:hidden;
	min-height:100vh;
	border-collapse:collapse;
}

#tblMainTemplate>tbody>tr>td {
	padding:0;
	vertical-align:top;
}

#divMenuContainer {
	width:175px;
	background-color:#ffffff;
	color:#000000;
}

#divContentContainer {
	background-color:#ececec;
	color:#000000;
}

#divMenuTitle {
	width:100%;
	min-width:175px;
	height:80px;
	line-height:80px;
	font-size:15pt;
	background-color:#ececec;
}

#divMenuTitle>div {
	width:145px;
	color:#ffffff;
}

#divMenuTitle>div>img {
	width:100%;
	margin-top:22px;
	margin-left:15px;
	float:left;
	cursor:pointer;
}

#divMenuTitle #divCloseMobileMenu {
	width:15%;
	margin-top:10px;
	height:60px;
	text-align:center;
	overflow:hidden;
	float:left;
	display:none;
}

#divMenuTitle #divCloseMobileMenu .titleMobileMenu {
	position:relative;
	left:calc(50% - 10px);
	top:50%;
	transform:translateY(-50%);
	font-size:10pt;
	font-weight:bold;
	width:22px;
	height:22px;
	line-height:20px;
	text-align:center;
	border-radius:11px;
	transition:300ms ease all;
	cursor:pointer;
	background-color:var(--primary);
	color:#ffffff;
}

#divMenuTitle #divHomeMobileMenu {
	width:calc(17% - 1px);
	margin-top:10px;
	height:60px;
	text-align:center;
	overflow:hidden;
	float:left;
	border-left:1px solid #ffffff;
	display:none;
}

#divMenuTitle #divHomeMobileMenu .titleMobileMenu {
	position:relative;
	left:calc(50% - 20px);
	top:50%;
	transform:translateY(-50%);
	font-size:18pt;
	font-weight:bold;
	width:40px;
	height:40px;
	line-height:34px;
	text-align:center;
	transition:300ms ease all;
	cursor:pointer;
	color:var(--primary);
}

#divMenuTitle #divSearchMobileMenu {
	width:calc(68% - 1px);
	margin-top:10px;
	height:60px;
	overflow:hidden;
	float:right;
	border-left:1px solid #ffffff;
	display:none;
}

#divMenuTitle #divSearchMobileMenu>.first {
	position:relative;
	width:82%;
	margin:10px auto 0 auto;
	height:30px;
	overflow:hidden;
}

#divMenuTitle #divSearchMobileMenu>.second {
	position:relative;
	width:82%;
	margin:auto;
	height:21px;
	overflow:hidden;
}

#divMenuScrollable {
	height:100%;
	overflow:hidden;
}

#divMenu {
	width:100%;
	display:none;
}

#divMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#divMenu ul>li:first-child .divMenuCat {
	padding-top:10px;
}

#divMenu ul>li:last-child .divMenuCat {
	padding-bottom:10px;
}

#divMenuScrollContainer {
	height:24px;
	overflow:hidden;
}

#divMenuScrollTop, #divMenuScrollBottom {
	text-align:center;
	background-color:#ececec;
	color:var(--primary);
	cursor:pointer;
	font-size:9pt;
	height:18px;
	line-height:18px;
	width:calc(50% - 2px);
	margin-top:4px;
	margin-bottom:4px;
	transition:300ms ease all;
	display:none;
}

#divMenuScrollTop {
	float:left;
	margin-right:2px;
}

#divMenuScrollBottom {
	float:right;
	margin-left:2px;
}

#divMenuScrollTop:hover, #divMenuScrollBottom:hover {
	background-color:var(--light-primary);
}

#divMenuScrollTop.disabled, #divMenuScrollBottom.disabled {
	color:#ececec;
	cursor:auto;
}

#divMenuScrollTop.disabled:hover, #divMenuScrollBottom.disabled:hover {
	background-color:#ececec;
	color:#ececec;
}

#divServerTime {
	position:relative;
	font-size:20pt;
	font-weight:bold;
	color:var(--primary);
	text-align:center;
	overflow:hidden;
}

#divServerDate {
	position:relative;
	margin-top:-7px;
	font-size:13pt;
	font-weight:bold;
	color:var(--primary);
	text-align:center;
	overflow:hidden;
}

#divServerTime>span {
	font-size:10pt;
}

.divMenuCat {
	cursor:pointer;
	height:80px;
}

.divMenuCat .divOuterMenuTextContainer {
	position:relative;
	top:40px;
}

.divMenuCat .divInnerMenuTextContainer {
	width:140px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.divMenuCat .imageMenuContainer {
	width:40px;
	height:40px;
	float:left;
	position:relative;
	border-radius:8px;
	background-color:#ececec;
	transition:300ms ease all;
}

.divMenuCat:hover .imageMenuContainer  {
	background-color:var(--light-primary);
}

.divMenuCat.chosen .imageMenuContainer {
	background-color:var(--light-primary);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.divMenuCat .imageMenuContainer img {
	width:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.divMenuCat .spanShort {
	font-size:10pt;
	width:90px;
	max-height:60px;
	margin-left:25px;
	text-align:left;
	float:right;
	color:var(--primary);
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	overflow: hidden;
	text-overflow: ellipsis;
}

.divHoverMobileMenu {
	padding:8px 12px;
	text-align:center;
	font-size:10pt;
	background-color:#f8f8f8;
	border-bottom:2px solid var(--very-light-primary);
	display:none;
}

.divHoverMobileMenu:last-child {
	border-bottom:0;
}

.divHoverMobileMenu>div {
	max-height:40px;
	overflow:hidden;
	text-overflow: ellipsis;
	cursor:pointer;
}

.divHoverMobileMenu.highlighted {
	background-color:var(--very-light-secondary);
}

.divHoverMobileMenu.chosen {
	background-color:var(--light-secondary)!important;
}

.divHoverMobileMenu:hover {
	background-color:#dedede;
}

#inpMobileSearchActivity {
	width:185px;
	position:absolute;
	left:0px;
}

#btnClearMobileSearchActivity {
	position:absolute;
	right:0px;
	padding:0px 7px 2px 7px;
}

#divResultSearchActivity {
	position:absolute;
	top:0px;
	right:60px;
	height:21px;
	line-height:21px;
	font-size:9pt;
	color:#000000;
	overflow:hidden;
	text-overflow: ellipsis;
}

#btnNextMobileSearchActivity {
	position:absolute;
	right:0px;
	font-size:7pt;
	border-radius:0px;
	padding:2px 8px 2px 8px;
}

#btnPrevMobileSearchActivity {
	position:absolute;
	right:28px;
	font-size:7pt;
	border-radius:0px;
	padding:2px 8px 2px 8px;
}

.divHoverMenuContainer {
	display:none;
}

.divHoverMenu {
	position:absolute;
	z-index:9000;
	left:175px;
	font-size:10pt;
	background-color:#ffffff;
	line-height:20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius:4px;
	padding:8px;
	overflow:hidden;
}

.divHoverMenu>table {
	width:100%;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu {
	padding:10px 12px;
	width:270px;
	max-width:270px;
	cursor:pointer;
	border-left:1px solid #ececec;
	vertical-align:top;
	transition:300ms ease all;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu .divHoverShortMenuTitle {
	width:250px;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu .marker {
	display:none;
}

.divHoverMenu>table>tbody>tr>td:first-child {
	border-left:0;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu:hover {
	background-color:var(--light-primary);
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu.chosen {
	font-weight:bold;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu.chosen .divHoverShortMenuTitle {
	float:right;
}

.divHoverMenu>table>tbody>tr>td.divHoverShortMenu.chosen .marker {
	display:inline-block;
}

.divHoverShortMenuEmpty {
	cursor:default;
	border-left:1px solid #ececec;
}

#divHeader {
	min-width:100%;
	width:max-content;
	height:80px;
	background-color:#ffffff;
}

#divHeader #divPageTitle {
	float:left;
	font-size:14pt;
	font-weight:bold;
	color:var(--primary);
	margin-left:20px;
	margin-right:10px;
	line-height:22px;
	max-height:45px;
	min-width:145px;
	max-width:260px;
	overflow: hidden;
	text-overflow: ellipsis;
	top:50%;
	transform:translateY(-50%);
	position:relative;
}

#divHeader #divPageTitle:empty{
	float:left;
	height:80px;
	line-height:80px;
	margin-right:0;
	min-width:0;
}

#divHeader #divGotoPage {
	float:left;
	line-height:25px;
	height:80px;
	cursor:pointer;
	color:var(--primary);
}

#divHeader #btnToggleGotoPage {
	margin-top:29px;
	font-size:13pt;
	margin-right:15px;
	transition:300ms ease all;
}

#divHeader #btnToggleGotoPage.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#divHeader #btnToggleGotoPage:hover {
	color:var(--light-primary);
}

#divHeader #divGotoPageOuterContainer {
	display:none;
	position:relative;
	left:-155px;
	top:15px;
}

#divHeader #divPageTitle:empty+#divGotoPage>#divGotoPageOuterContainer {
	display:none;
	position:relative;
	left:0;
	top:22px;
}

#divHeader #divGotoPageInnerContainer {
	position:absolute;
	top:-10px;
	left:0;
	z-index:9000;
}

#divHeader #divOpenMobileMenu {
	float:left;
	height:80px;
	position:relative;
	display:none;
}

#divHeader #divOpenMobileMenu .titleMobileMenu {
	font-size:18pt;
	font-weight:bold;
	color:var(--primary);
	margin-top:29px;
	margin-left:15px;
	width:25px;
	height:25px;
	line-height:20px;
	text-align:center;
	border-radius:12px;
	transition:300ms ease all;
	cursor:pointer;
}

#divHeader #divOpenMobileMenu .titleMobileMenu:hover {
	background-color:#dedede;
}

#divHeader #divHeaderInformation {
	height:80px;
	float:right;
}

#divHeader #divHeaderInformation>table {
	padding:0;
	margin:0;
}

#divHeader #divHeaderInformation>table>tbody>tr>td {
	padding:0 15px;
	height:80px;
	border-left:2px solid #ececec;
	position:relative;
}

#divHeader #divHeaderInformation .titleInformation {
	float:left;
	font-size:10pt;
	font-weight:bold;
	color:var(--primary);
	position:relative;
}

#divHeader #divHeaderInformation #selectActiveClient {
	width:215px;
}

#divHeader #divHeaderInformation .chosen-container-single .bold {
	font-weight:bold!important;
}

#divHeader #divHeaderInformation .titleMaintenance {
	float:right;
	margin-top:5px;
	margin-right:10px;
}

#divHeader #divHeaderInformation .titleMaintenance.inactive {
	color:#cecece!important;
}

#divHeader #divHeaderInformation .iconMaintenance {
	float:right;
	margin-top:5px;
	height:20px;
}

#divHeader #divHeaderInformation .divTitleClient {
}

#divHeader #divHeaderInformation .titleClient {
	float:left;
	margin-right:20px;
	text-align:right;
}

#divHeader #divHeaderInformation .titleClientName {
	min-width:75px;
	max-width:175px;
	font-size:10pt;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#divHeader #divHeaderInformation .titleClientCode {
	min-width:75px;
	max-width:175px;
	height:16px;
	line-height:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:9pt;
}

#divHeader #divHeaderInformation .iconClient {
	float:right;
	color:var(--primary);
	position:absolute;
	right:5px;
	font-size:15pt;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:12px;
	text-align:center;
	transition:300ms ease all;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}

#divHeader #divHeaderInformation .iconClient:hover {
	background-color:#dedede;
}

#divHeader #divHeaderInformation #divHoverPackage {
	position:relative;
	float:right;
	display:none;
}

#divHeader #divHeaderInformation #divHoverPackage #divPackageInformation {
	position:absolute;
	top:35px;
	left:-300px;
	background-color:#ffffff;
	color:#000000;
	padding:12px;
	font-size:10pt;
	line-height:20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius:4px;
	z-index:80;
}

#divHeader #divHeaderInformation #divPackageInformation .packageTitle {
	width:300px;
	height:25px;
	font-size:13pt;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

#divHeader #divHeaderInformation #divPackageInformation .packageSubtitle {
	font-size:10pt;
	text-align:center;
}

#divHeader #divHeaderInformation .outletContainer .titleActiveOutlet {
	float:left;
	min-width:75px;
	max-width:220px;
	font-size:10pt;
	font-weight:bold;
	text-align:right;
	color:var(--primary);
}

#divHeader #divHeaderInformation .outletContainer .titleActiveOutlet .title {
	height:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#divHeader #divHeaderInformation .outletContainer .titleActiveOutlet .subtitle {
	height:16px;
	font-size:9pt;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#divHeader #divHeaderInformation #selectActiveOutlet {
	width:225px;
}

#divHeader #divHeaderInformation .branchValue {
	font-weight:bold;
	cursor:default;
	color:#000000;
}

#divHeader #divHeaderInformation .outletValue {
	padding-left:25px;
}

#divHeader #divHeaderInformation .divTitleUser {
	cursor:pointer;
}

#divHeader #divHeaderInformation .titleUser {
	float:left;
	margin-right:20px;
	text-align:right;
}

#divHeader #divHeaderInformation .titleEmployeeName {
	min-width:75px;
	max-width:150px;
	font-size:10pt;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#divHeader #divHeaderInformation .titleUsergroupName {
	min-width:75px;
	max-width:150px;
	height:16px;
	line-height:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:9pt;
}

#divHeader #divHeaderInformation .iconUser {
	float:right;
	color:var(--primary);
	position:absolute;
	right:5px;
	font-size:13pt;
	width:25px;
	height:25px;
	border-radius:12px;
	text-align:center;
	transition:300ms ease all;
	top:50%;
	transform:translateY(-50%);
}

#divHeader #divHeaderInformation .divTitleUser:hover .iconUser {
	background-color:#dedede;
}

#divHeader #divHeaderInformation #divHoverProfile {
	position:relative;
	float:right;
	display:none;
}

#divHeader #divHeaderInformation #divProfileMenu {
	position:absolute;
	top:35px;
	left:-170px;
	background-color:#ffffff;
	color:#000000;
	padding:8px;
	font-size:10pt;
	line-height:20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius:4px;
	z-index:82;
}

#divHeader #divHeaderInformation #divProfileMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	cursor:pointer;
}

#divHeader #divHeaderInformation #divProfileMenu ul li {
	width:130px;
	padding:10px 12px;
}

#divHeader #divHeaderInformation #divProfileMenu ul li:hover {
	background-color:var(--light-primary);
}


/* Page Container */

#divPageContainer {
	padding:20px;
}

#divPageContent {
	width:100%;
}

/* Autocomplete */

.autocompleteOuterContainer {
	display:inline-block;
}

.autocomplete {
	padding-right:30px!important;
}

.autoResultOuterContainer {
	position:relative;
	float:left;
	margin-top:28px;
}

.autoResultContainer {
	position:absolute;
	min-width:400px;
	min-height:50px;
	background-color:var(--very-light-primary);
	z-index:5;
	font-size:10pt;
	border:1px solid #404040;
	display:none;
}

.autoResultContainer.borderless {
	border:0;
}

.autoResultContainer .autoResult .information {
	margin:6px 0 0 6px;
	min-height:16px;
	font-size:10pt;
	font-style:italic;
	text-align:left;
}

.autoResultContainer .autoLoader {
	position:absolute;
	bottom:2%;
	left:1%;
	width:25px;
	display:none;
}

.autoTblResult {
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid #000000;
}

.autoTblResult .rheader {
	background-color:var(--light-primary);
	color:#000000;
	height:30px;
}

.autoTblResult .acscrollable {
	width:100%;
	overflow-y:scroll;
}

.autoTblResult>tbody>tr>th {
	border-top:1px solid #707070;
	border-left:1px solid #707070;
	border-bottom:1px solid #707070;
}

.autoTblResult>tbody>tr>th:last-child {
	border-right:1px solid #707070;
}

.autoTblResult>tbody>tr>td {
	padding:0;
}

.autoTblScroll {
	width:100%;
	border-collapse:collapse;
}

.autoTblScroll>tbody>tr>td {
	height:25px;
	padding:2px 8px;
	border:1px solid #707070;
}

.autoTblScroll>tbody>tr:first-child>td {
	border-top:0;
}

.autoTblScroll>tbody>tr:last-child>td {
	border-bottom:0;
}

.autoTblScroll .odd {
	background-color:#fcfcfc;
	color:#000000;
	cursor:pointer;
}

.autoTblScroll .even {
	background-color:var(--very-light-primary);
	color:#000000;
	cursor:pointer;
}

.autoTblScroll .selected {
	background-color:#dedede;
}

.freezing {
	background-color:var(--very-light-primary)!important;
}

.acinfo {
	position:relative;
}

.acinfo span {
	position:absolute;
	top:2px;
	height:24px;
	line-height:24px;
	text-align:center;
	width:23px;
	background-color:#c0c0c0;
	color:#000000;
	font-size:10pt;
	left:-23px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	font-style:italic;
}

.accancel {
	position:relative;
	display:none;
}

.accancel span {
	position:absolute;
	top:2px;
	left:-45px;
	margin-top:4px;
	height:16px;
	line-height:16px;
	text-align:center;
	width:16px;
	font-size:8pt;
	font-weight:bold;
	border-radius:4px;
	cursor:pointer;
	background-color:#c0c0c0;
	color:#ffffff;
}

.accancel span:hover {
	background-color:#404040;
}

/* Trash Bin */

.trashbin {
	width:22px;
	height:22px;
	cursor:pointer;
}

.icon-trash {
  width: 22px;
  height: 22px;
  position: relative;
  overflow: hidden;
}

.icon-trash .trash-lid {
  width: 62%;
  height: 10%;
  position: absolute;
  left: 50%;
  margin-left: -31%;
  top: 10.5%;
  border-top-left-radius: 80%;
  border-top-right-radius: 80%;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  background-color:var(--secondary);
}

.icon-trash .trash-lid:after {
  content: "";
  width: 26%;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -13%;
  margin-top: -10%;
  background-color: inherit;
  border-top-left-radius: 30%;
  border-top-right-radius: 30%;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg); 
}

.icon-trash .trash-container {
  width: 56%;
  height: 65%;
  position: absolute;
  left: 50%;
  margin-left: -28%;
  bottom: 10%;
  border-bottom-left-radius: 15%;
  border-bottom-right-radius: 15%;
  background-color:var(--secondary);
}

.icon-trash .trash-container:after {
  content: "";
  width: 110%;
  height: 12%;
  position: absolute;
  left: 50%;
  margin-left: -55%;
  top: 0;
  background-color: inherit;
  border-bottom-left-radius: 45%;
  border-bottom-right-radius: 45%;
}

.icon-trash .trash-line-1 {
  width: 4%;
  height: 50%;
  position: absolute;
  left: 38%;
  margin-left: -2%;
  bottom: 17%;
  background-color: #ffffff;
}

.icon-trash .trash-line-2 {
  width: 4%;
  height: 50%;
  position: absolute;
  left: 50%;
  margin-left: -2%;
  bottom: 17%;
  background-color: #ffffff;
}

.icon-trash .trash-line-3 {
  width: 4%;
  height: 50%;
  position: absolute;
  left: 62%;
  margin-left: -2%;
  bottom: 17%;
  background-color: #ffffff;
}

.trashbin:hover .trash-container, .trashbin:hover .trash-lid {
	background-color:var(--alternate-primary);
}

/* Printer-Icon */

.icon-printer {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  margin-left: 0;
  margin-top:-5px;
  cursor:pointer;
}

.icon-printer .printer-body {
  width: 80%;
  height: 42%;
  position: absolute;
  left: 50%;
  bottom: 5%;
  margin-left: -40%;
  background-color: var(--secondary);
  border-radius: 25% 25% 75% 75%;
}

.icon-printer:hover .printer-body {
  background-color: var(--alternate-primary);
}

.icon-printer .printer-top {
  width: 60%;
  height: 15%;
  position: absolute;
  left: 50%;
  top: 46%;
  margin-left: -30%;
  background-color: var(--secondary);
  border-radius: 20%;
}

.icon-printer .printer-bottom {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  bottom: -38%;
  margin-left: -30%;
  background-color: var(--secondary);
  border-radius: 15%;
}

.icon-printer:hover .printer-bottom, .icon-printer:hover .printer-top  {
  background-color: var(--alternate-primary);
}

.icon-printer .printer-file-bottom {
  width: 50%;
  height: 16%;
  position: absolute;
  left: 50%;
  bottom: 3%;
  margin-left: -25%;
  background-color: var(--very-light-secondary);
  border-radius: 20%;
}

.icon-printer:hover .printer-file-bottom {
  background-color:var(--light-primary);
}

.icon-printer .printer-file-top {
  width: 50%;
  height: 34%;
  position: absolute;
  left: 50%;
  margin-left: -25%;
  top: 23%;
  background-color: var(--very-light-secondary);
  border-radius: 10%;
}

.icon-printer:hover .printer-file-top {
  background-color:var(--light-primary);
}

.icon-printer .printer-dot {
  width: 6%;
  height: 6%;
  position: absolute;
  top: 65%;
  background-color: #000000;
  border-radius: 100%;
}

.icon-printer .printer-line {
  width: 24%;
  height: 4%;
  position: absolute;
  background-color: #000000;
  border-radius: 15%;
}

/* Mail-Icon */

.icon-mail {
  background-color: var(--secondary);
  position: relative;
  height: 14px;
  width: 20px;
  overflow: hidden;
  border:1px solid var(--secondary);
  cursor:pointer;
}

.icon-mail:before, .icon-mail:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: rotate(45deg) skew(-5deg,-5deg);
  margin-left: -10px;
  height: 20px;
  width: 20px;
  background-color: var(--very-light-secondary);
}

.icon-mail:before {
  bottom: -100%;
  box-shadow: -1px -1px 0 0 var(--secondary);
}

.icon-mail:after {
  top: -95%;
  box-shadow: 1px 1px 0 0 var(--secondary);
}

.icon-mail:hover {
  background-color:var(--alternate-primary);
  border:1px solid var(--alternate-primary);
}

.icon-mail:hover:before {
  background-color:var(--light-primary);
  box-shadow: -1px -1px 0 0 var(--alternate-primary);
}

.icon-mail:hover:after {
  background-color:var(--light-primary);
  box-shadow: 1px 1px 0 0 var(--alternate-primary);
}

/* Div Setting */

#divSetting {
	margin-bottom:5px;
}

#divSetting #selectPagesize+.chosen-container, #divSetting #selectPagesize {
	margin-right:5px;
}

#divSetting #selectPage+.chosen-container, #divSetting #selectPage {
	margin-right:5px;
}

#divSetting #selectState+.chosen-container, #divSetting #selectState {
	margin-right:5px;
}

#divSetting #divCount {
	font-style:italic;
	display:inline-block;
	vertical-align:bottom;
	font-size:10pt;
}

#divSetting .cbutton.short {
	border-radius:0!important;
	width:28px!important;
	margin-right:5px;
	padding:0 0 3px 0!important;
}

#divSetting #btnReload {
	display:none;
}

#divSetting #divHoverImportScrollReport {
    position:relative;
    float:left;
    display:none;
}

#divSetting #divImportScrollReport {
    position:absolute;
    top:30px;
    background-color:var(--very-light-primary);
    color:#000000;
    padding:8px;
    font-size:10pt;
    line-height:20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius:4px;
    z-index:82;
}

#divSetting #divImportScrollReport ul {
    list-style:none;
    margin:0;
    padding:0;
    cursor:pointer;
}

#divSetting #divImportScrollReport ul li {
    width:210px;
    padding:10px 12px;
    border-bottom:1px solid #cecece;
}

#divSetting #divImportScrollReport ul li:last-child {
    border-bottom:0;
}

#divSetting #divImportScrollReport ul li:hover {
    background-color:var(--light-primary);
}

#divSetting #divSettingButtonContainer {
	display:inline-block;
	float:right;
}

#divSetting .cbutton:not(.short) {
	padding:0 15px 3px 15px!important;
	border-radius:0;
	margin-right:5px;
	display:none;
}

/* Div Footer */

#divFooter {
	margin:5px 0;
	width:100%;
	text-align:right;
}

#divFooter .cbutton {
	margin-left:5px;
}

/* Table Scroll Report */

.tblReport, .tblScrollReport {
	border-collapse:collapse;
}

.tblScrollReport .unscrollable {
	overflow:hidden;
}

.tblScrollReport .scrollable {
	overflow:scroll;
}

.tblScrollReport>tbody>tr>td:last-child .tblReport>tbody>tr:first-child>td {
	border-top:0!important;
}

.tblScrollReport .tblReport {
	width:100%;
	border:0;
}

.tblReport>tbody>tr>th {
	padding:7px 10px;
	font-size:11pt;
	color:#ffffff;
	background-color:var(--primary);
	border-left:1px solid #ffffff;
}

.tblReport>tbody>tr>th:first-child, .tblReport>tbody>tr>th:last-child {
	border-left:1px solid var(--primary)!important;
}

.tblReport>tbody>tr>td {
	padding:4px 10px;
	font-size:10pt;
	border:1px solid var(--primary);
	height:25px;
	background-color:#ffffff;
}

.tblReport .scrollWidth {
	background-color:transparent!important;
	border:0!important;
	padding:0!important;
	margin:0!important;
}

.tblReport .sorting {
	font-size:10pt;
	cursor:pointer;
	color:#ffffff;
	width:13px;
	text-align:center;
}

.tblReport .sorting:hover {
	color:var(--light-primary);
}

.tblReport .sorting.chosen {
	color:var(--light-primary);
}

.tblReport .hasSort>table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:0;
	padding:0;
}

.tblReport .hasSort>table>tbody>tr>td:first-child, .tblReport .hasSort>table>tbody>tr>td:last-child {
	width:15px;
}

.tblReport .hasFilter>td {
	padding:4px 0 8px 0;
	background-color:var(--primary);
	border-right:1px solid var(--primary);
}

.tblReport .hasFilter .inpFilter {
	position:relative;
	width:calc(100% - 25px);
	padding:0 20px 0 2px;
	font-size:9pt;
	border:0;
}

.tblReport .hasFilter .btnFilterContainer {
	position:relative;
}

.tblReport .hasFilter .btnFilter {
	position:absolute;
	width:20px;
	line-height:1px;
	right:0;
	padding:0;
	margin:0;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	cursor:pointer;
	background-color:var(--light-primary);
	color:var(--primary);
	border:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	outline:0;
}

.tblReport .hasFilter .inpFilter.hasValue {
	background-color:var(--very-light-primary);
}

.tblReport td>a {
	text-decoration:underline!important;
}

.tblReport .clickable:hover{
	cursor:pointer;
}

.tblReport .clickable:hover>td{
	background-color:var(--very-light-secondary);
}

/* Tbl Input */

.tblInput {
	border-spacing: 0 1px;
}

.tblInput>tbody>tr>td, .tblInput>tbody>tr>th {
	padding:0 12px;
	height:35px;
}

.tblInput>tbody>tr>th:first-child {
	width:175px;
	background-color:var(--primary);
	color:#ffffff;
	text-align:right;
	font-size:11pt;
}

.tblInput>tbody>tr>td {
	background-color:#ffffff;
	font-size:11pt;
	width:425px;
}

.tblInput .spanTh {
	margin-left:30px;
	margin-right:10px;
	font-size:11pt;
	font-weight:bold;
	color:var(--primary);
}

.tblInput input[type=text].select_file:not(.select_disabled) {
	background:#ffffff!important;
	cursor:pointer!important;
}

.tblInput input[type=text].select_disabled {
	color:#a6a6a6!important;
}

.tblInput .select_multifile:not(.select_disabled)+.chosen-container.chosen-disabled {
	opacity:1!important;
}

.tblInput .select_multifile:not(.select_disabled)+.chosen-container.chosen-disabled .search-field>input {
	opacity:1!important;
}

.tblInput .select_multifile:not(.select_disabled)+.chosen-container.chosen-disabled .search-choice-close, .tblInput .select_multifile:not(.select_disabled)+.chosen-container-multi .chosen-choices, .tblInput .select_multifile:not(.select_disabled)+.chosen-container-multi .search-field>input {
	cursor:pointer!important;
}

.tblInput .select_multifile+.chosen-container {
	font-size:9pt!important;
}

.tblInput .select_multifile+.chosen-container-multi {
	font-size:9pt!important;
}

.tblInput .select_multifile+.chosen-container-multi .chosen-choices {
	border-radius:4px!important;
}

.tblInput .select_multifile+.chosen-container-multi .search-field>input {
	height:21px!important;
}

.tblInput .select_multifile+.chosen-container-multi .search-choice {
	padding:1px 20px 1px 5px!important;
}

.tblInput .select_multifile+.chosen-container-multi .search-choice-close {
	top:2px!important;
}

/* Double Scroll Report */

.tblDoubleScrollReport {
	border-collapse:collapse;
	table-layout:fixed;
	overflow:hidden;
}

.tblDoubleScrollReport>tbody>tr>td {
	padding:0;
	margin:0;
}

.tblDoubleScrollReport>tbody>tr>td>div {
	padding:0;
	margin:0;
	overflow:hidden;
}

.tblDoubleScrollReport>tbody>tr>td {
	vertical-align:top;
}

.tblDoubleScrollReport>tbody>tr>td>div>table {
	width:100%;
	border-collapse:collapse;
}

.tblDoubleScrollReport>tbody>tr:last-child>td>div>table {
	table-layout:fixed;
}

.tblDoubleScrollReport>tbody>tr>td>div>table>tbody>tr>th {
	padding:7px 10px;
	font-size:11pt;
	color:#ffffff;
	background-color:var(--primary);
	border:1px solid #ffffff;
}

.tblDoubleScrollReport>tbody>tr:first-child>td:last-child>div>table>tbody>tr>th:not([hidden]) {
	border-left:0;
}

.tblDoubleScrollReport>tbody>tr>td>div>table>tbody>tr>td {
	padding:7px 10px;
	font-size:10pt;
	color:#000000;
	border:1px solid #000000;
	background-color:#ffffff;
	vertical-align:top;
	overflow:hidden;
}

.tblDoubleScrollReport>tbody>tr:last-child>td:last-child>div>table>tbody>tr:not(.trNoData)>td:not([hidden]) {
	border-left:0;
}

.tblDoubleScrollReport>tbody>tr:last-child>td:first-child>div>table>tbody>tr:first-child>td:not([hidden]), .tblDoubleScrollReport>tbody>tr:last-child>td:last-child>div>table>tbody>tr:first-child>td:not([hidden]) {
	border-top:0;
}

.tblDoubleScrollReport .sticky_data {
	background-color:#ececec;
}

.tblDoubleScrollReport .scrollable {
	overflow-x:scroll;
	overflow-y:scroll;
}

.tblDoubleScrollReport .scrollWidth, .tblDoubleScrollReport .scrollHeight {
	background-color:transparent!important;
	border:0!important;
	padding:0!important;
	margin:0!important;
}

.tblDoubleScrollReport .collapse_col_parent, .tblDoubleScrollReport .collapse_row_parent {
	cursor:pointer;
}

.tblDoubleScrollReport .collapse_col_parent:hover>.icon_collapse {
	color:var(--light-primary);
}

.tblDoubleScrollReport .collapse_row_parent:hover>.table_collapse>tbody>tr>td:last-child {
	color:var(--light-primary);
}

.tblDoubleScrollReport .collapse_row_parent {
	background-color:var(--very-light-primary);
}

.tblDoubleScrollReport .icon_collapse {
	width:100%;
	margin:auto;
	color:#ffffff;
}

.tblDoubleScrollReport .icon_collapse.collapse_normal {
	color:#ffffff!important;
}

.tblDoubleScrollReport .icon_collapse>div {
	position:relative;
	width:20px;
	left:calc(50% - 10px);
}

.tblDoubleScrollReport .collapse_col_children.hide_col, .tblDoubleScrollReport .collapse_row_children.hide_row {
	display:none;
}

.tblDoubleScrollReport th.collapse_col_children {
	background-color:var(--dark-primary)!important;
}

.tblDoubleScrollReport .table_collapse {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

.tblDoubleScrollReport .table_collapse>tbody>tr>td:last-child {
	width:20px;
	text-align:right;
	transition:300ms ease all;
}

.tblDoubleScrollReport .table_collapse>tbody>tr>td:last-child.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	text-align:left;
}

.tblDoubleScrollReport>tbody>tr:last-child>td:first-child>div>table>tbody>tr>td.collapse_row_children:first-child {
	padding-left:20px!important;
}

.tblDoubleScrollReport>tbody>tr:last-child>td:first-child>div>table>tbody>tr>td.collapse_row_children {
	background-color:#ececec;
}

.tblDoubleScrollReport>tbody>tr:last-child>td:last-child>div>table>tbody>tr>td.collapse_row_children {
	background-color:#ffffff;
}

.tblDoubleScrollReport .a_report {
	text-decoration:underline!important;
}

.tblDoubleScrollReport .collapse_agg_row {
	background-color:var(--very-light-primary)!important;
}

.tblDoubleScrollReport .group_collapse_agg_row {
	background-color:var(--light-primary)!important;
}

.tblDoubleScrollReport .group_agg_row {
	background-color:#dedede!important;
}

.tblDoubleScrollReport .sorting {
	font-size:10pt;
	cursor:pointer;
	color:#ffffff;
	width:13px;
	text-align:center;
}

.tblDoubleScrollReport .sorting:hover {
	color:var(--light-primary);
}

.tblDoubleScrollReport .sorting.chosen {
	color:var(--light-primary);
}

.tblDoubleScrollReport .hasSort>table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:0;
	padding:0;
}

.tblDoubleScrollReport .hasSort>table>tbody>tr>td:first-child, .tblDoubleScrollReport .hasSort>table>tbody>tr>td:last-child {
	width:15px;
}

.tblDoubleScrollReport .hasFilter>td {
	padding:4px 0 8px 0;
	background-color:var(--primary);
	border-right:1px solid var(--primary);
}

.tblDoubleScrollReport .hasFilter .inpFilter {
	position:relative;
	width:calc(100% - 25px);
	padding:0 20px 0 2px;
	font-size:9pt;
	border:0;
}

.tblDoubleScrollReport .hasFilter .btnFilterContainer {
	position:relative;
}

.tblDoubleScrollReport .hasFilter .btnFilter {
	position:absolute;
	width:20px;
	line-height:1px;
	right:0;
	padding:0;
	margin:0;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	cursor:pointer;
	background-color:var(--light-primary);
	color:var(--primary);
	border:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	outline:0;
}

.tblDoubleScrollReport .hasFilter .inpFilter.hasValue {
	background-color:var(--very-light-primary);
}

.tblDoubleScrollReport td>a {
	text-decoration:underline!important;
}

.tblDoubleScrollReport .info {
	color:var(--red-primary);
	font-style:italic;
	font-size:10pt;
}

/* Div Input */

#divInput {
	min-height:22px;
	background-color:#ffffff;
	border:1px solid #cecece;
	border-top:5px solid var(--primary);
	width:650px;
	margin-bottom:5px;
}

#divInput #btnCollapse {
	cursor:pointer;
	color:var(--primary);
	width:25px;
	text-align:center;
	position:absolute;
	transition:300ms ease all;
}

#divInput #btnCollapse.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#divInput #btnCollapse:hover {
	color:var(--light-primary);
}

#divInput #tblDivInput {
	margin-top:25px;
	margin-bottom:10px;
	border-collapse:collapse;
	font-size:10pt;
}

#divInput #tblDivInput .param {
	width:150px;
	text-align:right;
	padding:4px 6px;
}

#divInput #tblDivInput .value .tdRight {
	display:inline-block;
	margin-left:5px;
	width:150px;
	text-align:right;
	margin-right:5px;
}

#divInput .buttonContainer {
	text-align:right;
	margin:5px 0;
	width:99%!important;
}

/* Div Hover */

.divHover {
	display:none;
}

/* Div Upload */

.divUpload {
	margin-top:5px;
	width:580px;
}

.divUpload.nopreview {
	width:430px;
}

.divUpload>table {
	width:100%;
}

.divUpload>table>tbody>tr>td:first-child {
	width:420px;
}

.divUpload>table>tbody>tr>td {
	position:relative;
}

.divUpload .infoImage {
	font-size:9pt;
}

.divUpload .progressContainer {
	margin:5px 0;
}

.divUpload .progress {
	height:6px;
	border-radius:4px;
	border:1px solid #808080;
	background-color:#c0c0c0;
}

.divUpload .statusUpload {
	font-size:10pt;
	font-weight:bold;
	text-align:right;
	min-height:20px;
	color:var(--primary);
}

.divUpload .bar {
	position:relative;
	height:6px;
	width:0;
	background-color:var(--primary);
}

.divUpload .thumbnailContainer {
	width:128px;
	height:80px;
	border:1px solid #cecece;
	background-color:#cecece;
	margin-left:10px;
	margin-bottom:5px;
	overflow: hidden;
	font-size: 9pt;
}

.divUpload .thumbnailContainer img {
	position:relative;
	cursor:pointer;
}

.divUpload .thumbnailContainer>div {
	display:table-cell;
	width:128px;
	height:76px;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	background-color:#ececec;
}

.divUpload input[type=text].select_file:not(.select_disabled) {
    background: #ffffff!important;
    cursor: pointer!important;
}

.divUpload .thumbnailClear {
	position:absolute;
	top:-6px;
	right:2px;
}

.divUpload .thumbnailClear .btnThumbnailClear {
	border-radius:13px;
}

.tblUploadXLSResult {
	width:480px;
	border-collapse:collapse;
}

.tblUploadXLSResult>tbody>tr>th, .tblUploadXLSResult>tbody>tr>td {
	padding:4px 8px;
	border:1px solid #707070;
	background-color:#dcdcdc;
	height:25px;
}

.tblUploadXLSResult>tbody>tr>td {
	width:340px;
	background-color:#ececec;
}

.tblUploadXLSResult .filenameContainer>div {
	max-width:340px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tblUploadXLSResult ul {
	margin:0;
	padding:0;
}

.tblUploadXLSResult ul li {
	list-style-type:none;
}

.tblUploadXLSResult ul li:not(:first-child) {
	padding-top:8px;
}

.tblUploadXLSResult .failedContainer {
	overflow-y:scroll;
	min-height:215px;
	max-height:215px;
}

/* Div Graphics */

.divGraphic {
	position:relative;
	width:100%;
	height:100%;
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	background-color:#fafafa;
}

.divGraphic .divLoaderGraphic {
	position:absolute;
	background-color:#fafafa;
	width:100%;
	height:100%;
	border-radius:5px;
	top:0;
	left:0;
	z-index:2;
}

.divGraphic .divLoaderGraphic img {
	width:30px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.divGraphic .divAjaxResultGraphic {
	position:absolute;
	background-color:#fafafa;
	width:100%;
	height:100%;
	border-radius:5px;
	top:0;
	left:0;
	z-index:3;
	display:none;
}

.divGraphic .divAjaxResultGraphic .divInformation {
	font-size:9pt;
	max-width:75%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	overflow:hidden;
	text-align:center;
}

.divGraphic .divTitleNumberContent {
	font-size:9pt;
	color:#000000;
	line-height:13px;
}

.divGraphic .divNumberContent {
	font-size:20pt;
	font-weight:bold;
	color:#000000;
	line-height:25px;
}

.divGraphic .divTitleContent {
	font-size:13pt;
	font-weight:bold;
	color:#000000;
	line-height:20px;
}

/* Div Horizontal Graphic */

.divHorizontalGraphic>table {
	width:100%;
	height:100%;
	border:0;
}

.divHorizontalGraphic>table>tbody>tr>td {
	padding:0;
	margin:0;
}

.divHorizontalGraphic .tdLeftSection {
	width:0;
}

.divHorizontalGraphic .divLeftSection {
	width:130px;
	margin:auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.divHorizontalGraphic .divRightSection {
	width:100%;
	height:100%;
}

.divHorizontalGraphic .divTitleContent {
	overflow: hidden;
}

.divHorizontalGraphic .divRightSection .graphicCanvas {
	margin:0;
	padding:0;
	position:absolute;
}

/* Div Vertical Graphic */

.divVerticalGraphic>table {
	width:100%;
	height:100%;
	border:0;
}

.divVerticalGraphic>table>tbody>tr>td {
	padding:0;
	margin:0;
}

.divVerticalGraphic .tdTopSection {
	height:0;
}

.divVerticalGraphic .divTopSection {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.divVerticalGraphic .divBottomSection {
	width:100%;
	height:100%;
}

.divVerticalGraphic .divTitleContent {
	overflow: hidden;
}

.divVerticalGraphic .divBottomSection .graphicCanvas {
	margin:0;
	padding:0;
	position:absolute;
}

/* Div Table Graphic */

.divTableGraphic .divTitleContent {
	overflow: hidden;
}

.divTableGraphic .divTableGraphicData {
	margin-top:10px;
	overflow-x:hidden;
	overflow-y:auto;
}

.divTableGraphic .divTableGraphicData .tblTableGraphicData {
	width:100%;
	border:0;
}

.divTableGraphic .divTableGraphicData .tblTableGraphicData>tbody>tr>th {
	padding:1px 4px;
	font-size: 10pt;
	font-weight:bold;
}

.divTableGraphic .divTableGraphicData .tblTableGraphicData>tbody>tr>td {
	padding:0px 4px;
	font-size: 9pt;
	font-weight:normal;
	border-top: 1px solid #dedede;
}

/* Div Box Graphic */

.divBoxGraphic .divTitleContent {
	overflow: hidden;
}

.divBoxGraphic .divBoxGraphicData {
	overflow:hidden;
	margin-top:10px;
}

.divBoxGraphic .divBoxGraphicData .divSection {
	float:left;
	margin-bottom:10px;
}

/* Div Error Graphic */

.divErrorGraphic .divTitleContent {
	overflow: hidden;
}

.divErrorGraphic .divAjaxResultGraphic {
	display:block;
}