/* 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, #CC0000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FFF 150px, #CC0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FFF 150px, #CC0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FFF 150px, #CC0000); /* Standard syntax */
	background-color: #CC0000;
}

#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/images/tesla_logo.png");
    height: 30px;
    width: 137px;
    background-repeat: no-repeat;
    line-height: 30px;
}

#header .large_logo {
    background-image: url("../resources/images/tesla_logo_big.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;
}

.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: center;
  	height: 25px;
  	width: 25px;
  	text-align: center;
  	line-height: 25px;
}

.control-button {
	margin: 10px;
  	height: 80px;
  	width: 80px;
  	line-height: 80px;
}

.control-button.fa:hover {
	color: #CC0000;
	background: none;
	border-radius: 0px;
}

.control-button.fa:active {
	background: none;
	color: #CC0000;
}

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

.fa:active {
	background: none;
	color: #CC0000;
}

.fa-green, .fa-green:hover{
	color: #CC0000;
	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;
}

/* 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;
}

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 {
	width: 5%;
	vertical-align: top;
}

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

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

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

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

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

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

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

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

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

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

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

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

table.columns .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;
}

.vehicleSelectList {
	height: 40px;
	font-size: 25px;
}

.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-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{
	height: 20px !important;
}

/* 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;
	
}

a.buttonBig, input.buttonBig, span.buttonBig {
	padding-left: 10px;
	padding-right: 10px;
	height: 72px;
	font-size: 36px;
    line-height: 72px;
}

/* 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;
}

a.button:hover .fa, a.button:hover .text,
a.buttonSmall:hover .fa, span.buttonSmall:hover .fa, input.buttonSmall:hover .fa{
	color: #CC0000;
	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 */
.menuBarContainer{
	background: #999 none repeat scroll 0 0;
}

.menuBar {
	background: #999 none repeat scroll 0 0;
}

/* 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-state-active .ui-icon{
	background-image: url("../javax.faces.resource/themes/sam/images/ui-icons_222222_256x240.png.jsf?ln=icefaces.ace&v=3_3_0_130416");
}

.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;
}

.ui-datatable .ui-widget-content tr.ui-state-active, .ui-datatable .ui-widget-content tr.ui-state-hover {
    background: none #69BD44;
    border: none !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: 100px;
}

/* 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;
}





/* 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);
  }
  
}

/* Control Screen */
.controlText {
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
}
.controlTextSmall {
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
}

.homeButtons {
	padding: 50px !important;
}

.imsysmngMessages {
	padding: 50px !important;
}