body, input, textarea, select, li, th, td {
	margin: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin-right: 2px;
}
th {
	border-left: 1px solid #D0E0EE;
	border-right: 1px solid #D0E0EE;
}
thead tr, tfoot tr {
	background-color: #E0F0FF;
}
.page-name {
	float: left;
	margin-left: 8px;
	margin-right: 10px;
	color: navy;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}
.wise-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.wise-vgap {
	margin: 0px 0px 0px 0px ;
}
tr:nth-child(odd) td.wise-qty {
	background-color: #EEEEAA;
	text-align: right;
}
tr:nth-child(even) td.wise-qty {
	background-color: #FFFFBB;
	text-align: right;
}
tr:nth-child(odd) td.wise-prc {
	background-color: #BBDDEE;
	text-align: right;
}
tr:nth-child(even) td.wise-prc {
	background-color: #CCEEFF;
	text-align: right;
}

/* Containers --------------------------------------------- */
.wise-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.wise-border-round {
	border-style: solid;
	border-width: thin;
	border-radius: 5px;
	border-color: silver;
	padding: 2px 4px 1px 4px;
}

.wise-highlight-info {
	background-color: #DDFFDD;
	color: #006600;
	border-color: #006600;
}

.wise-highlight-error {
	background-color: #FFDDEE;
	color: #DD0000;
	border-color: #DD0000;
}

.wise-container, .wise-container-short, .wise-container-normal, .wise-container-wide {
	display: inline-block;
	vertical-align: top;
	margin: 1px 0px 1px 0px;
	/*margin: 5px 5px 5px 5px;*/
}
.wise-container-short {
	width: 280px;
}
.wise-container-normal {
	width: 400px;
}
.wise-container-wide {
	width: 470px;
}
.wise-image-center-container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.wise-image-slider {
	display: inline-block;
	overflow-x: auto;
	overflow-y: hidden;
	border-top: solid thin silver;
	width: 130px;
	height: 46px;
	white-space: nowrap;
}
.wise-image-big-thumb-container {
	display: table-cell;
	width: 130px;
	height: 130px;
	overflow-y: hidden;
	overflow-x: hidden;
}
/* End Of Containers -------------------------------------- */

.wise-label, .wise-label-short, .wise-label-normal, .wise-label-wide {
	display: inline-block;
}
.wise-label-short {
	min-width: 90px;
}
.wise-label-normal {
	min-width: 150px;
}
.wise-label-wide {
	min-width: 210px;
}

.wise-label-input-height {
	line-height: 25px;
}

.wise-section-header {
	color: blue;
}

.wise-updated {
	font-size: smaller;
	color: orangered;
}

.wise-button-small:active, .dt-button.wise-button-small, .paginate_button {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 3px;
	height: 17px;
}

.wise-button-small:active, .dt-button.wise-button-small {
	background-image: linear-gradient(to bottom, #E4F4FF 45%, #77CCFF 100%) !important;
}

.wise-button-small:disabled, .dt-button.wise-button-small.disabled {
	color: #999999 !important;
	background-image: linear-gradient(to bottom, #F4F4F4 45%, #CCCCCC 100%) !important;
}

.wise-button-small:hover:not(:disabled):not(.disabled), .dt-button.wise-button-small:hover:not(:disabled):not(.disabled),
.paginate_button:hover:not(.current):not(:disabled):not(.disabled) {
	color: white !important;
	background-image: linear-gradient(to bottom, #007FFF 45%, #003EFF 100%) !important;
	border-color: #003EFF !important;
}

.wise-image-big-thumb {
	max-width: 130px;
	max-height: 130px;
	white-space: nowrap;
	cursor: url('/asset/img/magnifier2.cur'), auto;
}
.wise-image-tiny-thumb {
	max-width: 28px;
	max-height: 28px;
	white-space: nowrap;
}

.wise-div-tiny {
	border-radius: 3px;
	padding: 0px 0px 0px 0px;
	margin: 2px 2px 2px 2px;
	text-align: center;
	width: 18px;
}

.wise-dim {
	opacity: 50%;
}

.wise-menu {
	float: right;
	background-color: #C4E4FF;
}

.wise-div-inq-res-info-label {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 33px;
	text-align: left;
	display: inline-block;
}
.wise-div-ord-cnf-info-label {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 47px;
	text-align: left;
	display: inline-block;
}

/* Input box width -----------------------------------------*/
.wise-input-no-x::-ms-clear {
	display: none;
	width: 0px;
	height: 0px;
}
.wise-input-tiny {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 35px;		/*width: 50px;*/
}
.wise-input-small {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;	/*width: 100px;*/
}
.wise-input-medium {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 122px;	/*width: 150px;*/
}
.wise-input-large {
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
}
input, textarea, select {
	margin: 1 1 1 1;
}
input[readonly], textarea[readonly] {
	border-style: dashed;
	border-width: 1px;
	border-color: silver;
}
input:not([readonly])[type=text]:focus,
input:not([readonly])[type=password]:focus,
textarea:not([readonly]):focus {
	background-color: lightyellow;
}
/* End Of Input box width --------------------------------- */

/* Selectable for dual list etc. -------------------------- */
.wise-selectable {
	list-style-type: none; margin: 0; padding: 0;
}
.wise-selectable li {
	margin: 2px; padding: 0.2em;
}
.ui-selecting { background: #40CAFE; }
.ui-selected { background: #1498F3; color: white; }
/* End Of Selectable -------------------------------------- */

/* Hide dialog x icon */
.ui-dialog-titlebar-close { visibility: hidden; }

/* Override DataTables css -------------------------------- */
.dataTables_scroll { background-color: #E0F0FF; }
.dataTables_info { padding-top: 4px !important; }
.dt-button, button.dt-button, div.dt-button, a.dt-button { margin-bottom: 0px; }
table.dataTable.compact thead th,table.dataTable.compact thead td {
	padding: 1px 17px 1px 4px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
	padding: 1px 4px 1px 4px;
}
.dt-buttons {
	width: calc(100% - 250px);
	text-align: right;
}
/* End of Override DataTables css ------------------------- */