body {
	padding: 30px 0;
	background-color: #FAFAFA;
}
.container {
	width: 1400px;
	font-size: 12px;
	background-color: #FFF;
}
body > .container.frame {
	border-left: solid 10px #EEE;
	border-right: solid 10px #EEE;
}
body > .container.first {
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border-top: solid 10px #EEE;
}
body .container.last {
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-bottom: solid 10px #EEE;
}
.container .row {
	margin-top: 5px;
	margin-bottom: 5px;
}
.container .row.no-padding {
	margin-top: 0;
	margin-bottom: 0;
}
/*.container .form-control[type="text"],
.container select.form-control,
.container form .btn {
	height: 25px;
	padding: 3px 6px;
}*/
.container .form-control {
	/*font-size: 12px;*/
}

.tooltip.top .tooltip-inner {
    background-color:red;
}
.tooltip.top .tooltip-arrow {
     border-top-color: red;
}


/* -- header -- */
.top-logo {
	max-height: 80px;
}


/* -- login-container -- */
.login-container {
	width: 500px;
	background: #FFF;
	border: solid 1px #CCC;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -250px;
	padding: 30px;
}


/* -- order-categories -- */
.container.ordercats {

}
.container.ordercats .row {
	margin-top: 0;
	margin-bottom: 0;
}
.container.ordercats .heading-row > div {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.container.ordercats .input-row div > p:first-child {
	padding-top: 10px;
}
.container.ordercats p.text-only,
.container.ordercats .heading-clm > p {
	line-height: 34px;
	font-weight: bold;
}
.container.ordercats input {
	text-align: center;
}


/* -- forms -- */
.form-group {
	margin-bottom: 2px;
}
.form-group > div {
	margin: 2px 0;
}
i.req {
	color: #F00;
	font-size: 17px;
	vertical-align: middle;
}
.form-group label {
	vertical-align: middle;
	line-height: 25px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	margin-top: -5px;
}
form .input-group-addon:first-child {
	min-width: 40px;
}
form .form-control.bg-danger {
	background: mistyrose;
}
form .control-label.text-left {
	text-align: left;
}

/* -- messages -- */
.msg {
	padding: 15px 25px;
	margin-top: 10px;
}


/* -- datatables -- */
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
	font-size: 11px;
	vertical-align: middle;
	padding: 4px 8px;
}
table.dataTable tbody td {
	font-size: 11px;
	vertical-align: middle;
	padding: 2px 4px;
}
table.dataTable tbody tr.is-discontinued td {
	background-color: #CCC;
}
table .form-control {
	padding: 4px;
	height: 27px;
}


table.dataTable tbody tr td {
    overflow: hidden;
}
table tbody tr td .scroll-fix {
	width: 50px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	border: solid 1px #F00;
}
table tbody tr.on-hold {
	background: rgba(255, 255, 255, 0.5);
}


/* -- tabs -- */
.modal-body .tab-content {
	padding: 15px 0;
	margin-top: 15px;
	border-top: dotted 1px #CCC;
}
.modal-body .tab-content textarea {
	border: none;
	width: 100%;
	min-height: 1600px;
}
.modal-body.templates .tab-content .tab-pane {
	border: solid 10px #FAFAFA;
}


/* -- forms -- */
input.loading {
	background: lightyellow;
}
input.loading-ani {
	background-image: url(../img/loading.gif);
	background-position: center center;
	background-size: 50% 50%;
    background-repeat: no-repeat;
}


/* -- scroll -- */
.tbl-y-scroll {
	min-height: 400px !important;
}
table.dataTable {
	border: none;
	margin-top: 2px;
	border-top: 1px solid #ddd;
}



/* -- elements -- */
.fnt-b	{ font-weight: bold; }

td.clr-red	{ color: #F00; }

.fnt-s-14 { font-size: 14px; }

.width-15 { width: 15px; }
.width-20 { width: 20px; }
.width-25 { width: 25px; }
.width-50 { width: 50px; }
.width-75 { width: 75px; }
.width-100 { width: 100px; }
.width-125 { width: 125px; }
.width-150 { width: 150px; }
.width-175 { width: 175px; }
.width-200 { width: 200px; }
.width-225 { width: 225px; }
.width-250 { width: 250px; }
.width-275 { width: 275px; }
.width-300 { width: 300px; }
.width-325 { width: 325px; }
.width-350 { width: 350px; }
.width-375 { width: 375px; }
.width-400 { width: 400px; }
.width-425 { width: 425px; }
.width-450 { width: 450px; }
.width-475 { width: 475px; }
.width-500 { width: 500px; }

.is-hidden	{ display: none; }




/* -- tables -- */
.bg-aliceblue			{ background-color: #f0f8ff; }
.bg-antiquewhite		{ background-color: #faebd7; }
.bg-aqua				{ background-color: #00ffff; }
.bg-aquamarine		{ background-color: #7fffd4; }
.bg-azure				{ background-color: #f0ffff; }
.bg-beige				{ background-color: #f5f5dc; }
.bg-bisque			{ background-color: #ffe4c4; }
.bg-black				{ background-color: #000000; color: #FFF; }
.bg-blanchedalmond	{ background-color: #ffebcd; }
.bg-blue				{ background-color: #0000ff; color: #FFF; }
.bg-blueviolet		{ background-color: #8a2be2; color: #FFF; }
.bg-brown				{ background-color: #a52a2a; color: #FFF; }
.bg-burlywood			{ background-color: #deb887; }
.bg-cadetblue			{ background-color: #5f9ea0; color: #FFF; }
.bg-chartreuse		{ background-color: #7fff00; }
.bg-chocolate			{ background-color: #d2691e; color: #FFF; }
.bg-coral				{ background-color: #ff7f50; }
.bg-cornflowerblue	{ background-color: #6495ed; }
.bg-cornsilk			{ background-color: #fff8dc; }
.bg-crimson			{ background-color: #dc143c; color: #FFF; }
.bg-cyan				{ background-color: #00ffff; color: #FFF; }
.bg-darkblue			{ background-color: #00008b; color: #FFF; }
.bg-darkcyan			{ background-color: #008b8b; color: #FFF; }
.bg-darkgoldenrod		{ background-color: #b8860b; color: #FFF; }
.bg-darkgray			{ background-color: #a9a9a9; color: #FFF; }
.bg-darkgrey			{ background-color: #a9a9a9; color: #FFF; }
.bg-darkgreen			{ background-color: #006400; color: #FFF; }
.bg-darkkhaki			{ background-color: #bdb76b; color: #FFF; }
.bg-darkmagenta		{ background-color: #8b008b; color: #FFF; }
.bg-darkolivegreen	{ background-color: #556b2f; color: #FFF; }
.bg-darkorange		{ background-color: #ff8c00; color: #FFF; }
.bg-darkorchid		{ background-color: #9932cc; }
.bg-darkred			{ background-color: #8b0000; color: #FFF; }
.bg-darksalmon		{ background-color: #e9967a; color: #FFF; }
.bg-darkseagreen		{ background-color: #8fbc8f; }
.bg-darkslateblue		{ background-color: #483d8b; color: #FFF; }
.bg-darkslategray		{ background-color: #2f4f4f; color: #FFF; }
.bg-darkslategrey		{ background-color: #2f4f4f; color: #FFF; }
.bg-darkturquoise		{ background-color: #00ced1; }
.bg-darkviolet		{ background-color: #9400d3; color: #FFF; }
.bg-deeppink			{ background-color: #ff1493; }
.bg-deepskyblue		{ background-color: #00bfff; }
.bg-dimgray			{ background-color: #696969; color: #FFF; }
.bg-dimgrey			{ background-color: #696969; color: #FFF; }
.bg-dodgerblue		{ background-color: #1e90ff; color: #FFF; }
.bg-firebrick			{ background-color: #b22222; color: #FFF; }
.bg-floralwhite		{ background-color: #fffaf0; }
.bg-forestgreen		{ background-color: #228b22; color: #FFF; }
.bg-fuchsia			{ background-color: #ff00ff; }
.bg-gainsboro			{ background-color: #dcdcdc; }
.bg-ghostwhite		{ background-color: #f8f8ff; }
.bg-gold				{ background-color: #ffd700; }
.bg-goldenrod			{ background-color: #daa520; }
.bg-gray				{ background-color: #808080; color: #FFF; }
.bg-grey				{ background-color: #808080; color: #FFF; }
.bg-green				{ background-color: #008000; color: #FFF; }
.bg-greenyellow		{ background-color: #adff2f; }
.bg-honeydew			{ background-color: #f0fff0; }
.bg-hotpink			{ background-color: #ff69b4; }
.bg-indianred 		{ background-color: #cd5c5c; color: #FFF; }
.bg-indigo 			{ background-color: #4b0082; color: #FFF; }
.bg-ivory				{ background-color: #fffff0; }
.bg-khaki				{ background-color: #f0e68c; }
.bg-lavender			{ background-color: #e6e6fa; }
.bg-lavenderblush		{ background-color: #fff0f5; }
.bg-lawngreen			{ background-color: #7cfc00; }
.bg-lemonchiffon		{ background-color: #fffacd; }
.bg-lightblue			{ background-color: #add8e6; }
.bg-lightcoral		{ background-color: #f08080; }
.bg-lightcyan			{ background-color: #e0ffff; }
.bg-lightgoldenrodyellow		{ background-color: #fafad2; }
.bg-lightgray			{ background-color: #d3d3d3; }
.bg-lightgrey			{ background-color: #d3d3d3; }
.bg-lightgreen		{ background-color: #90ee90; }
.bg-lightpink			{ background-color: #ffb6c1; }
.bg-lightsalmon		{ background-color: #ffa07a; }
.bg-lightseagreen		{ background-color: #20b2aa; }
.bg-lightskyblue		{ background-color: #87cefa; color: #FFF; }
.bg-lightslategray	{ background-color: #778899; color: #FFF; }
.bg-lightslategrey	{ background-color: #778899; color: #FFF; }
.bg-lightsteelblue	{ background-color: #b0c4de; }
.bg-lightyellow		{ background-color: #ffffe0; }
.bg-lime				{ background-color: #00ff00; }
.bg-limegreen			{ background-color: #32cd32; color: #FFF; }
.bg-linen				{ background-color: #faf0e6; }
.bg-magenta			{ background-color: #ff00ff; color: #FFF; }
.bg-maroon			{ background-color: #800000; color: #FFF; }
.bg-mediumaquamarine	{ background-color: #66cdaa; color: #FFF; }
.bg-mediumblue		{ background-color: #0000cd; color: #FFF; }
.bg-mediumorchid		{ background-color: #ba55d3; color: #FFF; }
.bg-mediumpurple		{ background-color: #9370d8; color: #FFF; }
.bg-mediumseagreen	{ background-color: #3cb371; color: #FFF; }
.bg-mediumslateblue	{ background-color: #7b68ee; color: #FFF; }
.bg-mediumspringgreen	{ background-color: #00fa9a; }
.bg-mediumturquoise	{ background-color: #48d1cc; }
.bg-mediumvioletred	{ background-color: #c71585; color: #FFF; }
.bg-midnightblue		{ background-color: #191970; color: #FFF; }
.bg-mintcream			{ background-color: #f5fffa; }
.bg-mistyrose			{ background-color: #ffe4e1; }
.bg-moccasin			{ background-color: #ffe4b5; }
.bg-navajowhite		{ background-color: #ffdead; }
.bg-navy				{ background-color: #000080; color: #FFF; }
.bg-oldlace			{ background-color: #fdf5e6; }
.bg-olive				{ background-color: #808000; color: #FFF; }
.bg-olivedrab			{ background-color: #6b8e23; color: #FFF; }
.bg-orange			{ background-color: #ffa500; }
.table-striped tbody tr td.bg-orangered			{ background-color: #ff4500; color: #FFF; }
.bg-orchid			{ background-color: #da70d6; }
.bg-palegoldenrod		{ background-color: #eee8aa; }
.bg-palegreen			{ background-color: #98fb98; }
.bg-paleturquoise		{ background-color: #afeeee; }
.bg-palevioletred		{ background-color: #d87093; color: #FFF; }
.bg-papayawhip		{ background-color: #ffefd5; }
.bg-peachpuff			{ background-color: #ffdab9; }
.bg-peru				{ background-color: #cd853f; color: #FFF; }
.bg-pink				{ background-color: #ffc0cb; }
.bg-plum				{ background-color: #dda0dd; }
.bg-powderblue		{ background-color: #b0e0e6; }
.bg-purple			{ background-color: #800080; color: #FFF; }
.table-striped tbody tr td.bg-red,
.bg-red			{ background-color: #ff0000; color: #FFF; }
.bg-rosybrown			{ background-color: #bc8f8f; color: #FFF; }
.bg-royalblue			{ background-color: #4169e1; color: #FFF; }
.bg-saddlebrown		{ background-color: #8b4513; color: #FFF; }
.bg-salmon			{ background-color: #fa8072; color: #FFF; }
.bg-sandybrown		{ background-color: #f4a460; color: #FFF; }
.bg-seagreen			{ background-color: #2e8b57; color: #FFF; }
.bg-seashell			{ background-color: #fff5ee; }
.bg-sienna			{ background-color: #a0522d; color: #FFF; }
.bg-silver			{ background-color: #c0c0c0; color: #FFF; }
.bg-skyblue			{ background-color: #87ceeb; color: #FFF; }
.bg-slateblue			{ background-color: #6a5acd; color: #FFF; }
.bg-slategray			{ background-color: #708090; color: #FFF; }
.bg-slategrey			{ background-color: #708090; color: #FFF; }
.bg-snow				{ background-color: #fffafa; }
.bg-springgreen		{ background-color: #00ff7f; }
.bg-steelblue			{ background-color: #4682b4; color: #FFF; }
.bg-tan				{ background-color: #d2b48c; color: #FFF; }
.bg-teal				{ background-color: #008080; color: #FFF; }
.bg-thistle			{ background-color: #d8bfd8; }
.bg-tomato			{ background-color: #ff6347; color: #FFF; }
.bg-turquoise			{ background-color: #40e0d0; color: #FFF; }
.bg-violet			{ background-color: #ee82ee; color: #FFF; }
.bg-wheat				{ background-color: #f5deb3; }
.bg-white				{ background-color: #ffffff; }
.bg-whitesmoke		{ background-color: #f5f5f5; }
.bg-yellow			{ background-color: #ffff00; }
.bg-yellowgreen		{ background-color: #9acd32; }

/*
table tbody tr td.bdr-blue				{ border: solid 2px #0000ff; }
table tbody tr td.bdr-green				{ border: solid 2px #33ff33; }
table tbody tr td.bdr-orange			{ border: solid 2px #ffa500; }
*/

/* -- arrows -- */
.sort-by-asc {
	position: relative;
}
.sort-by-asc:after
{
    content: ' ';
	border: solid #CCC;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	position: absolute;
	top: 45%;
	right: 10%;
	transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.sort-by-desc {
	position: relative;
}
.sort-by-desc:after
{
    content: ' ';
	border: solid #CCC;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	position: absolute;
	top: 45%;
	right: 10%;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* -- debug -- */
form.error {
	border: solid 2px #F00;
}


/* -- fixes -- */
div.modal {
	z-index: 9999;
}
.datatable thead th {
	user-select: none; /* CSS3 (little to no support) */
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: none; /* Gecko (Firefox) */
	-webkit-user-select: none; /* Webkit (Safari, Chrome) */
}