/* Log in */
/* .login {
	margin: 200px auto 0;
} */
.centerLogin {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
}

#content {
	padding: 10px 5px 5px 5px;
}

/* Header Tweaks */
#header {
	height: 30px;
	padding: 0 10px;
	position: relative;
	background: -webkit-linear-gradient(left, #FFF 150px, #5B914B);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FFF 150px, #5B914B);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FFF 150px, #5B914B);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FFF 150px, #5B914B);
	/* Standard syntax */
	background-color: #5B914B;
}

#header .title {
	position: absolute !important;
	right: 78px !important;
	line-height: 30px !important;
	font-weight: bold !important;
	color: #fff !important;
}

#header .logo {
	background-image: url("../resources/css/images/logo_100x30.png");
	height: 30px;
	width: 100px;
	background-repeat: no-repeat;
	line-height: 30px;
}

#header .large_logo {
	background-image: url("../resources/css/images/logo_251x81.png");
	height: 88px;
	width: 250px;
	background-repeat: no-repeat;
}

/* Activity Icons */
#header .iceOutConStat {
	position: absolute;
	right: 15px;
	top: 2px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
}

#header .fa:hover {
	background: none;
}

/* Form */
.form {
	width: auto;
}

.form a.action {
	/* display: inline-block; */
	height: 16px;
	margin: 0 5px;
	width: 16px;
}

.width-100{
	width: 100px !important;
}

.form td.field.width-50, .form tr.label td.width-50 {
	width: 50px !important;
}

.form td.field.width-75, .form tr.label td.width-75 {
	width: 75px !important;
}

.form td.field.width-100, .form tr.label td.width-100 {
	width: 100px !important;
}

.form td.field.width-125, .form tr.label td.width-125 {
	width: 125px !important;
}

.form td.field.width-150, .form tr.label td.width-150 {
	width: 150px !important;
}

.form td.field.width-600, .form tr.label td.width-600 {
	width: 600px !important;
}

/* FONT Awesome */
a {
	text-decoration: none !important;
}

.list .actions a {
	padding-left: 0px !important;
	text-decoration: none;
}

.fa-lg {
	line-height: 1em;
}

.fa {
	color: #999;
	vertical-align: middle;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
}

.fa:hover {
	color: #fff;
	background-color: #5B914B;
	border-radius: 100px;
}

.fa:active {
	background: none;
	color: #5B914B;
}

.fa-green, .fa-green:hover {
	color: #5B914B;
	background: none;
}

.fa-blue, .fa-blue:hover {
	color: blue;
	background: none;	
}

.fa-green, .fa-green:hover {
	color: green;
	background: none;	
}

.fa-red, .fa-red:hover {
	color: red;
	background: none;
}

a.accept, span.accept {
	background-image: url("../resources/css/icons/accept.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.building, span.building {
	background-image: url("../resources/css/icons/building.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.map, span.map {
	background-image: url("../resources/css/icons/map.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.pdf, span.pdf {
	background-image: url("../resources/css/icons/pdf.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.thumb-up, span.thumb-up {
	background-image: url("../resources/css/icons/thumb_up.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.thumb-down, span.thumb-down {
	background-image: url("../resources/css/icons/thumb_down.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.money, span.money {
	background-image: url("../resources/css/icons/money.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.move, span.move {
	background-image: url("../resources/css/icons/move.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.printLabel, span.printLabel {
	background-image: url("../resources/css/icons/barcode.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.report-add, span.report-add {
	background-image: url("../resources/css/icons/report_add.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.report-edit, span.report-edit {
	background-image: url("../resources/css/icons/report_edit.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.crossIcon, span.crossIcon {
	background-image: url("../resources/css/icons/cross.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
}

a.checkIcon, span.checkIcon {
	background-image: url("../resources/css/icons/true.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
}

/* Table Block Font Awesome */
table.block th {
	background: #ddd none repeat scroll 0 0;
	border-bottom: 1px solid #333;
	font-weight: bold;
	height: 25px;
	padding: 0 5px;
	text-align: left;
}

table.block th a {
	display: inline-block;
}

table.block th .fa {
	font-size: 1.1em;
	color: #000000;
}

table.block th .fa:hover {
	background: none;
	color: #444444;
	border-radius: 0;
}

/* table.block td, table.block .blockCol1 {
    padding: 1px !important;
} */

/*
 * Planning Grid
 */
table.planning-grid {
	border-collapse: collapse;
}

table.planning-grid th {
	background-color: #DBDBDB;
	text-align: center;
	padding: 0px 5px;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
}

table.planning-grid td {
	padding: 1px;
}

table.planning-grid div.column {
	background-color: #FEF4C7;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	white-space: nowrap;
	overflow: hidden;
}

.planning-grid {
	width: auto;
}

.planning-grid tr {
	background-color: #fff;
}

.planning-grid td {
	padding: 0 !important;
}

.planningBlock {
	padding: 2px;
	margin: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

.planningBlock2 {
	margin: 1px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

table.planning-grid .drag-active div.column {
	border-color: #00FF00;
}

table.planning-grid div.stop {
	position: relative;
	padding: 1px;
	overflow: hidden;
}

table.planning-grid div.stop a, table.planning-grid div.stop.move a {
	text-decoration: none;
}

table.planning-grid div.stop.move {
	cursor: move;
}

table.planning-grid div.stop.move a {
	cursor: pointer;
}

table.planning-grid div.stop {
	position: relative;
}

.planningBlock div.stop .sign {
	width: 20px;
	height: 20px;
	top: 0px;
	right: 0px;
	position: absolute;
}

.planningBlock div.stop .alert {
	background-image: url("../resources/css/icons/alert.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

.planningBlock div.stop .corner {
	background-image: url("../resources/css/icons/red-corner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

.planningBlock2 div.stop .sign {
	width: 20px;
	height: 20px;
	top: 0px;
	right: 0px;
	position: absolute;
}

.planningBlock2 div.stop .alert {
	background-image: url("../resources/css/icons/alert.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

.planningBlock2 div.stop .corner {
	background-image: url("../resources/css/icons/red-corner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

table.planning-grid td.tooltipBody {
	height: 20px;
	padding: 0 5px;
	border: none;
}

table.planning-grid td.tooltipHdr {
	height: 20px;
	padding: 0 5px;
	border: none;
}

table.planning-grid td.label {
	min-width: 150px;
	width: 200px;
	font-weight: bold;
	border: none;
}

table.planning-grid td.field {
	float: left;
	border: none;
}

.field .compoundField {
	vertical-align: top;
	line-height: 30px;
}

td.highlight {
	background-color: #F3F3F3;
	font-weight: bold;
	text-align: center !important;
	border: none;
}

th.highlight {
	height: 20px !important;
}

table.planning-grid div.stop-text {
	font-size: 9px;
	color: #737373;
}

/* Columns */
table.columns {
	width: 100%;
}

table.columns .column-5, .column-5 {
	width: 5%;
	vertical-align: top;
}

table.columns .column-10, .column-10 {
	width: 10%;
	vertical-align: top;
}

table.columns .column-15, .column-15 {
	width: 15%;
	vertical-align: top;
}

table.columns .column-20, .column-20 {
	width: 20%;
	vertical-align: top;
}

table.columns .column-25, .column-25 {
	width: 25%;
	vertical-align: top;
}

table.columns .column-30, .column-30 {
	width: 30%;
	vertical-align: top;
}

table.columns .column-33, .column-33 {
	width: 33%;
	vertical-align: top;
}

table.columns .column-35, .column-35 {
	width: 35%;
	vertical-align: top;
}

table.columns .column-40, .column-40 {
	width: 40%;
	vertical-align: top;
}

table.columns .column-45, .column-45 {
	width: 45%;
	vertical-align: top;
}

table.columns .column-50, .column-50 {
	width: 50%;
	vertical-align: top;
}

table.columns .column-55, .column-55 {
	width: 55%;
	vertical-align: top;
}

table.columns .column-60, .column-60 {
	width: 60%;
	vertical-align: top;
}

table.columns .column-70, .column-70 {
	width: 70%;
	vertical-align: top;
}

table.columns .column-75, .column-75 {
	width: 75%;
	vertical-align: top;
}

table.columns .column-80, .column-80 {
	width: 80%;
	vertical-align: top;
}

/* Planning legend */
.planning-legend {
	width: 270px;
	border-spacing: 1px;
}

.planning-legend tr {
	height: auto;
}

.planning-legend td {
	font-weight: normal;
	line-height: normal;
	padding: 4px 10px !important;
}

.planning-legend td.box {
	width: 60px;
	height: 15px;
	border: 1px solid #808080;
}

.planning-legend td.text span {
	margin-left: 10px;
}

.planning-legend .ui-datatable-even, .planning-legend .ui-datatable-odd
	{
	background-color: transparent !important;
}

/* JQuery UI override */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	background: #FFFFFF !important;
	color: #000000;
	border-radius: 0px;
}

table.scroll-list table.iceDatTblScrlHdrTbl {
	background-color: #CCC;
	border-bottom: solid 1px #333;
	width: 100%;
}

table.scroll-list tbody tr.iceDatTblRow1 {
	background-color: #F3F3F3;
	width: 100%;
}

table.scroll-list>tbody>tr>td {
	padding: 0 !important;
}

/* News items */
.news {
	margin: 5px;
}

.news .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.news .date {
	margin-bottom: 10px;
	font-weight: bold;
}

.news .text {
	margin-bottom: 10px;
}

.upIcon {
	background-image: url("../resources/css/icons/up16x16.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.downIcon {
	background-image: url("../resources/css/icons/down16x16.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.viewPhoto {
	background-image: url("../resources/css/icons/view_photo.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.plus {
	background-image: url("../resources/css/icons/plus.png");
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}

.minus {
	background-image: url("../resources/css/icons/minus.png");
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}

.list .iceRowSelSelected td, .list .iceRowSelMouseOver td, .list .iceRowSelSelectedMouseOver td
	{
	background-color: #69BD44;
	cursor: pointer;
}

.scroll-list .iceRowSelSelected td, .scroll-list .iceRowSelMouseOver td,
	.scroll-list .iceRowSelSelectedMouseOver td {
	background-color: #69BD44;
	width: 100%;
	cursor: pointer;
}

/* Sorting */
.sort {
	background-image: url("../resources/css/icons/updown16x16.png");
	background-position: right center;
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

.sort.asc {
	background-image: url("../resources/css/icons/up16x16.png");
}

.sort.desc {
	background-image: url("../resources/css/icons/down16x16.png");
}

/* Calendar ACE component */
button.ui-datepicker-trigger {
	background: none;
	border: none;
}

#ui-datepicker-div, .ice-ace-datetimeentry {
	border: 1px solid #999;
	box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.5);
}

/* Legacy List */
table.legacy-list {
	width: 100%;
}

table.legacy-list.header {
	background-color: #CCCCCC !important;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #333333 !important;
}

.odd {
	background-color: #f3f3f3;
}

table.legacy-list .column-20 {
	width: 20px;
	max-width: 20px;
}

table.legacy-list .column-30 {
	width: 30px;
	max-width: 30px;
}

table.legacy-list .column-50 {
	width: 50px;
	max-width: 50px;
}

table.legacy-list .column-75 {
	width: 75px;
	max-width: 75px;
}

table.legacy-list .column-100 {
	width: 100px;
	max-width: 100px;
}

table.legacy-list .column-110 {
	width: 110px;
	max-width: 110px;
}

table.legacy-list .column-120 {
	width: 120px;
	max-width: 120px;
}

table.legacy-list .column-125 {
	width: 125px;
	max-width: 125px;
}

table.legacy-list .column-130 {
	width: 130px;
	max-width: 130px;
}

table.legacy-list .column-140 {
	width: 140px;
	max-width: 140px;
}

table.legacy-list .column-150 {
	width: 150px;
	max-width: 150px;
}

.tabHeight-320 {
	height: 320px;
}

.tabHeight-340 {
	height: 340px;
}

.tabHeight-360 {
	height: 360px;
}

.tabHeight-380 {
	height: 380px;
}

.tabHeight-400 {
	height: 400px;
}

.tabHeight-420 {
	height: 420px;
}

.tabHeight-440 {
	height: 440px;
}

.tabHeight-450 {
	height: 450px;
}

.tabHeight-460 {
	height: 460px;
}

.tabHeight-480 {
	height: 480px;
}

.tabHeight-500 {
	height: 500px;
}

.tabHeight-520 {
	height: 520px;
}

.tabHeight-540 {
	height: 540px;
}

/* Actions column */
.list .actions.width-50 {
	width: 50px;
}

.list .actions.width-75 {
	width: 75px;
}

.list .actions.width-100 {
	width: 100px;
}

.list .actions.width-125 {
	width: 125px;
}

.list .actions.width-150 {
	width: 150px;
}

.list .actions.width-175 {
	width: 175px;
}

.list .actions.width-200 {
	width: 200px;
}

/* SubList */
/* List */
.list.subList {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #828282;
}

.list.subList .listHdr, .list th {
	background-color: #E5E5E5;
	text-align: left;
	height: 25px;
	padding: 0px 5px;
	border-bottom: solid 1px #828282;
	color: #333;
}

.list.subList tbody td {
	padding: 0px 5px;
	height: 20px;
}

.list.subList tbody tr.listRow1, .list .oddRows {
	background-color: #F3F3F3;
}

/* Menu */
.iceMnuBarSubMenuInd, .menuSubMenuInd {
	height: 10px;
	padding-top: 10px;
	position: absolute;
	right: 5px;
	top: inherit;
	vertical-align: middle;
	width: 10px;
}

.tableValueMenu>div>ul>li {
	width: 100% !important;
}

.tableValueMenu>div>ul>li .ui-state-hover {
	border-bottom: #555555 1px solid;
}

/* Buttons */
a.button, input.button, span.button, .icePnlCnfBtns input {
	display: inline-block;
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: center;
	text-decoration: none;
	background-color: #CCC;
	margin: 5px 0 5px 5px;
	border-radius: 4px;
	background: url("../resources/css/images/button_bg.png") repeat-x
		padding-box #d8d8d8;
	border: 1px solid #d3d3d3;
	color: #000000;
	font-weight: normal;
}

a.buttonSmall, input.buttonSmall, span.buttonSmall {
	display: inline-block;
	overflow: hidden;
	/* padding: 3px; */
	position: relative;
	text-align: center;
	text-decoration: none !important;
	background-color: #CCC;
	/* margin: 5px; */
	border-radius: 4px;
	background: url("../resources/css/images/button_bg.png") repeat-x
		padding-box #d8d8d8;
	border: 1px solid #d3d3d3;
	color: #000000;
	font-weight: normal;
	width: 30px;
}

/* span.button-dis{
	display: inline-block;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
	background-color: #CCC;
	margin: 5px;
	border-radius: 4px;
	background-color: #dddddd;
    border: 1px solid #d3d3d3;
    color: #333;
    font-weight: normal;
} */
span.button, span.button-dis {
	background: none !important;
}

a.button:hover, input.button:hover, .icePnlCnfBtns input:hover, a.buttonSmall:hover,
	input.buttonSmall:hover, span.buttonSmall:hover, .icePnlCnfBtns input:hover
	{
	background: url("../resources/css/images/button_bg_hover.png") repeat-x
		padding-box #bfdaff;
	border: 1px solid #d3d3d3;
}

a.button .text, span.button .text, span.button-dis .text {
	padding-left: 5px;
}

a.button .fa, span.button .fa, span.button-dis .fa {
	color: #333;
	height: 1em;
	width: 1em;
	line-height: 20px;
	vertical-align: initial;
}

a.button:hover .fa, a.button:hover .text, a.buttonSmall:hover .fa, span.buttonSmall:hover .fa,
	input.buttonSmall:hover .fa {
	color: #5B914B;
	background: none;
}

span.button:hover .fa, span.button:hover .text, span.button-dis:hover .fa,
	span.button-dis:hover .text {
	color: #333;
	background: none;
}

.ui-button .ui-button-text {
	line-height: 1;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
	{
	padding: 5px 5px 5px 25px;
}

.panel .column-1 {
	width: 1%;
}

.panel .column-49 {
	width: 49%;
}

.chart {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.width-1500 .popupBody {
	width: 1500px;
}

.width-1600 .popupBody {
	width: 1600px;
}

/* Customer Paperwork */
.errorImage {
	border: 1px solid #333333;
	box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.5);
	margin: 10px auto;
}

.img.errorPage {
	border: 1px solid #333333;
	box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.5);
	margin: 10px;
}

/* Order Form */
.orderForm {
	height: 800px;
}

.invisibleText {
	color: #fff;
}

/* Internal List */
.internalList {
	background: #fff;
}

.internalList .titleColumn {
	font-weight: bold;
}

.internalList .width-100 {
	width: 100px;
}

.noPadding {
	padding: 0 !important;
}

.icon {
	vertical-align: top;
	padding-top: 3px !important;
}

/* Menu Button */
.menuButton {
	margin: 8px 0 0 !important;
	padding: 2px 5px !important;
	float: right;
}

.menuButton>span>div {
	width: 220px;
	border: 1px solid #ddd;
}

.width-300 {
	width: 300px;
}

.center {
	text-align: center;
}

.locationMap {
	width: 578px;
	height: 410px;
	margin: auto;
}

/* Panel in Panel */
.mainPanel {
	margin: 0.5em;
}

.subPanel {
	margin: 0.5em -1em;
}

/* Element Manipulation */
.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

.marginBottom {
	margin: 0 0 0.5em 0 !important;
}

.marginTop {
	margin: 0.5em 0 0 0 !important;
}

.marginLeft {
	margin: 0 0 0 0.5em !important;
}

.marginRight {
	margin: 0 0.5em 0 0 !important;
}

/* While transitioning to all ace components some of the styling broke, below are some changes to remedy this which couldn't easily be solved above */
/* Order form elements */
.ui-widget-content {
	border: none;
}

.ui-widget-header {
	background: none;
}

/* LoadMonitor CSS */
.loadMonitorClass {
	width: 100px;
	height: 35px;
}

.loadMonitorClass>.ice-sub-mon-mid>.ice-sub-mon-img {
	display: none;
}

/* Icefaces 4.1.1 modifications */
.ice-sub-mon-mid.idle .ice-sub-mon-img:before {
	content: "\f013";
	font-family: FontAwesome;
	font-size: 23px;
	color: #ffffff;
}

.ice-sub-mon-mid.active .ice-sub-mon-img:before {
	content: "\f013";
	font-family: FontAwesome;
	font-size: 23px;
	color: #ffffff;
}

.ice-sub-mon>.ice-sub-mon-mid.idle>.ice-sub-mon-img {
	background: none;
}

.ice-sub-mon>.ice-sub-mon-mid.active>.ice-sub-mon-img {
	background: none;
	height: 25px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

/* Menu bar */
#top {
	height: auto;
	margin-bottom: -11px;
}

.menuBarContainer {
	background: #999 none repeat scroll 0 0;
	line-height: 30px;
	height: auto;
}

.menuBar {
	background: #999 none repeat scroll 0 0;
	line-height: 30px;
}

/* Menu Items */
.menuBarItem {
	background: #999 none repeat scroll 0 0;
	border-top: 2px solid #999;
	color: #FFF;
}

.wijmo-wijmenu a.ui-state-hover, .wijmo-wijmenu a.ui-state-active {
	background: #999 none repeat scroll 0 0;
	height: inherit !important;
	width: -moz-available;
}

.menuBarItem:hover {
	border-top: 2px solid #000;
	background-color: #999;
	color: #fff;
}

.menuBarItem.active {
	border-top: 2px solid #000;
	color: #FFF;
	font-weight: bold;
}

/* Sub Menus */
.wijmo-wijmenu-list .ui-widget-content {
	background: #ccc none repeat scroll 0 0;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
	background-color: #ccc !important;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child a {
	color: #000;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child a:hover {
	background: #ddd none repeat scroll 0 0;
	box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.5);
}

/* Ace Datatable */
.ui-datatable {
	font-family: inherit;
	font-size: inherit;
}

.ui-datatable thead {
	height: 25px;
	padding: 0 5px;
	text-align: left;
}

.ui-datatable-data .ui-selected {
	background: none repeat-x scroll 50% 50% #fff;
}

.list.subList .listHdr, .list th {
	background-color: #ccc !important;
}

.ui-datatable th {
	background: none;
	border: none !important;
}

.ui-datatable-data {
	border: none !important;
}

.ui-datatable .ui-paginator-bottom {
	background-image: none !important;
	background-color: #FFF !important;
	border: none !important;
	float: left !important;
}

.ui-datatable .ui-datatable-scrollable-header {
	background: #ccc none repeat scroll 0 0;
	border-bottom: 1px solid #333;
}

.ui-sortable-column-order {
	visibility: hidden;
}

.ui-corner-all, .ui-corner-br {
	border-radius: 0px !important;
}

.ui-datatable .ui-header-column, .ui-datatable .ui-footer-column {
	padding: 0;
}

.ui-datatable tbody.ui-datatable-data>tr>td, .ui-datatable tbody.ui-datatable-data-empty>tr>td
	{
	border-style: none !important;
	text-align: left !important;
	line-height: 1 !important;
	height: 20px !important;
	padding: 4px 5px;
}

.list .ui-datatable tbody.ui-datatable-data>tr>td, .ui-datatable tbody.ui-datatable-data-empty>tr>td
	{
	padding: 4px 5px !important;
}

.ui-datatable .ui-datatable-header {
	background: #DDDDDD;
	border: none;
	border-bottom: 1px solid #333333;
	text-align: left;
	padding: 0 5px;
	color: inherit;
}

.ui-widget-content {
	color: #333;
}

.ui-datatable-odd {
	background-color: #f3f3f3;
}

.ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br {
	border-radius: 0;
}

/* Ace Datatable edit row */
.ui-datatable .ui-cell-editor.ui-state-highlight {
	padding: 0;
	display: inline-block;
}

.ui-datatable .ui-cell-editor.ui-state-highlight {
	background: none;
	border: none;
	color: #333;
}

.ui-state-highlight.ui-cell-editor.icePnlGrdRow.formRow {
	display: inline-block !important;
}

/* Hide column divider for stacked columns */
tr>td>hr, tr>td>div>hr {
	visibility: hidden;
	height: 0;
	margin-top: 1px;
	margin-botom: 2px;
}

/* Ace Datatable Paginator */
.ui-paginator .ui-state-default {
	background-image: none;
}

.ui-paginator .ui-state-active {
	color: #000000 !important;
}

.ui-paginator-page, .ui-paginator-pages, .ui-paginator-next,
	.ui-paginator-last, .ui-paginator-first, .ui-paginator-previous,
	.ui-paginator-current {
	display: inline-block !important;
	border-radius: 0px !important;
	color: #8e8e8e !important;
	font-weight: bold !important;
	line-height: 20px !important;
	height: 20px;
	border: none !important;
}

.ui-paginator-next, .ui-paginator-last, .ui-paginator-first,
	.ui-paginator-previous {
	border: 1px solid !important;
}

.ui-paginator-pages {
	vertical-align: inherit !important;
}

.ui-paginator-rpp-options, .ui-paginator-current {
	vertical-align: bottom !important;
	vertical-align: sub !important;
}

.ui-paginator-page {
	background: none !important;
	background-color: #ffffff !important;
	border: none !important;
	color: #8e8e8e !important;
	display: inline-block !important;
	font-weight: normal !important;
	padding: 2px 5px !important;
	line-height: 20px !important;
}

.ui-icon-seek-next {
	background-image: url("../resources/css/icons/next.png") !important;
}

.ui-icon-seek-prev {
	background-image: url("../resources/css/icons/previous.png") !important;
}

.ui-icon-seek-end {
	background-image: url("../resources/css/icons/last.png") !important;
}

.ui-icon-seek-first {
	background-image: url("../resources/css/icons/first.png") !important;
}

/* ACE Dialog */
.ui-dialog {
	border: 1px solid #333 !important;
	padding: 0 !important;
}

.ui-dialog-titlebar {
	background-color: #999 !important;
	border-bottom: 1px solid !important;
	font-weight: bold !important;
}

.ui-dialog .ui-dialog-content {
	border: 1px solid #000000 !important;
	border: none !important;
	padding: 0.5em !important;
}

.ui-dialog .ui-dialog-content .ribbon td {
	padding: 0;
}

.ui-dialog-titlebar {
	background: none !important;
	background-color: #999 !important;
	border: none !important;
	border-bottom: 1px solid #000000 !important;
	color: #333;
	font-size: 12px;
}

.ui-icon-closethick {
	background-position: 0 !important;
	background-image: url("../resources/css/icons/cross.gif") !important;
	background-repeat: no-repeat;
	/* border: 1px solid #333; */
}

/* Ace ToolTip */
.ui-tooltip {
	background-color: #ffffbf;
	background-image: none;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	font-size: 0.8em;
	padding: 3px;
}

.ice-ace-tooltip .ui-tooltip-content {
	padding: 0;
}

.ui-tooltip label {
	font-weight: bold;
}

.green {
	background-color: #A2C16C;
}

/* Ace Confirm Dialog */
.confirmDialog .ui-dialog-buttonpane, .confirmDialog .ui-dialog-buttonpane>table
	{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.confirmDialog .ui-dialog-buttonpane a {
	width: 115px;
	vertical-align: top;
}

/* Ace Datatable icons */
.ui-icon.ui-icon-pencil {
	background-image: none !important;
	display: inline !important;
	color: #999 !important;
}

.ui-icon-pencil:before {
	content: "\f040" !important;
	font-family: FontAwesome;
	text-align: center !important;
	padding: 5px !important;
}

.ui-icon.ui-icon-check {
	color: #5b914b !important;
	background-image: none !important;
	display: inline !important;
}

.ui-icon-check:before {
	content: "\f00c" !important;
	font-family: FontAwesome;
	text-align: center;
	padding: 5px;
}

.ui-icon.ui-icon-close {
	color: #FF0000 !important;
	background-image: none !important;
	display: inline !important;
}

.ui-icon-close:before {
	content: "\f00d" !important;
	font-family: FontAwesome;
	text-align: center;
	padding: 5px;
}

/* Block Planning */
.blockPlanning {
	
}

.blockPlanning>div>table>thead>tr>th {
	background: #DBDBDB none repeat scroll 0 0;
	border-bottom: 1px solid #000;
}

.blockPlanning .column .stop>table {
	background-color: #fff;
	border-color: #000000;
}

.blockPlanning.ui-datatable table {
	width: 95px;
}

.blockPlanning .stop>table {
	width: 110px;
}

.blockPlanning .stop>table {
	height: 90px;
}

.blockPlanning .stop-text {
	color: #737373;
}

.blockPlanning .stop .corner {
	background-image: url("../resources/css/icons/red-corner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

/* Home Screen */
.homeBlock {
	vertical-align: top;
}

/* Tabset */
.tab {
	width: 100%;
}

.tab .ui-tabs-panel {
	border: 1px solid;
}

.tab .ui-tabs-nav {
	border: none;
}

/* Animations */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
  }
  50% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }  
  100% {
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
  }
  50% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }  
  100% {
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
  }
  s
}

/* table > body etc done to also apply font size to timestamp fields on infoWindow */
.driverLocation, .driverLocation > table > tbody > tr > td > span {
	font-size: 10px;
}

.driverLocation.label {
	width: 40%;
	font-weight: bold;
}

.driverLocation.field {
	width: 60%;
}

.legendLabel{
	font-weight: bold;
	padding-right: 20px;
}

.legendField{
	
}

.planningBoard.collection{
	background-color: #84E488;
}

.planningBoard.delivery{
	background-color: #81CDE2;
}

.planningBoard.late{
	background-color: #FF0000;
	color: #FFFFFF;
}

.remarkTextArea{
	width: 300px;
	height: 100px;
}

.smallRemarkTextArea{
	width: 230px;
	height: 45px;
}

span.wrapper.centered {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

span.wrapper.centered .middle{
	margin-left: auto;
	margin-right: auto;
}

.middle {
	margin-left: auto;
	margin-right: auto;
}

span.wrapper.centered.wide {
	width: auto;
}



.green, .green:hover{
	color: #03A018;
	background-color: rgba(0, 0, 0, 0) !important;
}

.red, .red:hover{
	color: #FF0000;
	background-color: rgba(0, 0, 0, 0) !important;
}

.locationNotification{
	width: 100%;
	text-align: center;
	background-color: #82CE6B;
	border: 1px solid #5B914B;
}

.bold {
	font-weight: bold;
}

span.help {
    background: url(../resources/css/icons/help.png) no-repeat scroll 0 0 transparent;
    font-size: 0px;
    height: 16px;
    width: 16px;
    display: block;
}

/* Vehicle Icons */
span.regularSmall {
	background: url(../resources/css/icons/broker_map/vehicles/3.5t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.regularMedium {
	background: url(../resources/css/icons/broker_map/vehicles/18t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.regularLarge {
	background: url(../resources/css/icons/broker_map/vehicles/40t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.refrigeratedSmall {
	background: url(../resources/css/icons/broker_map/vehicles/ref_3.5t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.refrigeratedMedium {
	background: url(../resources/css/icons/broker_map/vehicles/ref_18t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.refrigeratedLarge {
	background: url(../resources/css/icons/broker_map/vehicles/ref_40t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.adrSmall {
	background: url(../resources/css/icons/broker_map/vehicles/adr_3.5t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.adrMedium {
	background: url(../resources/css/icons/broker_map/vehicles/adr_18t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

span.adrLarge {
	background: url(../resources/css/icons/broker_map/vehicles/adr_40t_truck.png) no-repeat scroll 0 0 transparent;
    display: block;
    width: 50px;
    height: 50px;
}

.centeredText {
	text-align: center;
}

.largeText {
	font-size: 1.2em;
}

.boldText {
	font-weight: bold;
}

.form_error_messages > div > ul {
	padding: 0 !important;
}

.form_error_messages > div > ul > li {
	border: 1px solid #cd0a0a;
    color: #cd0a0a;
    background: #ff9999 none repeat scroll 0 0;
    margin: 0 0 5px 0;
    padding: 5px;
    list-style: none;
}