@CHARSET "ISO-8859-1";

body,html,.ui-widget,.ui-widget-content,.ui-widget-header,.ui-widget-header a,.ui-inputtext,.ui-dialog,.ui-panel .ui-widget-content,
.ui-datatable .ui-inputfield, .btn-default, .btn.btn-default
	{
	font-family: "open_sansbold", "wf_SegoeUILight", "wf_SegoeUI",
		"Segoe UI", "Segoe", "Segoe WP",
		"Tahoma", "Verdana", "Arial", "sans-serif" !important;
	font-size: 13px;
	color: black;
}

.ui-inputtext {
	width: 85%;
	margin: 3px;
}

.content .ui-widget,.content .ui-widget-content,.content .ui-widget-header,.content .ui-widget-header a,.content .ui-inputtext
	{
	font-size: 13px;
	color: black;
}

body,html {
	height: 100%;
}
/* 
HEADER 
 */
.header {
	/* background: url('/mobile_courier/secure/javax.faces.resource/background23.png?ln=img') -100px 10px no-repeat #9edbb5;
	 */
	margin-top: -10px;
}

.web-header {
	padding-left: 5px;
	padding-right: 5px;
}

.content_header {
	padding: 10px;
	background:
	url('/mobile_courier/secure/javax.faces.resource/background23new.png?ln=img')
	-132px 0px #555 no-repeat;
	height: 60px;
}

.header_space {
	height: 60px;
}

.logo-header {
	background:
		url('/mobile_courier/secure/javax.faces.resource/selognew.png?ln=img')
		no-repeat;
	width: 140px;
	height: 45px;
	margin-left: 5px;
	float: left;
}

.border-header {
	width: 100%;
	min-height: 4px;
	color: #fff;
	background: #444;
	border-bottom: 1px solid #555 !important;
}
/* USER MANAGEMENT */
.user-management {
	background: #666;
	padding: 3px;
	padding-top: 10px;
	paddting-bottom: 10px;
	min-height: 150px;
	color: #fff;
}

.user-management .photo {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 1000px;
	overflow: hidden;
}

.user-management .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.user-management .photo img {
	width: 100% !important;
	height: 100%;
	border-radius: 1000px;
}

/*  
CONTENT
*/
.content {
	padding-top: 0px;
	box-shadow: 0px 0px 0px #bbb;
	background: #fcfcfc;
	min-height: 100%;
	margin-top: -3px;
	padding-bottom: 50px;
}

.ui-layout-north {
	margin: 0px;
	padding: 0px;
	border: none;
}

/*  
DASHBOARD
*/
.ui-dashboard .ui-widget-content .ui-widget-header a {
	border: none;
	background: none;
	box-shadow: none;
	font-weight: normal;
}

.ui-dashboard .ui-widget-content .ui-widget-header .ui-panel-title {
	font-weight: normal;
}

/* THEME FOR PANEL */
.ui-panel {
	padding: 0px;
	margin-bottom: 5px;
}

.ui-panel .ui-widget-content td {
	padding: 2px;
}

.ui-panel .ui-widget-content .ui-widget-header a {
	border: none;
	background: none;
	box-shadow: none;
	font-weight: normal;
}

.ui-panel .ui-widget-content .ui-widget-header .ui-panel-title {
	font-weight: normal;
}

.ui-panel .ui-widget-content td,.ui-panel .ui-widget-content tr {
	padding: 5px;
}

/* .ui-inputfield {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
} */
.ui-selectonemenu,.ui-inputfield,.ui-widget-content .ui-inputfield {
	border-radius: 3px;
	box-shadow: 0px 0px 0px #fff;
}

.ui-widget-content .ui-inputfield:focus {
	box-shadow: 1px 1px 5px #50c093;
	border: thin solid #50c093;
}

/* ONE MENU */
.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 25px;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 6px;
}

.ui-selectonemenu-panel {
	border-radius: 0px 0px 3px 3px;
}

/* DATEPICKER  */
.ui-datepicker {
	border-radius: 0px;
	padding: 0px;
}

.ui-datepicker .ui-datepicker-header {
	background: #fff;
}

.ui-datepicker .ui-datepicker-header {
	color: #006CD9/* #36F*//* #000BA5*/;
	text-shadow: none;
}

.ui-datepicker table tbody td a {
	color: #2c7e5d !important;
}

.ui-datepicker .ui-datepicker-header a {
	background: none;
	box-shadow: 0px 0px 0px #ccc;
	border: none;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: #2c7e5d;
	color: #fff;
	border-radius: 100px;
	padding: 0px;
	margin-left: 7px;
	margin-right: 5px;
}

.ui-datatable tbody td {
	white-space: normal;
}

.ui-widget-overlay {
	background: #555;
}

.ui-treenode .ui-state-highlight,.ui-treenode .ui-widget-content .ui-state-highlight
	{
	text-shadow: none;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .70;
    filter: Alpha(Opacity=70);
    background-image: none;
}

.ui-panelmenu {
	border-top: 1px solid #4a4a4a !important;
}

.ui-panelmenu-panel .ui-state-default a,.ui-panelmenu-panel  .ui-widget-content .ui-state-default a
	{
	color: #fff !important;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
}

.ui-panelmenu-panel .ui-state-default,.ui-panelmenu-panel  .ui-widget-content .ui-state-default
	{
	background: #444 !important;
}

.ui-panelmenu-panel .ui-state-default,.ui-panelmenu-panel .ui-widget-content .ui-state-default
	{
	border: none !important;
	box-shadow: 0px 0px !important;
	border-bottom: 1px solid #555 !important;
	padding: 5px !important;
	border-radius: 0px !important;
}

.ui-panelmenu .ui-icon-triangle-1-e {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-plus.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
}

.ui-panelmenu .ui-icon-triangle-1-s {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-minus.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
}

.ui-panelmenu .ui-icon {
	display: inline-block;
	float: right !important;
	margin-right: -15px !important;
	border-radius: 0px !important;
}

.ui-panelmenu .ui-widget-content {
	background: #585858 !important;
	padding: 5px !important;
	border: none !important;
}

.ui-panelmenu .ui-widget-content a {
	color: #fff !important;
}

.ui-panelmenu .ui-widget-content a:hover {
	background: none !important;
	box-shadow: 0px 0px 0px #fff !important;
	text-shadow: none !important;
	border-radius: 0px !important;
	font-weight: bold !important;
}

.ui-panelmenu .ui-widget-content li {
	
}

.ui-icon.product {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-product.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.service {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-service.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}


/* add by faris */
.ui-icon.return1 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-return1.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.broken {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-broken.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}




.ui-icon.tariff {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-tariff.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.cancel {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-cancel.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.download-pdf {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-download-pdf.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.pickup-item{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-pickup-item.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.pickup-order{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-product.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.loading-management{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-loading-management.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.loading-management{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-loading-management.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.departure{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-departure.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.unloading{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-unloading.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.authorization{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-authorization.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.process-order{
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-process-order.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.charge {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-charge.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.additional {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-about.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.order {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-order.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.ticket {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-customer-support.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.customer {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-customer.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.forcemajor {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-force-major.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.delivery {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-delivery.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.assignment {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-assignment.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.insert {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-add.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.delete {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-delete.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.edit {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-edit.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.view {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-manage.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.search {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-search.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.organisation {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-organisation.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.calendar {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-calendar.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.location {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-location.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.insert-row {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-add-row.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.return {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-return.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.mails {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-mails.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.marker {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-marker.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.upload {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-upload.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.staff {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-staff.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.setting {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-setting2.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.manageuser {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-usermanagement.png?ln=img')
		no-repeat;
	background-size: 16px 16px !important;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.group-access {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-security.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.hierarchy {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-hierachy.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report1 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart1.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report2 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart2.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report3 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart3.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report4 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart4.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report5 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart5.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

.ui-icon.report6 {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-chart6.png?ln=img')
		no-repeat;
	background-size: 16px 16px;
	float: left !important;
	margin-right: 10px !important;
}

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

.ui-tabs .ui-tabs-panels {
	border: thin solid #ddd !important;
	padding: 5px !important;
	background: #fff !important;
}

.ui-tabs .ui-tabs-nav {
	background: none !important;
	margin-left: 10px !important;
}

.ui-tabs .ui-tabs-nav li {
	background: #fff !important;
	margin-right: 0px !important;
	border-radius: 0px !important;
	border: thin solid #ddd !important;
	border-right: none !important;
	border-bottom: none !important;
}

.ui-tabs .ui-tabs-nav li:first-child {
	border-radius: 5px 0px 0px 0px !important;
}

.ui-tabs .ui-tabs-nav li:last-child {
	border-radius: 0px 5px 0px 0px !important;
	border-right: thin solid #ddd !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #fafafa !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #2B7D5C !important;
	font-weight: bold !important;
}

.ui-tabs .ui-tabs-nav li:hover {
	background: #fafafa !important;
	box-shadow: 0px 0px 0px #fff !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: #2B7D5C !important;
	font-weight: bold !important;
}

.header-left {
	padding: 0px !important;
	background: none !important;
	vertical-align: top !important;
}

.header-left .ui-menubutton .ui-button {
	background: none !important;
	width: 40px !important;
	height: 40px !important;
	border: none !important;
	margin-right: 20px !important;
}

.header-left .ui-menubutton  .ui-icon {
	width: 50px !important;
	height: 50px !important;
}

.header-left .ui-menubutton .ui-icon-triangle-1-s {
	background:
		url('/mobile_courier/secure/javax.faces.resource/icon/icon-white-setting.png?ln=img')
		no-repeat;
	background-size: 32px 32px;
	float: left !important;
	border-radius: 0px;
	margin-top: -18px !important;
}

.ui-menu li:hover {
	background: #fff !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

.ui-menu li a {
	font-size: 14px !important;
}

.ui-menu li a:hover {
	font-weight: 300 !important;
}

.ui-menu {
	background: #fff !important;
	padding: 5px !important;
}

.vcenter {
	display: inline-block !important;
	vertical-align: middle !important;
	float: none !important;
}

.ui-picklist tbody tr td table {
	width: 100% !important;
}

.ui-picklist tbody tr td:nth-child(1) {
	width: 45% !important;
}

.ui-picklist tbody tr td:nth-child(2) {
	width: 5% !important;
}

.ui-picklist tbody tr td:nth-child(3) {
	width: 55% !important;
}

.ui-picklist .ui-picklist-list {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
	overflow: auto !important;
	height: 200px !important;
	width: 100% !important;
}

.ui-picklist .ui-picklist-caption {
	border: thin solid #e5e5e5 !important;
	border-bottom: none !important;
	font-weight: normal !important;
	background: #f5f5f5 !important;
}

.ui-picklist .ui-picklist-item:hover {
	background: #2E8361 !important;
	color: #fff !important;
	box-shadow: 0px 0px 0px 0px #ccc !important;
}

.ui-picklist .ui-picklist-item:focus {
	background: #2E8361 !important;
	color: #fff !important;
	box-shadow: 0px 0px 0px 0px #ccc !important;
}

.animated .ui-progressbar-value {
	background-image:
		url('/mobile_courier/secure/javax.faces.resource/loading-bar.gif?ln=img');
}

div.errorBackground {

	width:100%;
	height:100%;
	background-color: #FFF;
	border-top: 60px solid #3AC18A;
	border-left: none;
	border-right: none;
	color: #5c5c5c;
	overflow: none;
	vertical-align: middle;
}

.errorBackground .colorText{
	color: #3AC18A !important;
	font-size: 124px !important;
	font-weight: bold !important;
}

.errorBackground .errorText{
	font-size: 50px !important;
	font-weight: bold !important;
}

.errorBackground h5{
	font-size: 16px !important;
}

.errorBackground a{
	color: #3AC18A;
}

.errorBackground a:hover{
	color: #3AC18A;
	text-decoration: underline;
}

.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 100%; /* You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.errorBackground .row{
	padding: 10px;
	margin-top:-100px;
}


/*
*DASHBOARD CSS
*/

/*---------ORDERDASHBOARD CSS*/

.dashboardWidgetBody{
	width:100%; 
	min-height: 110px; 
	background: #fcfcfc;
	margin-bottom:10px;
	padding:10px;
	color:#fff;
	border-radius:5px;
}

.dashboardWidgetBody h5{
	font-weight: bold;
}

.dashboardWidgetBody hr{
	border: 1px solid #fff;
}

.dashboardWidgetBody .valueDashboard{
	font-size: 20px;
	font-weight: bold;
}

.dashboardWidgetBody .valueDashboard2{
	font-size: 50px;
	font-weight: bold;
}

.revenueDashboard .valueDashboard{
	font-size: 15px;
	font-weight: bold;
}

.customerDashboard{
	background: #2980B9;
}

.revenueDashboard{
	background: #F1C40F;
}

.complaintDashboard{
	background: #C0392B;
}

.orderDashboard{
	background: #2ECC71;
}

.processOrderDashboard{
	background: #F1C40F;
}

.departureOrderDashboard{
	background: #27AE60;
}

.unloadingOrderDashboard{
	background: #2980B9;
}

.ui-datatable td.ui-editable-column{
	color:#000 !important;
}