/***LAYOUT***/
* {
	font-family: Calibri;
    font-size: 14px;
}

body {
	margin: 0;
	line-height: 1.5;
}

#mainContainer {
	min-width: 740px;
	position: relative;
	width: 100%;
	height: 100%;
}

#header,#header a {
	color: white;
}

.banner {
	/* background-color: rgb(79, 129, 189); */
	background-color: rgb(70,130,180);
	height: 22px;
	padding: 5px 5px 5px 5px;
}

.banner a {
	text-decoration: none;
}

#sidebar {
	float: left;
	width: 190px;
	margin-left: -100%;
	border-right: 1px solid rgb(79, 129, 189);
}

#content {
	position: relative;
	background-color: #FFF;
}

.content-top {
	vertical-align: top;
}

.loading-popup {
	z-index: 1;
}

/**SIDEBAR**/

.sidebarTable {
	border-collapse: separate;
	border-spacing: 0px;
	border-bottom: 1px solid rgb(191, 191, 191);
	font-size : 12;
}

.sidebarTable td {
	padding: 0px;
	background-color: rgb(217, 217, 217);
	border-top: 1px solid rgb(191, 191, 191);
	border-bottom: 1px solid rgb(242, 242, 242);
}

.sidebarTable tr a {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	height: 17px;
}

.sidebarTable tr a {
	height: 100%;
}

.sidebarTable tr td:ACTIVE,.sidebarTable tr td:FOCUS,.sidebarTable tr td:HOVER
	{
	background-color: rgb(191, 191, 191);
}

.full label {
	margin-left: 40px;
	display: block;
}

.list {
	width: 140px;
	text-align: left;
}

.full {
	width: 180px;
}

ul.transactional a.full {
	width: 130px;
}

.add {
	background: center no-repeat url(../images/addMenu.png);
	width: 30px;
	height: 30px;
	border: 0;
}

/***MODULE TITLE***/
.moduleTitle {
	background-color: #B4D4FA;
	padding: 0.45rem;
	font-weight: bold;
	color: black;
/* 	border: 2px solid rgb(191, 191, 191);
	border-left: 1px solid rgb(191, 191, 191);
	border-right: none;
	margin-top: 1px; */
	text-align: center;
}

.rootPanel {
	/* border-top: 1px solid rgb(191, 191, 191); */
	border-bottom: 1px solid rgb(191, 191, 191);
	margin-bottom: 1px;
	padding-top: 5px;
}

.rootPanel table {
	border-collapse: collapse;
	margin: 5px 0 5px 0;
}

.rootPanel table td {
	padding-left: 10px;
}

.hasLang tr:first-child {
	border-bottom: 1px solid rgb(191, 191, 191);
}

.masterDataHeader {
	padding-top: 5px;
} 

.rootSection {
	/* border-top: 1px solid rgb(191, 191, 191);
	border-bottom: 1px solid rgb(191, 191, 191); */
	margin-top: 1px;
	margin-bottom: 1px;
}

.rootSection table tr td {
	font-size : 14px;
	padding-left: 10px;
	
}

.searchDialogSection {
	border-bottom: 1px solid rgb(191, 191, 191);
	padding: 3px;
}

.searchDialogSection label {
	display: inline-block;
	width: 110px;
	text-align: left;
	margin-left: 10px;
}

#tabs a:not(.ui-tabs-anchor),.searchDialogSection a {
	color: rgb(8, 60, 239);
}

.ui-tabs-anchor {
	color: black;
}

/***ICONS***/
.toggleHide {
	background: center no-repeat url(../images/arrow-right.png);
	left: 1px;
}

.toggleShow {
	background: center no-repeat url(../images/arrow-left.png);
	left: 191px;
}

.no-searchIcon{
	/* Adds 30px margin in place of searchIcon*/
	margin-right: 10px;
}

.insertIcon {
	width: 20px;
	background: center no-repeat url(../images/addRow.png);
	border: none;
}

.deleteIcon {
	width: 20px;
	background: center no-repeat url(../images/deleteRow.png);
	border: none;
}

.gotoIcon {
	background: center no-repeat url(../images/drillDown.png);
	border: none;
	width: 100%;
}

.gotoLocationIcon {
	background: center no-repeat url(../images/stock.png);
	border: none;
	width: 100%;
}

.filterIcon {
	background: center no-repeat url(../images/filter.png);
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
}

.menuIcon {
	background: center no-repeat url(../images/menu-white.png);
	background-size: 90% 90%;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	padding: 3px;
}

.menuIcon:hover {
	background: center no-repeat url(../images/menu-white.png);
	background-size: 95% 95%;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid rgb(192, 192, 192);
	border-radius: 3px;
}

.fa-filter {
	background-size: 90% 90%;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	padding: 3px;
}

.fa-filter:hover {
	background-size: 95% 95%;
	height: 15px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid rgb(192, 192, 192);
	border-radius: 3px;
	color: #B2BEB5;
}

.viewDocIcon {
	background: center no-repeat url(../images/viewDoc1.png);
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	float: right;
	display: inline;
	margin-right: 5px;
}

/* .searchIcon {
	background: center no-repeat url(../images/search.png);
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 5px;
} */

.searchIcon {
	background: center no-repeat url(../images/searchIcon.png);
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 5px;
	background-size: 100%;
	background-size: 20px auto;
}

.lookUpIcon {
	background: center no-repeat url(../images/searchRecord.png);
	height: 23px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 10px;
	float: right;
	background-size: 100%;
	/* background-size: 20px auto; */
}

.filterIcon1 {
	background: center no-repeat url(../images/filterIcon.png);
	height: 23px;
	width: 20px;
	margin: 0px 1px 1px 6px;
	border: none;
	background-size: 100%;
}

/* .searchingRecordIcon {
	background: center no-repeat url(../images/searchingIcon_Gray.png);
	height: 23px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 10px;
	float: right;
	background-size: 100%;
	background-size: 20px auto;
} */

.searchingRecordIcon1 {
	background: center no-repeat url(../images/searchingRecordIcon5.png);
	height: 23px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 10px;
	float: right;
	background-size: 100%;
	/* background-size: 20px auto; */
}

.saveIcon {
	background: center no-repeat url(../images/saveIcon_blue.png);
	height: 23px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	margin-right: 10px;
	float: right;
	background-size: 100%;
	/* background-size: 20px auto; */
}


/* .lookUpIcon {
	margin-right: 10px;
	float: right;
	background: center no-repeat url(../images/lookUp.png);
	height: 20px;
	width: 20px;
	border: none;
}
 */
.excelIcon {
	height: 20px;
	width: 20px;
	background: center no-repeat url(../images/excelIcon.png);
	background-size: 100%;
	background-size:20px auto;
	border: none;
	float:right;
	margin: 3px 12px 0px 0px;
}

.datIcon {
	height: 20px;
	width: 20px;
	background: center no-repeat url(../images/dat-file.png);
	background-size: 100%;
	background-size:16px auto;
	border: none;
	float:right;
	margin: 3px 12px 0px 0px;
}

.homeIcon {
	/* height: 20px; */
	width: 20px;
	background: center no-repeat url(../images/home.png);
	background-size: 100%;
	background-size:16px auto;
	border: none;
	float:left;
	/* margin: 3px 12px 0px 0px; */
	
}

.excelIconII {
	height: 40px;
	width: 40px;
	background: center no-repeat url(../images/excelIcon40x40.png);
	background-size: 100%;
	background-size: 40px auto;
	border: none;
	float:right;
	margin: 3px 12px 0px 0px;
}

.runIcon {
	height: 20px;
	width: 20px;
	background: center no-repeat url(../images/runIcon.png);
	background-size: 100%;
	background-size:20px auto;
	border: none;
	float:right;
	margin: 3px 12px 0px 0px;
}

.ico-btn {
	border: none;
	display: inline-block;
	background-color: rgb(70, 130, 180);
	color: white;
}

.detailIcon {
	height: 20px;
	width: 20px;
	background: left no-repeat url(../images/details.png);
	background-size: 100%;
	background-size:20px auto;
	border: none;
	float:right;
	margin: 3px 5px 0px 0px;
}

/***LOADING POP-UP***/
.loading-popup {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(255, 255, 255, .5);
	cursor: progress;
	justify-content: center;
    align-items: center;
}

.loading-popup span {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	background-image: url('../images/spinning-loading.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 40px;
}

/***MODULE TABLE***/
#moduleForm{
	padding-bottom: 20px;
}

#tdToggle{
	border-left: 1px solid rgb(191, 191, 191);
	width: 0px;
	height:70px;
	max-width: 0px;
	padding: 0px;
	vertical-align: top;
	top: 0px;
}

#toggleBtn {
	width: 15px;
	height:70px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #FFF;
	background-size: 100%;
	opacity: 0.45;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	top: 50%;
	position: fixed !important;
	z-index: 2;
	border-width: 1px;
	border-color: rgb(191, 191, 191);
	outline: none;
}

#toggleBtn:hover {
	opacity: 1;
}

.moduleTable td {
	border-left: 1px solid rgb(191, 191, 191);
	border-right: 1px solid rgb(191, 191, 191);
	text-align: left;
}

div.nowrap {
	white-space: nowrap;
}

button[type=button], a.ui-tabs-anchor {
	outline: none;
}

input:not(.labelText):focus, textarea:focus, select:focus, button {
	outline-color: rgb(70,130,180);
	outline-style: solid;
	outline-width: thin;
}

.moduleTable th {
	border-right: 1px solid rgb(191, 191, 191);
	text-align: center;
}

.moduleTable {
	border-top: 1px solid rgb(191, 191, 191);
	border-collapse: collapse;
	float: left;
	margin: 0;
	padding: 0;
}

.moduleTable input[type=text],.moduleTable select {
	width: 100%;
}

.selectedItem {
	border-color: rgb(128, 134, 140);
	border-style: solid;
    border-width: 2px 0px 2px 0px;
}

/***LIST TABLE***/

#listTable {
	border: 1px solid rgb(191, 191, 191);
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	overflow: hidden;
	overflow: auto;
}

#listTable td {
	padding: 5px 0px 5px 5px;
	border-collapse: collapse;
	border-left: 1px solid rgb(191, 191, 191);
}

#listTable thead tr th {
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color: rgb(217, 217, 217);
	cursor: pointer;
	margin: 0px;
	border-width: 1px;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 15px 4px 4px;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #555 2px solid;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #555 2px solid;
}

/***SEARCH WINDOW***/
.searchPage {
	min-width: 400px;
}

.searchPage select {
	font: 14px Calibri;
	width: 180px;
}

.searchPage a {
	color: rgb(8, 60, 239);
}

.searchTableContainer {
	padding: 2px;
	overflow: auto;
	padding-bottom: 18px;
}

#searchTable {
	border-collapse: collapse;
	font: 14px Calibri;
	border-top: 1px solid rgb(191, 191, 191);
	border-bottom: 1px solid rgb(191, 191, 191);
}

#searchTable tr:focus,#searchTable tr:HOVER {
	background-color: rgb(79, 129, 189);
}

#searchTable th {
	background-color: #EDE9E8;
}

#searchTable tr td,th {
	border-left: 1px solid rgb(191, 191, 191);
	border-right: 1px solid rgb(191, 191, 191);
	padding: 4px;
}

.searchTable {
	border-collapse: collapse;
	font: 14px Calibri;
	border-top: 1px solid rgb(191, 191, 191);
	border-bottom: 1px solid rgb(191, 191, 191);
}

.searchTable tr:focus,#searchTable tr:HOVER {
	background-color: rgb(79, 129, 189);
}

.searchTable th {
	background-color: rgb(217, 217, 217);
}

.searchTable tr td,th {
	border-left: 1px solid rgb(191, 191, 191);
	border-right: 1px solid rgb(191, 191, 191);
	padding: 4px;
}

#rowCountSection {
	position: fixed;
	clear: both;
	padding-top: 1px;
	bottom: 0px;
	border-top: 1px solid rgb(191, 191, 191);
	width: 100%;
	background-color: #FFF;
	line-height: 20px;
	vertical-align: middle;
}

#rowCountSection input {
	float: right;
	margin-right: 10px;
}

.rowCountSection {
	position: fixed;
	clear: both;
	padding-top: 1px;
	bottom: 0px;
	border-top: 1px solid rgb(191, 191, 191);
	width: 100%;
	background-color: #FFF;
}

/* display: none; */

/* .import{
	position: fixed;padding-top: 1px;bottom: 17px; right: 10px;
}
.import input[type=button]{
	margin-right: 10px;
} */

/***MENU***/
.ui-menu {
	width: 188px;
	border: 1px solid rgb(191, 191, 191);
	border-top-style: none;
}

#sidebarList ul li ul {
	width: 280px;
}

#sidebarList ul li.inventorySidebar {
	/* padding-left: 20px; */
/* 	padding-top: 5px; */
	/* border-top: 1px solid rgb(191, 191, 191);
	border-bottom: 1px solid rgb(242, 242, 242); */
/* 	height:22px; */
}

#sidebarList ul li ul.transactional {
	width: 150px;
}

#sidebarList ul li ul.searchesReports {
	width: 350px;
}

.ui-menu-item:hover {
	background: rgb(191, 191, 191);
}

.ui-menu-icon ui-icon ui-icon-carat-1-e {
	background: transparent;
}

.ui-menu .ui-menu {
	/* width: 200px; */
	width: 81%;
}

.ui-menu-item {
	background-color: rgb(217, 217, 217);
	font: 14px Calibri;
	height: 100%;
	padding-left:30px;
}

.ui-menu .ui-menu>.ui-menu-item:first-child {
	border-top-style: none;
}

.ui-menu .ui-menu>.ui-menu-item {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
	background-color: rgb(217, 217, 217);
	border-bottom: 1px solid rgb(242, 242, 242);
	border-top: 1px solid rgb(191, 191, 191);
}

.ui-menu .ui-menu>.ui-menu-item>span {
	background: rgb(217, 217, 217);
	display: inline-block;
	padding: 5px 0;
	margin: 0;
	border: 0;
}

.ui-menu .ui-menu>.ui-menu-item.ui-state-focus>span:hover {
	margin: 0;
	border: 0;
	/* background: rgb(191, 191, 191); */
	background: white;
}

.ui-menu .ui-menu>.ui-menu-item>span.pageName {
	width: 76%;
	font: 14px Calibri;
	padding-right: 4%;
	padding-bottom: 4%;
	margin: 0;
	border: 0;
}

.ui-menu-item span.listPage {
	width: 80%;
	font: 14px Calibri;
	padding-right: 4%;
	padding-bottom: 4%;
	margin: 0;
	border: 0;
}

/***OTHERS***/
input {
	vertical-align: middle;
	font: 14px Calibri;
}

input[type=button] {
	cursor: pointer;
}

input[type=checkbox] {
	text-align: center;
	vertical-align: middle;
}

#tabs {
 	margin-left: 0px; 
 	margin-top: 1px; 
 	border: 0px;
}

#headerLabelDiv {
	padding: 6px;
	margin-bottom: 1px;
}

#labelDiv {
	border-top: 1px solid rgb(191, 191, 191);
	padding: 6px;
	margin-bottom: 1px;
}

#labelDiv {
	border-top: 1px solid rgb(191, 191, 191);
	padding: 6px;
	margin-bottom: 1px;
}

.even {
	background-color: white;
}

.odd {
	background-color: rgb(220, 230, 242);
}

.selected {
	border-bottom: 1px solid white;
}

.readOnly:not(.labelText) {
	background-color: rgb(204, 204, 204);
	color: black;
}

a {
	cursor: pointer;
}

.notification {
	position: fixed;
	clear: both;
	padding-top: 1px;
	bottom: 0px;
	border-top: 1px solid rgb(191, 191, 191);
	width: 100%;
	background-color: #FFF;
}

span#message {
	margin-left: 20px;
	display: inline;
}

.noDisplay {
	display: none;
}

.inactive {
	cursor: not-allowed;
	color: gray !important;
	text-decoration: none;
}

.active {
	color: rgb(8, 60, 239);
	cursor: pointer !important;
}
.standardLinkSection a:not(.active){
	color: rgb(128,128,128);
	cursor: not-allowed;
	text-decoration: none;
}
.moduleTable td.switch,.moduleTable th.switch {
	width: 70px;
}

.moduleTable tbody tr td.switch input[type=checkbox] {
	width: 70px;
	float: center;
}

.moduleTable td.shortField,.moduleTable th.shortField {
	width: 80px;
}

.code {
	width: 142px;
}

.moduleTable td.code,.moduleTable th.code {
	width: 106px;
}

.other {
	width: 142px;
}

.sequenceNum {
	width: 80px;
	
}
/*
.moduleTable td.other,.moduleTable th.other {
	width: 106px;
}
*/
.descr {
	width: 211px;
}

.moduleTable td.descr,.moduleTable th.descr {
	width: 142px;
}

.moduleTable td.icon,.moduleTable th.icon {
	width: 20px;
}

.rootSection select,.rootPanel select {
	width: 185px;
}

.moduleTable td.select,.moduleTable th.select {
	width: 185px;
}

.longDescr {
	width: 300px;
}

.userRoleDescr {
	width: 250px;
}

.moduleTable td.longDescr,.moduleTable th.longDescr {
	width: 300px;
}

.moduleTable td.userRoleDescr,.moduleTable th.userRoleDescr {
	width: 250px;
}

.moduleTable td.longCodeDescr,.moduleTable th.longCodeDescr {
	width: 375px;
}

.moduleTable td.longCodeDescr input.lengthCode,.moduleTable td.longCodeDescr input.volumeCode,.moduleTable td.longCodeDescr input.weightCode
	{
	width: 106px;
}

.moduleTable td.longCodeDescr input.lengthValue,.moduleTable td.longCodeDescr input.volumeValue,.moduleTable td.longCodeDescr input.weightValue
	{
	width: 80px;
}

.moduleTable td.longCodeDescr a {
	width: 142px;
	display: inline;
	float: right;
}

.moduleTable tbody tr td.multiText,.moduleTable thead tr th.multiText {
	width: 250px;
}

 .moduleTable tbody tr td.multiText textarea {
	height: 34px;
	width: 250px;
	resize: none;
}

.rootSection textarea {
	height: 64px;
	width: 300px;
	resize: none;
}

.moduleTable td.gridCountry {
	width: 285px;
}

.moduleTable td.gridCountry input[type=text] {
	width: 106px;
	float: left;
	clear: both;
}

.moduleTable td.gridCountry input[type=button] {
	float: left;
	display: inline;
}

.moduleTable td.gridCountry a {
	width: 142px;
	display: inline;
	float: right;
}

.moduleTable th.gridAddress {
	width: 606px;
	text-align: center;
}

.moduleTable td.details,.moduleTable th.details {
	width: 340px;
}

.moduleTable tbody tr td.details textarea {
	height: 21px;
	width: 300px;
	resize: none;
}

.rootPanel a {
	width: 200px;
	float: right;
}

.listLifecycle {
	margin-top: 20px;
	text-align: center;
}

.listLifecycle input[type=button] {
	margin-left: 10px;
}

#searchContainer td {
	margin: 0;
	background-color: #FFF;
	font: 14px Calibri;
}

.lineSearch {
	width: 100%;
	border-bottom: 1px solid rgb(191, 191, 191);
}

.moduleTable td.otherLong,.moduleTable th.otherLong {
	width: 115px;
}

.labelSpacing {
	padding: 0px 3px 0px 3px;
}

.systemGenerated::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: black;
}

.systemGenerated:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: black;
	opacity: 1;
}

.systemGenerated::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: black;
	opacity: 1;
}

.systemGenerated:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: black;
}

.entityImage {
	height: 2in;
	width: 2in;
	border: 1px solid rgb(191, 191, 191);
}

.pageDialog label {
	float: left;
	margin-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

.pageDialog input[type=text] {
	margin-top: 23px;
}

.pageDialog textarea {
	resize: none;
	float: right;
	width: 200px;
	height: 100px;
	max-width: 100%;
}

.computationTable { 
	border-collapse: collapse;
  	width: 100%;
  	height: 200px;
/* 	float: right; */
} 

.computationTable tbody {
	background-color: #e5f1ff;
}

.computationTable tbody tr th {
	background-color: #b4d4fa;
	border: 0px;
	height: 25px;
	font-size: 16px;
}	

.computationTable tbody tr td input.labelText {
    text-align: right;
    float : right;
}

.computationTable tr:nth-child(2) {
    padding-top: 10px;
}	

/* .computationTable tbody tr td input.roundingVariance {
    text-align: right;
    float: right;
} */

/* .computationTable tr td input[type=text]:not(.roundingVariance) {
	max-width: 155px;
	min-width: 125px;
} */

.itemComputationTable {
	float: right;
	padding: 10px 0px 1px 0px;
}

.itemComputationTable tr td {
	max-width: 160px;
	min-width: 150px;
}

.itemComputationTable tr td {
	height: 20px;
}

#addLogEntry {
	padding-left: 10px;
}

.pageInfo label {
	float: left;
	padding-top: 8px;
	padding-left: 12px;
}

label.pageTitle {
	float: right;
	padding-top: 8px;
	padding-right: 10px
}

.pageInfo input[type=button] {
	float: right;
	padding-top: 27px;
}

.pageInfo input[type=text] {
	float: right;
	margin-top: 5px;
}

.codeDescr1 {
	width: 219px;
	float: right;
}

.moduleTable td.codeDescr input[type=text] {
	width: 106px;
	float: left;
}

.moduleTable td.importCodeDescr input[type=text] {
	width: 145px;
	float: left;
}

.moduleTable td.codeDescr a,.moduleTable label {
	width: 132px;
	display: inline;
	float: right;
}

.moduleTable td.codeDescr,.moduleTable th.codeDescr {
	width: 285px;
}

.moduleTable td.importCodeDescr,.moduleTable th.importCodeDescr {
	width: 350px;
}

.moduleTable tr td a:HOVER,.moduleTitle a:not(.inactive):HOVER,a:HOVER,.banner a:ACTIVE,.moduleTable a:HOVER,.rootSection a:HOVER,.rootPanel a:HOVER,.searchPage a:HOVER
	{
	text-decoration: underline;
}

.importDialog {
	margin-top: 15px;
}

.importDialog label {
	padding-right: 5px;
}

.importDialog input[type=text],.importDialog input[type=button] {
	margin-top: 10px;
	float: left;
}

.singleEntityImportDialog {
	vertical-align: middle;
	text-align: center;
}

.singleEntityImportDialog div {
	margin: 11px 0px 0px 0px;
	vertical-align: middle;
}

.singleEntityImportDialog div p, .singleEntityImportDialog div input {
	float: left;
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

label.importLabel {
	padding: 10px 10px 0 49px;
	float: left;
}

.moduleTable td.longSwitch,.moduleTable th.longSwitch {
	width: 95px;
}

.moduleTable tbody tr td.longSwitch input[type=checkbox] {
	width: 95px;
	float: center;
}

textarea.multiText {
	height: 64px;
	width: 300px;
	resize: none;
}

.currencySymbol {
	text-align: right;
}

.childCurrencySymbol {
	text-align: right;
}

#logTable input,#logTable textarea {
	border: none;
	color: transparent;
	display: inline-block;
	text-shadow: 0 0 0 black;
	outline: none;
}

#logTable textarea {
	background : transparent;
	outline: none;
	text-align : left;
	text-indent: 0px;
	height: 21px;
	width: 330px;
	display: block;
	max-width: 330px;
	line-height: 2;
	resize: none;
	font: 14px Calibri, cursive;
	-web-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: subpixel-antialiased;
}

.listView{
	height: 18px;
	text-align: center;
}

.moduleTable:not(#grandChildTable) td label{
	text-align : center;
	width:100%;
}

.viewTable td {
	text-align : center;
	width:100%;
}

.amount input:FIRST-CHILD{
	width:30px;
	text-align: right;
}

.amount input:LAST-CHILD{
	width:109px;
}

/* .computationTable tr td:first-child {
	width: 125px;no effects 
} */

.computationTable tr td input:first-child,.computationTable tr td input.currencySymbol,.moduleTable tr td input.currencySymbol {
	width: 30px;
}

/* .computationTable tr:not(.hasFraction) td input:last-child {
	width: 106px;
}

.hasFraction input:last-child {
	width: 60px;
} */

#side {
	width:190px; 
	clear:both;
	padding:0;
	margin: 0;
	vertical-align: top;
	/* float:left; */ /* big excess on the right side.. */
}

#sidebarList {
	width:190px;
	clear:both;
	/* margin: 1px 0px 0px 0px; */
	margin: 0px 0px 0px 0px;
}

#attachmentTable a {
	width:25px;
}

input[type=text]:not(.labelText), input[type=password] {
	border-style:solid;
	border:1px solid #A9A9A9;
	font-size: 14px;
}

#rootTable tr td select,textarea {
	border-style:solid;
	border:1px solid #A9A9A9;
}

#moduleTable tr td input.decimalOnly {
	border-style:solid;
	border:1px solid #A9A9A9;
}

#moduleTable tr td input.twoDecimalOnly {
	border-style:solid;
	border:1px solid #A9A9A9;
}

#moduleTable tr td input.decimalOnlyTotalAmount {
	outline: none;
}

#moduleTable tbody tr td a {
	outline: none;
}

.rootSection table tr, .rootSection table tbody tr{
	min-height: 24px;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

.rootSection table tr td div, .rootSection table tbody tr td div {
	display: flex;
	align-items: center;
	float: left;
	overflow: hidden;
	height: 24px;
	width: 100%;
}

.rootSection table tr td div input:not(.searchIcon), .rootSection table tbody tr td div input:not(.searchIcon), .rootSection table tbody tr td input:not(.searchIcon) {
	float: left;
	/* margin: 2px 0px 2px 0px; */
}

.rootSection table tr td div input.searchIcon, .rootSection table tbody tr td div input.searchIcon {
	float: left;
}

.rootSection table tr td div a, .rootSection table tbody tr td div a {
	line-height: 24px;
	vertical-align: middle;
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
	float: left;
	max-width: 735px;
}

.rootSection table tr td.rootFieldLabel, .rootSection table tbody tr td.rootFieldLabel {
	line-height: 26px;
	min-height: 22px;
	min-width: 180px;
	max-width: 180px;
	padding: 0px 0px 0px 10px;
}

.rootSection table tr td.rootFieldValue, .rootSection table tbody tr td.rootFieldValue {
	display: flex;
    align-items: center;
	line-height: 26px;
	min-height: 22px;
	width: 395px;
	padding: 0px 0px 0px 10px;
}

.rootSection table a, #dataAccessGroupTable a {
	outline: none;
}

#charTable tbody tr td a {
	outline: none;
}

/*
for export buttons
*/
.actionSection {
	height: 34px;
	background-color: white;
	margin-top: 1px;
	margin-bottom: 1px;
}

.exportButtonSection {
	width: 45%;
	height: 30px;
	margin-left: 12px;
	float: left;
}

.exportButtonSection input {
	margin: 5px 0px 5px 0px;
	min-width: 75px;
	padding: 3px;
	font-weight: bold;
}

.standardLinkSection {
	width: 45%;
	height: 30px;
	margin-left: 0px;
	float: right;
	vertical-align: middle;
	margin-right: 12px;
	font-weight:bold;
}

.standardLinkSection label {
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	padding: 0;
}

.standardLinkSection label a {
	margin: 0px 10px 0px 8px;
	float: right;
	outline: none;
}

.rootTableType tr td.rootFieldLabel {
	min-width: 180px;
	max-width: 180px;
}

.rootTableType tr td.rootFieldValue {
	width: 395px;
}

.rootTableType tr td.rootFieldLabel, .rootTableType tr td.rootFieldValue {
	height: 24px;
}

#moduleTable tr td div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
}

#approversTable tbody tr td div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
}

#grandChildTable tbody tr td div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
}

#charTable tr td div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
}

.moduleTable tbody tr td div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
}

#rootTable {
	margin-bottom: 10px;
}

.rootTable {
	margin-bottom: 10px;
}

.paymentTable {
 	border-top: 1px solid rgb(191, 191, 191);
 	border-collapse: collapse;
  	float: left;
  	margin: 0;
  	padding: 0;
}

.paymentTable td {
    border-left: 1px solid rgb(191, 191, 191);
    border-right: 1px solid rgb(191, 191, 191);
    text-align: left;
    margin: 1px 0px 1px 0px;
}

.rootSection label.rootStatusCode {
	color: red;
}

@media screen and (max-width: 790px) {
	.menuLauncher {
		display: flex;
		flex-direction: row;
		height: inherit;
	}
}

.otherTable {
margin: 10px 0px 0px 0px;

}

.transDetails {
    display: flex;
    flex-direction: column;
    grid-auto-flow: column;
    align-items: left;
    justify-content: start;
    border-bottom: 1px solid rgb(191, 191, 191)
} 

.transInfo {
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 15px;
}

.transID {
	color: #666666;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}

.masterDataInfo {
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.masterDataID {
	color: #666666;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.copyTransactionId:hover {
   color: black !important;
}
/* FOR TRANSACTION ID AND OTHER TABLES  */

/* .computationTable tr td.rootComputation {
	width: 145px;
} */