html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; padding-top: 80px; padding-bottom: 20px; font-size: 12px; color: #000000; background-color: #EAEBEB !important; overflow-y: scroll; }
form { margin: 0; padding: 0; }

a { color: #0A61A4; cursor: pointer; }
	a:hover, a:focus, a.active { color: #0A61A4; }
table { margin-bottom: 0px !important; }

.app-header { z-index: 200; position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background: #FFFFFF; }
.app-title { width: 250px; height: 50px; overflow: hidden; white-space: nowrap; padding-left: 5px; }
.app-logo { width: 215px; height: 34px; display: inline-block; vertical-align: middle; }
.app-brand { color: #B00000; font-size: 14px; line-height: 14px; font-variant: small-caps; display: block; vertical-align: middle; padding-left: 10px; }

.app-nav { position: fixed; top: 0px; right: 0px; color: #FFFFFF; background: #666666; }
.app-nav-menu { display: block; padding: 0px; margin: 0px; font-size: 14px; font-variant: small-caps; }
	.app-nav-menu > li { display: inline-block; padding: 0px; margin: 0px; float: left; border-left: solid 1px #CCCCCC; }
		.app-nav-menu > li > a { display: block; height: 50px; padding: 15px 15px; color: #FFFFFF; white-space: nowrap; }
			.app-nav-menu > li > a:hover,
			.app-nav-menu > li > a:focus,
			.app-nav-menu > li > a.active { text-decoration: none; background-color: #830000; color: #FFFFFF; }

.app-page-title { z-index: 99; position: fixed; top: 50px; left: 0px; width: 100%; height: 30px; background: #DCAA38; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; font-variant: small-caps; overflow: hidden; color: #000000; font-size: 17px; padding: 2px 15px; }

.app-footer { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EAEBEB; font-size: 11px; border-top: solid 1px #CCCCCC; padding-left: 3px; }

.app-menu { z-index: 100; position: fixed; top: 0px; right: 0px; padding-top: 50px; width: 261px; height: 100%; color: #FFFFFF; background: #666666; border-left: solid 1px #CCCCCC; overflow-x: hidden; overflow-y: auto; }
.app-menu-nav { display: block; padding: 0px; margin: 0px; font-size: 14px; font-variant: small-caps; border-top: solid 1px #CCCCCC; }
	.app-menu-nav > li { display: block; padding: 0px; margin: 0px; }
		.app-menu-nav > li > a { display: block; padding: 10px 15px; color: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
			.app-menu-nav > li > a:hover,
			.app-menu-nav > li > a:focus,
			.app-menu-nav > li > a:active { text-decoration: none; background-color: #830000; color: #FFFFFF; }
.app-menu-collapse { display: block; padding: 0px; margin: 0px; background: #949494; color: #FFFFFF; }
	.app-menu-collapse > li { display: block; padding: 0px; margin: 0px; }
		.app-menu-collapse > li > a { display: block; padding: 10px 15px; padding-left: 35px; color: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
			.app-menu-collapse > li > a:hover,
			.app-menu-collapse > li > a:focus,
			.app-menu-collapse > li > a:active { text-decoration: none; background-color: #BB0000; color: #FFFFFF; }

/* XS - mobile screen */
@media (max-width: 767px) {
	body { padding-top: 75px; padding-bottom: 0px; xoverflow-x: hidden; }
	.app-header { height: 45px; }
	.app-title { width: 200px; height: 45px; padding-left: 3px; }
	.app-logo { width: 190px; height: 30px; display: inline-block; vertical-align: middle; }
	.app-brand { font-size: 13px; line-height: 13px; padding-left: 5px; }

	.app-nav-menu > li > a { height: 45px; padding: 12px 15px; }

	.app-page-title { top: 45px; font-size: 15px; height: 27px; }
	.app-footer { position: static; margin-top: 20px; }
	.app-menu { padding-top: 45px; width: 100%; }
}


.body-content { margin: 0; padding: 0; padding-left: 15px; padding-right: 15px; }
.container { margin: 0; padding: 0; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; width: 100%; max-width: 100%; }
.page-body { margin: 0; padding: 10px; background: #FFFFFF; border: solid 1px #CCCCCC; border-top: none; }

/* XS - mobile screen */
@media (max-width: 767px) {
	.body-content { padding-left: 0px; padding-right: 0px; }
	.page-body { padding: 4px; border: none; border-bottom: solid 1px #CCCCCC; }
}
/* LG - large screen */
@media (min-width: 1200px) {
	.container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1170px; }
}


input, select, textarea { width: 100%; background: #EEEEEE; border: solid 1px #AAAAAA; padding: 4px; border-radius: 4px; }
	input[readonly], select[readonly], textarea[readonly] { background: #EBF0F6; }
	input[disabled], select[disabled], textarea[disabled] { background: #EEEEEE; }
datalist { display: none; }

input[type=checkbox], input[type=radio] { margin: 0; padding: 0; width: 24px; height: 24px; vertical-align: middle; cursor: pointer; }

input[type=date] { -webkit-appearance: none; -moz-appearance: none; }
	input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; }

input[type=number] { -moz-appearance: textfield; }
	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; }

::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }

:required { border-color: #CC0000 !important; }
.required { border-color: #CC0000 !important; }
:valid { border-color: #CCCCCC !important; }
.valid { border-color: #CCCCCC !important; }

/* focus style */
input:focus, select:focus, textarea:focus { background: #FEF4E8; }
:focus { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); outline: 2px solid #FBC98E; }
input[type=checkbox]:focus, input[type=radio]:focus, a:focus, button:focus { outline: 2px solid #FBC98E !important; }

input[readonly] { background: #EBF0F6; }
input[disabled] { background: #EEEEEE;border-color: #CCCCCC !important; }
select[disabled] { background: #EEEEEE;border-color: #CCCCCC !important; }


.btn-sm { padding: 4px 6px; border-radius: 4px; }
.chk-sm { width: 20px !important; height: 20px !important; padding: 0px !important; }
.btn-icon { padding: 4px 0px; border-radius: 4px; font-size: 12px; line-height: 1.5; text-align: center; width: 29px; height: 27px; }

.btn-default { background: #F9F9F9; }

.btn-primary { background-color: #666666; border-color: #292929; }
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #474747; border-color: #292929; }
	.btn-primary.disabled, .btn-primary[disabled] { background-color: #666666; border-color: #292929; }

.btn-menu { min-width: 0px !important; width: 100% !important; }
	.btn-menu li a { padding: 10px 20px !important; }

button.input { width: 100%; background: #EEEEEE; border: solid 1px #AAAAAA; padding: 4px; border-radius: 4px; }
	button.input:hover, button.input:focus { background: #FEF4E8; }

/* keyboard shortcuts label */
.label-default { background: #FBC98E; color: #0A61A4; }

.input-highlight { background: #FBC98E;}

/* modal popup style */
.modal-content { background-color: #FFFFFF; }
.modal-header { background-color: #F7941D; color: #000000; padding: 10px; border-bottom: none; font-variant: small-caps; }
.modal-body { padding: 10px; border-top: 1px solid #CCCCCC; }
.modal-footer { background-color: #EEEEEE; padding: 10px; margin-top: 0px; border-top: 1px solid #CCCCCC; text-align: center; }
/* prevent page-jump on modal popups */
.modal-open { overflow: auto; }
	body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0px; overflow-y: scroll; }
.modal { overflow-y: auto; }


.row-0 { padding-left: 5px !important; padding-right: 5px !important; }
	.row-0 > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.row-10 { padding-left: 10px !important; padding-right: 10px !important; }
	.row-10 > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; }

.spacer-5 { height: 5px !important; overflow: hidden; }
.spacer-10 { height: 10px !important; overflow: hidden; }
.spacer-15 { height: 15px !important; overflow: hidden; }
.spacer-h-10 { display: inline-block; width: 10px !important; overflow: hidden; }

.box-form { background: #FFFFFF; padding: 10px; border: solid 1px #CCCCCC; }
.box-form-header { background: #CCCCCC; padding: 5px 10px; border: solid 1px #CCCCCC; }
.box-scroll { height: 205px; overflow-x: hidden; overflow-y: auto; }


.form-input-label { border-color: #FFFFFF; background: #FFFFFF; color: #000000; }
.form-input-icon { position: relative; }
	.form-input-icon button { width: 30px; padding-left: 0px; padding-right: 0px; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; }

.pos-rel { position: relative; }
.pos-rel-left { position: absolute; top: 0px; left: 0px; }
.pos-rel-right { position: absolute; top: 0px; right: 0px; }

.nav-tabs { font-weight: bold; font-size: 13px; font-variant: small-caps; border-bottom: 1px solid #CCCCCC; }

	.nav-tabs > li > a { background-color: #EEEEEE; border-color: #CCCCCC #CCCCCC #CCCCCC; }
		.nav-tabs > li > a:hover,
		.nav-tabs > li > a:focus,
		.nav-tabs > li > a:active { background-color: #EACC88; border-color: #CCCCCC #CCCCCC #CCCCCC; }

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:active { color: #000000; cursor: default; background-color: #CCCCCC; border: 1px solid #CCCCCC; border-bottom-color: transparent; }

.nav-pills { font-size: 15px; font-variant: small-caps; border-bottom: none; }

	.nav-pills > li > a { color: #FFFFFF; background-color: #949494; border: 1px solid #CCCCCC; border-top: none; border-radius: 0px; }
		.nav-pills > li > a:hover,
		.nav-pills > li > a:focus,
		.nav-pills > li > a:active { color: #FFFFFF; background-color: #BB0000; }

	.nav-pills > li.active > a,
	.nav-pills > li.active > a:hover,
	.nav-pills > li.active > a:focus,
	.nav-pills > li.active > a:active { color: #FFFFFF; cursor: default; background-color: #830000; border: 1px solid #4B0000; border-top: none; }

.tab-content { border: solid 1px #CCCCCC; border-top: none; padding: 10px; }

.panel-primary > .panel-body { padding: 10px; }

.panel-default { border-radius: 0px !important; }
	.panel-default > .panel-heading { color: #333333; background-color: #CCCCCC; border-color: #DDDDDD; border-radius: 0px !important; }
	.panel-default > .panel-body { padding: 0px !important; }
.panel-collapse > .panel-body { padding: 0px !important; }

.panel-heading h2 { margin: 0px; font-size: 15px; font-weight: bold; }

.panel-heading a .chevron:after { content: "\f068"; }
/* f078 */
.panel-heading a.collapsed .chevron:after { content: "\f067"; }
/* f054 */

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { background-color: #E3BB60; border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #FFFFFF; }
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th { background-color: #EFEFEF; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #F8EED7; }

.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td { background-color: #CCCCCC; border-top-width: 2px; }

.table-fixed { table-layout: fixed; border-collapse: collapse; }

.td-underline { border-bottom: solid 1px #000000 !important; }

.alert { margin-bottom: 0px; }
.panel { margin-bottom: 0px; }

.div-thumb { xwidth: 92px; xheight: 92px; display: inline-block; position: relative; border: solid 1px #CCCCCC; border-radius: 4px; margin: 2px; padding: 2px; }
	.div-thumb img { max-width: 90px; max-height: 90px; }
.div-thumb-icon-bottom-left { position: absolute; bottom: 0px; left: 0px; }
.div-thumb-icon-bottom-right { position: absolute; bottom: 0px; right: 0px; }

.div-thumb-big { xwidth: 302px; xheight: 302px; display: inline-block; position: relative; border: solid 1px #CCCCCC; border-radius: 4px; margin: 2px; padding: 2px; }
	.div-thumb-big img { max-width: 300px; max-height: 300px; }


.divWaiting { position: fixed; z-index: 2147483647 !important; opacity: 1.8; overflow: hidden; text-align: center; left: 46%; top: 50%; margin-top: -30px; /* make this half your image/element height */ margin-left: -30px; /* make this half your image/element width */ xbackground-color: #E9EAEE; x-webkit-border-radius: 15px; x-moz-border-radius: 15px; xborder-radius: 15px; }

.popover { max-width: 50%; background: #FBE4D5; }
	.popover.top .arrow:after { border-top-color: #FBE4D5; }
	.popover.right .arrow:after { border-right-color: #FBE4D5; }
	.popover.bottom .arrow:after { border-bottom-color: #FBE4D5; }
	.popover.right .arrow:after { border-left-color: #FBE4D5; }

.padding-0 { padding: 0px !important; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px !important; }

.bold { font-weight: bold; }
.no-wrap { white-space: nowrap !important; }
.no-overflow { white-space: nowrap !important; width: 100%; overflow: hidden; text-overflow: ellipsis; }


.body-print { background: #FFFFFF; color: #000000; padding-top: 0px; padding-bottom: 0px; }
.lbl-container { display: inline-block; float: left; width: 2.64in; height: 1in; overflow: hidden; text-align: center; border: dotted 1px #CCCCCC; page-break-inside: avoid; }
.lbl-container-inline { display: inline-block; float: left; width: 2.64in; height: 0.5in; overflow: hidden; text-align: center; border: none; page-break-inside: avoid; }
.lbl-barcode { height: 35px !important; overflow: hidden; }
.lbl-text { font-size: 11px; line-height: 10px; }

.body-print { background: #FFFFFF !important; }
	.body-print .app-header { position: static; background: #FFFFFF; }
	.body-print .app-brand { color: #000000; }
	.body-print .app-nav { color: #000000; background: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
	.body-print .app-nav-menu > li > a { color: #000000; }
		.body-print .app-nav-menu > li > a:hover,
		.body-print .app-nav-menu > li > a:focus,
		.body-print .app-nav-menu > li > a:active { background-color: #DDDDDD; color: #000000; }

	.body-print .app-footer { position: static; width: 100%; background: #FFFFFF; font-size: 11px; border-top: solid 1px #CCCCCC; padding: 5px 10px; }

	.body-print .table-bordered > thead > tr > th,
	.body-print .table-bordered > thead > tr > td { background-color: #CCCCCC; border-bottom-width: 1px; }
	.body-print .table-striped > tbody > tr:nth-child(even) > td,
	.body-print .table-striped > tbody > tr:nth-child(even) > th { background-color: #F9F9F9; }

.body-help { background: #FFFFFF !important; }
	.body-help .app-page-title { position: static; background: #DCAA38; }
	.body-help .app-menu { position: static; padding-top: 0px; width: 100%; border: none; }

.diffPickup { background-color: #F5C98C !important; }

.max-w-300 { max-width: 300px; }
.max-w-400 { max-width: 400px; }

.carousel-inner img { margin: auto; max-height: 250px !important; }
.carousel-inner .item { height: 250px !important; }

/* XS - Mobile screen */
@media (max-width: 767px) {
	.nav-justified > li { display: table-cell; width: 1%; font-size: 15px; }
		.nav-justified > li > a { border-bottom: 1px solid #ddd !important; border-radius: 0px !important; margin-bottom: 0 !important; }
	.body-help .app-page-title { min-height: 45px; height: auto; text-align: left; padding-left: 10px; }
}


.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.only-print { display: none !important; }
/*.sort-icon { display: none !important; }*/


table.sortable th {
    cursor: pointer;
}

.filter-row th, th.sorttable_nosort {
    cursor: default !important;
}

table.sortable th i {
    font-family: FontAwesome;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f0dc";
    width: 1.28571429em;
    text-align: center;
    font-weight: normal; /*content: "\25B4\25BE";*/
}


@media print {
	body { padding: 0; margin: 0; background: #FFFFFF !important; padding-top: 0px !important; padding-bottom: 0px; }
	.no-print { display: none !important; }
	.only-print { display: block !important; }

	.body-print { background: #FFFFFF; color: #000000; padding-top: 0px; padding-bottom: 0px; }
		.body-print .app-page-title { position: static; background: #EEEEEE; }
	.lbl-container { border: none; }

	.hidden-xs { display: block !important; }
	tr.hidden-xs { display: table-row !important; }
	th.hidden-xs, td.hidden-xs { display: table-cell !important; }
	.visible-xs { display: none !important; }

	.app-header { position: static !important; top: 0px; }
	.app-page-title { display: none !important; }
	.app-nav { display: none !important; }
	.app-footer { display: block !important; }
	.page-body { border: none; }
	.btn-icon { border: none !important; padding: 0px !important; width: auto; height: auto; }

	.no-print { display: none !important; }
	.hidden-xs.no-print { display: none !important; }

	.tab-content { border: none; padding: 0px; }

	.tr-filter-visible { display: table-row !important; }
	th { width: auto !important; }

.tab-content { border: none; padding: 0px; }

	.tr-filter-visible { display: table-row !important; }
	th { width: auto !important; }
	table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { display: none; content: ""; }

}

.rejectedTab {
	background: #f89d34 !important;
	color: white !important;
}

	.rejectedTab:hover {
		background: #f87c34 !important;
		color: white !important;
	}