 /*********************************************
 * CSS for VAS5 Layout
 * FuM Style
 *	
 * 10.12.2010 JGA
 **********************************************
 */
 
 
 /***********************************************************************************
 * Axians blue *
 ***********************************************************************************/
 .fum-listicon,
.z-paging .z-paging-icon,
.z-listitem-selected .z-listitem-icon,
.z-listheader-checkable.z-listheader-checked .z-listheader-icon {
    color: #005EB8;
}

.subnode.z-treerow.z-treerow td.z-treecell {
	border-left: 3px solid #005EB8;
}

.fum-listicon {
    font-size: 14px;
}
.fum-treeicon {
    color: #DADADA;
    text-shadow: none;
	font-size: 14px;
}
.fum-treesearch .z-toolbarbutton:hover {
	background: none;
}

/*-------------- Header --------------*/
.fum-menuBar.z-menubar, .headerArea { 
	background-image: none;
	background-color: #005EB8;
}

/***********************************************************************************
 * Login Page *
 ***********************************************************************************/
.login-area {
	padding: 5px;
}
.login-area .z-grid {
	background: transparent;
	border: none;
}
.login-bl.z-borderlayout {
	background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.login-bl .z-borderlayout {
	background-color: #FFFFFF;
}
.login-header {
    background-image: none;
}
.login-header div {
    background-image: none;
}
.login-bl .z-center {
    background-image: none;
}
.login-header.z-north, .login-bl .z-center, .login-bl .z-south {
	background-color: transparent;
}
.login-lo {
    background-image: none;
    box-shadow: 0 0 4px #BBBBBB;
    margin-left: auto;
    margin-right: auto;
    right: 150px;
    top: 80px;
    width: 506px;
}
.login-lo1 {
    padding: 8px 15px;
    background-color: #005EB8;
}
.login-lo2 {
	background: none repeat scroll 0 0 rgba(70, 78, 87, 0.7);
    padding: 10px 15px 5px;
}
.login-lo3 {
    padding: 15px;
    background: none repeat scroll 0 0 rgba(70, 78, 87, 0.7);
    text-align: right;
}
.login-lo4 {
    background: none repeat scroll 0 0 rgba(70, 78, 87, 0.7);
    padding: 0 15px;
}
.login-lo, .login-lo3 {
    border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.login-lo, .login-logo {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.login-lo input, .login-lo select {
    padding: 6px;
}
.login-label .z-label,
.login-area .z-checkbox-content {
    text-shadow: none;
	color: #efefef;
	font-size: 14px;
}
.login-headsmall .z-label {
    color: #efefef;
    font-weight: normal;
    text-shadow: none;
    font-size: 14px;
}
.login-logo {
	background: none repeat scroll 0 0 rgba(245, 245, 245, 0.7);
	padding: 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.login-logo:before {
	background-repeat: no-repeat;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
	z-index: -1;
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	top: -20%;
	left: 0%;
}
.login-label-failed.z-div {
	padding: 10px 0;
}
.login-label-failed .z-label {
	color: #A9445C;
	background-color: #F2DEDE;
	border: 1px solid #A9445C;
	padding: 5px;
	display: block;
	border-radius: 6px;
}

.login-label-addtext.z-div {
	padding: 10px 0;
}
.login-label-addtext .z-label {
	color: #FFFFFF;
	background-color: #005EB8;
	border: 1px solid #FFF6;
	padding: 5px;
	display: block;
	border-radius: 6px;
}
.login-pw-reset{
    background: none repeat scroll 0 0 rgba(70, 78, 87, 0.7);
    padding-top: 5px;
}
.login-pw-reset-link{
    color: white;
    font-family: Arial, sans-serif;
    font-size: 13px;
}
.login-area .z-a {
	color: #EFEFEF;
}

/***********************************************************************************
 * Submenu and Rootpannel in iDispo *
 ***********************************************************************************/
 
.root-panel {
	margin: 20px;
}
.root-panel .z-panelchildren {
	padding: 20px 0px;
	background-color: #f2f2f2;
}
.root-panel .z-panel-header {
	font-weight: bold;
}
.root-box {
	border: 1px solid #cfcfcf;
	background-color: #f9f9f9;
	padding: 30px;
	
}
.root .z-button {
	height: 70px;
	font-size: 18px;
}
.root-panel .z-button {
	border-color: #d5d5d5;
	background-color: #fafafa;
}

.root-panel .z-button [class*="z-icon"] {
    font-size: 18px;
}

.submenu {
   padding: 6px 10px;
   background-color: #4C4C4C;
   box-shadow: 0 0 7px #333;
   height: 45px;
}
.submenu .h1 {
   font-size: 18px;
}
.submenu .h2 {
   font-size: 11px;
}
.submenu .h3 {
   font-weight: bold;
}
.submenu .z-label {
   color: #FFFFFF;
}
.submenu [class*="z-icon"], .submenu .z-icon-home {
   color: #FFFFFF;
   font-size: 25px;
   vertical-align: bottom;
}
.submenu-userprofile {
   cursor: pointer;
}
.submenu-userprofile:hover .z-icon-user,
.submenu-userprofile:hover .z-label {
   color: #ccc;
}

/***********************************************************************************
 * Statusbar *
 ***********************************************************************************/
.fum-notify-popup {
   border: 3px solid !important;
   border-radius: 10px !important;
}
.fum-notify-popup .z-label {
   color: #FFFFFF;
}
.fum-notify-popup .z-window-content,
.fum-notify-popup .z-west, 
.fum-notify-popup .z-east, 
.fum-notify-popup .z-center,
.fum-notify-popup .z-borderlayout {
   background: transparent;
}

.fum-notify-popup .z-window-content {
   padding: 2px;
}

.fum-notify-info {
   background-color: #55b93c;
   border-color: #8ec456 !important;
   color: #FFF;
   opacity: .75; filter: alpha(opacity=75);
}
.fum-notify-error {
   background-color: #D4021D;
   border-color: #fe314d !important;
   color: #FFF;
   opacity: .85; filter: alpha(opacity=85);
}
.fum-notify-important {
   background-color: #365cce;
   border-color: #5a7bdf !important;
   opacity: .90; filter: alpha(opacity=90);
   color: #FFF;
}

.fum-notify-info-title {
   font-family: arial,sans-serif;
   font-size: 22px;     
}

.fum-notify-info-label {
   font-family: arial,sans-serif;
   font-size: 16px;    
}

.statusRegion .z-hlayout-inner td {
	white-space: nowrap;
}

/***********************************************************************************
 * Basic FuM VAS5 styles *
 ***********************************************************************************/
.fum-h2 {
   font-size: 18px;
}
.fum-h3 {
   font-size: 28px;
}

.fum-rootlogo {
   text-align: center;
   background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);
   padding: 10px 0;
}
.fum-rootlogo .z-image {
   padding-bottom: 15px;
}

/*-------------- Is-Must fields --------------*/
/*empty and disabled elements */
/*readonly elements */
.fum-inputelement-filled {
	/*background: #ffffff; Nicht n�tig */
}
.fum-listbox-filled {
   /*background: #ffffff; Nicht n�tig */
}

.fum-listbox-empty,
.fum-listbox-empty-disd { 
	background: #FFFFCC; 
   border: 1px solid #ABADB3; 
   overflow: hidden; 
   zoom: 1;
}
.fum-listbox-empty-disd {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}

/*-------------- Primary Key fields --------------*/
.fum-primarykey-field {
	/*background-color: #E8F6FF;*/
   border: 1px solid #005FB7 !important;
   overflow: hidden; 
   zoom: 1;
}
/*
.fum-sp-gridout {
	margin-top: 5px;
	margin-bottom: 5px;
	margin: 5px;
}
*/
/*-------------- No sort-icons OLD --------------*/
.fum-sp-searchtable div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {
 	background: none;
 	padding-right: 0px;
} 
.fum-sp-searchtable div.z-listbox-header th.z-listheader-sort-asc div.z-listheader-cnt {
	background: none;
 	padding-right: 0px;
}
.fum-sp-searchtable div.z-listbox-header th.z-listheader-sort-dsc div.z-listheader-cnt {
	background: none;
 	padding-right: 0px;
}

/*-------------- No sort-icons --------------*/
.fum-st.noordericon div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {
 	background: none;
 	padding-right: 0px;
} 
.fum-st.noordericon div.z-listbox-header th.z-listheader-sort-asc div.z-listheader-cnt {
	background: none;
 	padding-right: 0px;
}
.fum-st.noordericon div.z-listbox-header th.z-listheader-sort-dsc div.z-listheader-cnt {
	background: none;
 	padding-right: 0px;
}

.fum-infolabel {
	color: #8f8f8f;
	padding-left: 10px	
}

.ias-errorlabel {
   color: #D4021D;
   padding-left: 10px   
}

.ias-successlabel {
   color: #95C11F;
   padding-left: 10px   
}

/*
.fum-sp-searchtable {
	margin-top: 2px;
}
*/
/*-------------- Center report iframe --------------*/
.fum-reportarea {
	width: 247px;
	height: 170px;
	margin-left:auto; 
	margin-right:auto;
	margin-top:5px;
	border: none;
}
.fum-reportarea iframe {
	width: 247px;
	height: 170px;
	border: 1px solid;
	border-color: #FCFCFC #D1D1D1 #D1D1D1 #FCFCFC;
	background-image: url("/operator-holcim-ru/zkau/web/50864b47/vas-zk-theme/img/zul/fum/misc/grid-head.png");
	background-repeat: repeat-x;
	background-color: #F4F4F4;
}

/*-------------- Nicht zu viel blau auf Tree --------------*/
div.z-tree {
   overflow:hidden;
}
/* ggf noch Rand mit 0px solif rausnehmen
.z-window-embedded-cnt {
border:0px solid #538BA2;
margin:0;
padding:0px;
}*/


/*SEC:MENUBAR-HORIZONTAL:bannerMenu*/
/*RULE:MENU*/
.z-menubar-hor.bannerMenu .z-menu-btn{
	font-size : 14px; /*PRO*/
	font-style : italic; /*PRO*/
	font-weight : bold; /*PRO*/
	text-decoration : underline; /*PRO*/
}
	.z-menubar-hor.bannerMenu .z-menu-inner-l
	, .z-menubar-hor.bannerMenu .z-menu-inner-r
, .z-menubar-hor.bannerMenu .z-menu-inner-m{
	background-image : none; /*PRO*/
}
	
/*RULE_E*//*RULE:MENU-ARROW*/
.z-menubar-hor.bannerMenu .z-menu-inner-m div{
	background-image : none; /*PRO*/
	background-position : top right;
}
	
/*RULE_E*//*RULE:MENUITEM*/
.z-menubar-hor.bannerMenu .z-menu-item-btn{
	font-size : 14px; /*PRO*/
	font-style : italic; /*PRO*/
	font-weight : bold; /*PRO*/
	text-decoration : underline; /*PRO*/
}
	.z-menubar-hor.bannerMenu .z-menu-item .z-menu-item-inner-l
	, .z-menubar-hor.bannerMenu .z-menu-item .z-menu-item-inner-m
	, .z-menubar-hor.bannerMenu .z-menu-item .z-menu-item-inner-r
{
	background-image : none; /*PRO*/
}
	
/*RULE_E*/
/*SEC_E*/

/*-------------- Add the same vertical alignment for elements in one cell --------------*/
.fum-fixvalign .z-button-os,
.fum-fixvalign .z-textbox,
.fum-fixvalign .z-decimalbox,
.fum-fixvalign .z-doublebox,
.fum-fixvalign .z-longbox
.fum-fixvalign .z-intbox,
.fum-fixvalign .z-decimalbox-disd,
.fum-fixvalign .z-doublebox-disd,
.fum-fixvalign .z-longbox-disd,
.fum-fixvalign .z-intbox-disd,
.fum-fixvalign .z-separator-ver,
.fum-fixvalign select,
.fum-fixvalign img,
.fum-fixvalign .z-separator-ver-bar {
	vertical-align: middle;
}

/*-------------- Loading overview panel --------------*/
.fum-loadingDiv1, .fum-loadingDiv2 {
	padding: 20px;
}

/*-------------- Seal panels --------------*/
.fum-seal-div {
	padding: 10px;
	margin: 10px 20px 10px 20px;
}
.fum-seal-div.fum-seal-info {
	border: 3px solid;
	background-color: #55B93C;
   border-color: #8EC456
}
.fum-seal-div.fum-seal-important {
	border: 3px solid;
	background-color: #365CEE;
   border-color: #5A7BDF;
}
.fum-seal-div.fum-seal-error {
	border: 3px solid;
	background-color: #D4021D;
   border-color: #fE314D;
}
.fum-seal-div .z-label {
	color: #FFFFFF;
}

/*-------------- Format for input elements --------------*/
.fum-inputelement-correct {
	border: 1px solid #55B93C;
}
.fum-inputelement-wrong {
	border: 1px solid #D4021D;
}

/*-------------- SQL status textbox --------------*/
.fum-sqlstatus-success, .fum-sqlstatus-error, .fum-sqlstatus-running  {
	background-image: none !important;
	width: 100%;
}
.fum-sqlstatus-success {
	background-color: #55B93C !important;
	color: #FFFFFF;
}
.fum-sqlstatus-error {
	background-color: #D4021D !important;
	color: #FFFFFF;
}
.fum-sqlstatus-running {
	background-color: #FFDF80 !important;
	color: #000000;
}

/*------------- FuM Panel ----------------*/
.fum-filter {
	width: 100%;
	overflow: auto;
	padding: 5px;
	background-color: #FAFAFA;
}
.fum-filter-grid {
	border-top-color: #FCFCFC;
	border-bottom-color: #D1D1D1;
	border-width: 0px;
	border-style: solid;
	margin: 0 !important;
}
.fum-filter-radio {
	border-width: 0px;
	border-style: solid;
	border-top-color: #FCFCFC;
	border-bottom-color: #D1D1D1;
	background-color: #FAFAFA;
	padding: 4px;
}
.fum-filter-seperator {
	border-width: 0px;
	border-top-color: #FCFCFC;
	border-bottom-color: #D1D1D1;
	border-style: solid;
	background-color: #FAFAFA;
}
/*
span .z-vbox,
span .z-hbox,
span .z-vlayout,
.ias-checkboxgroup {
	background-color: #FFFFFF;
}
/*
.fum-panel .z-tabbox {
	border-top: 1px solid #CCCCCC;
}
*/
/*-------- record Status Info Component ---------*/
.recordStatusInfoComponent {
	height: 25px;
	width: 100%;
	padding: 3px;
}
/***********************************************************************************
 * General customization of ZK components *
 ***********************************************************************************/
 
/*-------------- Misc --------------*/

.z-window-embedded-cnt {
	padding: 0;
}
/* kein Zeilenumbruch bei radiobuttons */
.z-radio {
	white-space:nowrap;
}

/* overwrite color of disabled inputelements 
* dont work in IE at the moment! */
.z-textbox-disd,   .z-decimalbox-disd,   .z-intbox-disd,   .z-longbox-disd,   .z-doublebox-disd,
.z-textbox-disd *, .z-decimalbox-disd *, .z-intbox-disd *, .z-longbox-disd *, .z-doublebox-disd * {
	color: #000000 !important;
}

/*-------------- menu images and icons ---------*/
.z-menuitem-img {
	background-position: center;
	background-repeat: no-repeat;
}

.z-menu-content i:first-child {
   margin-right: 9px;
}

/*-------------- Header --------------*/
.fum-menuBar.z-menubar, .headerArea { 
	background-image: none;
	background-color: #005EB8;
}

.fum-menuBar {
	height: 60px;
	border: 0;
	padding-top: 17px;
}
.fum-menuBar .z-menu-text {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: none;
}
.headerArea .z-west-header {
	color: #AAAAAA;
	background: none;
}
.companyInfoArea .z-vbox, .companyInfoArea .z-label {
   color: #FFFFFF;
   padding-top: 17px;
   font-size: 15px;
   font-weight: bold;
}
.logoArea {
	text-align: right;
	padding-right: 10px !important;
}
.scriptArea {
   font-family: Courier, 'Courier New', monospace;
}

.z-menupopup {
    overflow-y: auto;
    max-height: 80%;
}

/*-------------- Labels ---------------------*/
.lbl-color-light {
	color: #8f8f8f;
}
.lbl-color-green {
	color: #95C11F;
}
.lbl-color-red {
	color: #E50051;
}
.lbl-color-purple {
	color: #662483;
}
.lbl-color-blue {
	color: #005EB8;
}
.lbl-color-ruby {
	color: #A20067;
}
.lbl-color-orange {
	color: #EC6726;
}
.lbl-color-yellow {
	color: #FFCC00;
}

/*-------------- Modal windows --------------*/


/*-------------- Buttons --------------*/
.z-button [class^="z-icon-"] {
	font-size: 14px;
}
.z-span .z-button {
    margin: 0;
}

/************************************************************
      Tabbox Tabs Tab Tabpanels Tabpanel 
 ***********************************************************/
.z-tabpanel,.z-tabbox-ver .z-tabpanel-ver {
	padding: 0;
	overflow: auto;
}
.z-tabs .z-tabs-cnt {
	padding-left: 5px;
	padding-top: 1px;
}
.z-tabs-header {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
	
	border-top: 1px solid #FFFFFF;
}

/*-------------- Borderlayout --------------*/
.z-north,.z-south,.z-west,.z-center,.z-east {
	border: none;
	border-color: #ABA799;
}

/*-------------- Listbox ------------------*/ 
.z-listbox-autopaging .z-listcell-cnt {
	height: inherit;
}
div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {
	text-shadow: 1px 1px #FFFFFF;
}

.fum-st.noborder.z-listbox {
	border-width: 1px 0 0;
}

/*-------- Livesearch Combobox Results ----------*/
/*-------------- Yellow background in Combobox if result has more elements than visible --------------*/
.fum-st.hasmorerec.z-comboitem {
   background-color: #FFFFDD;
}
.fum-st.hasmorerec.z-comboitem.z-comboitem-selected {
   background-color: #EDDD80;
   background-image: none;
   border-top: 1px solid #ECDB79;
   border-bottom: 1px solid #ECDB79;
}
.fum-st.hasmorerec.z-comboitem:hover {
   border-top: 1px solid #ECDB79;
   border-bottom: 1px solid #ECDB79;
   border-style: solid;
   background-color: #EDDD80;
   background-image: none;
}
.fum-st.hasmorerec.z-comboitem.z-comboitem-disabled:hover{
   background: 0;
   border: 0;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}

/*-------- searchtable ----------*/
/*-------------- Yellow background in searchtable if result has more elements than visible --------------*/
.fum-st.hasmorerec .z-listitem.z-listbox-odd {
	background-color: #FFFFCC;
}
.fum-st.hasmorerec .z-listitem {
	background-color: #FFFFDD;
}
.fum-st.hasmorerec .z-listitem.z-listitem-selected.z-listbox-odd .z-listcell {
	background-color: #EDDD80;
	background-image: none;
	border-top: 1px solid #ECDB79;
	border-bottom: 1px solid #ECDB79;
}
.fum-st.hasmorerec .z-listitem.z-listitem-selected .z-listcell {
	background-color: #EDDD80;
	background-image: none;
	border-top: 1px solid #ECDB79;
	border-bottom: 1px solid #ECDB79;
}
.fum-st.hasmorerec .z-listitem:hover > .z-listcell {
	border-top: 1px solid #ECDB79;
	border-bottom: 1px solid #ECDB79;
	border-style: solid;
	background-color: #EDDD80;
	background-image: none;
}
.fum-st.hasmorerec .z-listitem.z-listitem-disabled:hover > .z-listcell {
   background: 0;
   border: 0;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}

/*-------- searchtable ----------*/
/*-------------- blue background in searchtable if row has a info charakter --------------*/
.fum-st .z-listitem-info.z-listbox-odd, .fum-st.hasmorerec .z-listitem-info.z-listbox-odd {
   background-color: #c7e4eb;
}
.fum-st .z-listitem-info, .fum-st.hasmorerec .z-listitem-info {
   background-color: #CCF6FF;
}
.fum-st .z-listitem-info:hover > .z-listcell, .fum-st.hasmorerec .z-listitem-info:hover > .z-listcell {
   border-top: 1px solid #92cad8;
   border-bottom: 1px solid #92cad8;
   background-color: #81c1d1;
}
.fum-st .z-listitem-info.z-listitem-selected .z-listcell, .fum-st.hasmorerec .z-listitem-info.z-listitem-selected .z-listcell {
   background-color: #a7d5e0;
   border-top: 1px solid #92cad8;
   border-bottom: 1px solid #92cad8;
}
/*-------------- red background in searchtable if row has a error charakter --------------*/
.fum-st .z-listitem-error.z-listbox-odd, .fum-st.hasmorerec .z-listitem-error.z-listbox-odd {
   background-color: #ffd9d9;
}
.fum-st .z-listitem-error, .fum-st.hasmorerec .z-listitem-error {
   background-color: #ffe8e8;
}
.fum-st .z-listitem-error:hover > .z-listcell, .fum-st.hasmorerec .z-listitem-error:hover > .z-listcell {
   border-top: 1px solid #ffd9d9;
   border-bottom: 1px solid #ffd9d9;
   background-color: #ffaeae;
}
.fum-st .z-listitem-error.z-listitem-selected .z-listcell, .fum-st.hasmorerec .z-listitem-error.z-listitem-selected .z-listcell {
   background-color: #ffd2d2;
   border-top: 1px solid #ffc1c1;
   border-bottom: 1px solid #ffc1c1;
}
/*-------------- Tree --------------*/
.treeRegion .z-west-header {
	background: none;
	border-bottom: 0px;
	color: #F6F6F6;
}
div.z-tree, .treeRegion.z-west.z-west-noborder,
.z-tree-body table {
    background-color: #596068;
}
tr.z-treerow, tr.z-treerow a, tr.z-treerow a:visited {
	height: 35px;
}
.fum-treesearch {
	height: 30px;
	padding: 3px 0px 0px 3px;
	background-color: #596068;
}
.fum-treesearch .z-textbox {
	background-color: #596068;
	border-color: #9C9999;
	color: #C4C7C9;
}
.z-treerow.z-treerow-selected .z-treecell {
    background-color: #464E57;
}
.z-treecell:hover {
	background-color: #464E57 !important;
}
div.z-treefooter-cnt, div.z-treecell-cnt, div.z-treecol-cnt {
	color: #333333;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF;
	white-space: nowrap;
}
.z-tree-icon,
.z-tree-icon:hover {
    color: #F6F6F6;
}
.z-treecell-text {
    color: #F6F6F6;
}
.z-treerow.z-treerow-selected .z-treecell-text {
    color: #CCCCCC;
}

/*-------------- Grid --------------*/
.z-grid {
	margin: 5px;
}

/*-------------- Inlinerid --------------*/
.ias-inlinegrid {
	margin: 0;
	padding: 0;
}
.ias-inlinegrid.no-border{
	border: none;
}

span .z-vbox,
.ias-checkboxgroup {
	border: 1px solid #CFCFCF;
	padding: 5px;
}

/*-------------- Toolbar --------------*/
.z-toolbar {
	height: 40px !important;
	background: linear-gradient(to bottom, #FDFDFD 0%, #EAEAEA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 rgba(255, 255, 255, 0.5);
    border-color: #D0D0D0;
}
.z-toolbar-start, .z-toolbar-panel .z-toolbar-panel-start .z-toolbar-panel-cnt {
    padding-top: 2px;
}
.z-toolbar-start {
   float: none !important;
}
.z-toolbarbutton-cnt {
	padding-left: 5px;
}
.z-toolbarbutton-over .z-toolbarbutton-cnt {
	background-color: #FAFAFA;
	background-image: none;
}
.z-toolbarbutton-over, .z-toolbarbutton-over .z-toolbarbutton-body {
	border-color: #c0c0c0;
}

.toolbarlblonline {
	font-size: 11px;
	color: #298ecb;
}
.toolbarlbloffline {
	font-size: 11px;
	color: #4e4e4e;
}
.z-toolbar .z-icon-info-circle {
	font-size: 22px;
    color: #333951;
}
/*-------------- Loading icon --------------*/
.z-apply-loading-icon, .z-loading-icon, .z-renderdefer {
	margin-right: 5px;
	width: 40px;
}

.z-loading {
	background-color: #005EB8;
	border-color: #005EB8;
}

/*-------- searchtable ----------*/
div.z-listbox-body .z-listcell {
    padding-top: 2px;
    padding-bottom: 2px;
}
td.z-listcell {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: transparent transparent transparent #FFFFFF;*/
    border-left: 0;
    border-right: 0;
    border-top: 1px solid transparent; 
    border-bottom: 1px solid transparent;
}
.z-listitem-selected .z-listcell-content {
	font-weight: bold;
}
tr.z-listitem-seld,
tr.z-listitem-over-seld,
tr.z-listbox-odd tr.z-listitem-seld,
tr.z-listbox-odd tr.z-listitem-over-seld {
	background-position: 60% 40%;
}

/* keinen Zeilenumbruch in listbox */
tr.z-listitem {
	white-space: nowrap;
}

/*--------- ZK7 Scrollbar for dark tree -----------*/

/* Two buttons to click for scrolling up/down */
.treeRegion .z-scrollbar-up, .treeRegion .z-scrollbar-down {
    background: #596068;
    color: #636363;
}
.treeRegion .z-scrollbar-up:hover, .treeRegion .z-scrollbar-down:hover {
    background: #464E57;
    color: #636363;
}
/* An indicator to represent current scroll position */
.treeRegion .z-scrollbar-vertical .z-scrollbar-indicator {
    background: #464E57;
    border: none;
    top: 2px;
}
/* A rail to slide indicator */
.treeRegion .z-scrollbar-vertical .z-scrollbar-rail {
    background: #596068;
}
.treeRegion .z-scrollbar-vertical .z-scrollbar-icon {
    color: #636363;
}

/**********************************************
  Upload Button FIX */
span.z-upload input {
    z-index: -1 !important; 
}
/**********************************************
  END Upload Button FIX */

/*-------- dashlets ----------*/

.dashlet-panel {
	margin: 8px;
	border: 0;
}
/*
.dashlet-panel .z-panel-header {
	border-width: 0px 0px 1px 0px;
}
*/
.dashlet-panel .z-borderlayout, .dashlet-panel .z-center, .dashlet-panel .z-panel {
	background: transparent;
}
.dashlet-panel .z-tabpanel {
	border: 0;
	padding-top: 5px;
}
.dashlet-panel .z-hbox {
	height: 30px;
}
/*
.dashlet-panel .z-panel-header {
	height: 21px;
	background-repeat: no-repeat;
	padding: 8px 5px 1px 18px;
}
*/
.dashlet-panel .z-tabs-scroll {
	border: none;
	padding: 0;
}
.dashletcontent {
	overflow: auto;
}



.dashletbox div.z-listbox-body {
	border-bottom: 1px solid #EEEEEE;
	
}
.dashletbox td.z-listcell {
	border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #EEEEEE;
}

.dashletbox tr.z-listitem,
.dashletbox div.z-listbox-body {
    background-color: #E2E2E2;
}
.dashletbox tr.z-listbox-odd {
    background-color: #d6d6d6;
}
.dashletbox tr.z-listitem-over > td.z-listcell {
	border-bottom: 1px solid #BABABA;
	border-top: 1px solid #EEEEEE;
}
.dashletbox tr.z-listitem-over,
.dashletbox tr.z-listbox-odd tr.z-listitem-over {
	background-color: #D1D1D1;
	background-image: none;
}
.dashlet-s-outer {
	padding: 8px 8px 3px 8px;
}
.dashlet-s-inner {
	background: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 rgba(255, 255, 255, 0.4);
    display: inline-block;
    padding: 3px 8px;
}
.dashlet-s-inner:hover {
	border-color: #AAAAAA;
}
/*------- Dashboard ZK Panel ----------------------*/
.dashb-hl {
	border-bottom: 1px solid #ccc;
    box-shadow: 0 0 0 1px #fff;
    height: 40px;
    padding: 0 5px;
}
.dashletboarder .z-tab-selected,
.dashletboarder .z-tabs-content {
	box-shadow: none !important;
}
.dashletboarder .z-tabpanel {
	border: none;
}
/*------- train and wagons ----------------------*/
.trainarea {
	background-color: #666666;
	margin: 10px;
   border-color: #D1D1D1 #FCFCFC #FCFCFC #D1D1D1;
   border-style: solid;
   border-width: 1px;
	padding: 5px;
}
.wagon, .railcar {
	height: 45px;
	width: 95px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #999999 #333333 #333333 #999999;
	text-shadow: -1px 1px #000000;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(73,73,73,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(73,73,73,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#494949',GradientType=0 ); /* IE6-8 */
}
.wagon:hover, .railcar:hover {
	background: rgb(142,142,142); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(142,142,142,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#606060',GradientType=0 ); /* IE6-8 */
}
.wagon-nr {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.wagon-pos {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.wagon .z-vbox, .railcar .z-vbox {
	padding-left: 4px;
	padding-right: 4px;
}
.wagon .z-vbox-sep, .railcar .z-vbox-sep {
	height: 0;
}
.wagon-groupicon {
	height: 6px;
   margin: 4px;
   width: 6px;
   border-radius: 3px;
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   box-shadow: 1px 1px 1px #111111, 1px 1px 1px #CCCCCC inset;
}
.wagon-image, .railcar-image {
	background-position: center; 
	background-repeat:no-repeat; 
	text-align: center;
	height: 31px;
   width: 74px;
}
.wagon-image .z-label {
	color: #FFFFFF;
	padding-top: 4px;
	font-size: 11px;
   line-height: 24px;
}
.wagon-popup .z-popup-cl {
	border-radius: 5px;
	text-shadow: -1px 1px #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-color: #999999 #333333 #333333 #999999; 
	
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(73,73,73,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(73,73,73,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(73,73,73,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#494949',GradientType=0 ); /* IE6-8 */
}
.wagon-popup div.z-column-cnt, .wagon-popup div.z-row-cnt  {
	color: #FFFFFF;
}
.wagon-popup div.z-grid {
	background-image: none;
   	background-color: transparent;
  	background-repeat: repeat-x;
   	border: none;
}
.wagon-popup div.z-grid-body {
    background-color: transparent;
}
.wagon-popup div.z-grid tr.z-row td.z-row-inner, .wagon-popup div.z-grid tr.z-row .z-cell {
    background-color: transparent;
    border: medium none;
}
.wagon-popup div.z-grid tr.z-grid-odd td.z-row-inner, .wagon-popup div.z-grid tr.z-grid-odd .z-cell, .wagon-popup div.z-grid tr.z-grid-odd {
    background-color: transparent;
    border: medium none;
}

/*------- status overview ----------------------*/
.fum-status .z-east, .fum-status .z-center {
	background-color: #EEEEEE;
    background-repeat: repeat-x;
    border-style:solid ;
    border-color: #F4F4F4;
    border-width: 1px;
}
.fum-status .z-east {
	border-top-width: 0px;
}
.fum-status .z-center {
	
}
.fum-status .map_outer {
	padding: 10px;
}
.status-east .headline {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 100%); /* W3C */
	
	border-bottom: 1px solid #BABABA;
	border-top: 1px solid #FEFEFE;
    padding: 0 5px 0;
    text-shadow: 1px 1px #F4F4F4;
}
.status-east .headline .z-label {
	font-weight: bold;
}
.status-east > .z-vlayout-inner {
	padding-bottom: 0 !important;
}
.status-east .content {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FEFEFE;
	padding: 10px 5px;
}
.status-east .large {
	font-size: 13px;
}
.firma {
	border: 1px solid #C1C1C1;
}

.z-window-icon {
	text-shadow: none;	
}
.z-treecell-content {
	white-space: nowrap;
}
	
.fum-tab-empty.z-tab {
	background-color: #F7F4A3;
}
.fum-tab-empty.z-tab:hover {
	background: #FBF7B6;
}
.fum-tab-empty.z-tab.z-tab-selected {
	background-color: #FBF7B6;
}

/*---- Signature dialog ----*/

.alert-sign-warning {
   border: 1px solid #ffcd65;
   color: #c18300;
   background: #fff8e9;
   padding: 20px;
   border-radius: 8px;
}

/*********************************
 * Styles for waitinglist
 ********************************/
 .fum-waitinglist .z-grid {
	margin: 0;
}

.wlItem {
   border: 1px solid rgb(167 167 167);
   min-height: 50px;
   padding: 4px;
   display: grid;
   align-content: space-between;
   box-shadow: 0px 0px 4px 1px rgb(0, 0, 0, 0.15);
   background: rgb(183,183,183); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(183,183,183,1) 0%, rgba(146,146,146,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(183,183,183,1) 0%,rgba(146,146,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(183,183,183,1) 0%,rgba(146,146,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#929292',GradientType=0 ); /* IE6-9 */
}

.wlItem.z-drag-over {
   background: rgb(150, 150, 150);
}

.wlItem.announced {
   border-color: rgb(119, 191, 66);
   background: rgb(132,215,71); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(132,215,71,1) 0%, rgba(82,186,5,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(132,215,71,1) 0%,rgba(82,186,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(132,215,71,1) 0%,rgba(82,186,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d747', endColorstr='#52ba05',GradientType=0 ); /* IE6-9 */
}



.wlItem.waiting {
   border-color: #589dda;
   background: rgb(91,198,240); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(91,198,240,1) 0%, rgba(4,146,200,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(91,198,240,1) 0%,rgba(4,146,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(91,198,240,1) 0%,rgba(4,146,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc6f0', endColorstr='#0492c8',GradientType=0 ); /* IE6-9 */
}

.wlItem.loading {
   background: rgb(233,156,22); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(233,156,22,1) 0%, rgba(179,126,0,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(233,156,22,1) 0%,rgba(179,126,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(233,156,22,1) 0%,rgba(179,126,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e99c16', endColorstr='#b37e00',GradientType=0 ); /* IE6-9 */
}

.wlItem.loaded {
   background: rgb(116,116,116); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(116,116,116,1) 0%, rgba(77,77,77,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(116,116,116,1) 0%,rgba(77,77,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(116,116,116,1) 0%,rgba(77,77,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */

}
.wlItem.empty {
   border: 1px solid #D1D1D1;
   height: none;
   min-height: 50px;
   background: rgba(0, 0, 0, 0.06);
}

.wlLbl1, .wlLbl2, .wlLbl3, .wlLbl4 {
   color: #FFFFFF;
}
.wlItem.announced .wlLbl3 {
   text-decoration: blink;
}

.wlItem .wlLbl1 {
   font-size: 12px;
   text-shadow: 1px 1px rgb(85, 85, 85);
/*   letter-spacing: 2px;*/
}
.wlLbl2, .wlLbl4 {
   font-size: 10px;
}

.wlLbl3 {
   font-size: 12px;
}

.wlItem .wlLbl2 {
   overflow: hidden;
   text-overflow: ellipsis;
}
.wlslot, .wlslot tr.z-grid-odd, .wlslot tr.z-grid-odd td.z-row-inner {
    background-color: #F5F5DC !important;
}

.poolelement {
	border: 1px solid;
}

.wlItem.empty.z-drag-over,
.wlItem.droparea.z-drag-over {
   background: rgba(0, 0, 0, 0.01);
}

.wlItem.droparea {
	
   background: rgba(0, 0, 0, 0.05);
   border: 1px solid #D1D1D1;
}

.wlArea {
	padding: 5px;
}

.wlItem.announced .blinktext {
	animation: blinktext 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes blinktext {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*********************************
/** Userdistribution superuser mark line
 ********************************/
.superuserlinemarker * {
}

.superuserlinemarker:hover  {
}

.superuserlinemarker.z-listitem.z-listitem-disabled * {
    color: #a1a1a1 !important;
    cursor: default !important;
}

.z-textbox-inplace, .z-decimalbox-inplace, .z-intbox-inplace, .z-longbox-inplace, .z-doublebox-inplace,
.z-combobox-inplace .z-combobox-input, .z-bandbox-inplace .z-bandbox-input, .z-datebox-inplace .z-datebox-input, .z-timebox-inplace .z-timebox-input, .z-spinner-inplace .z-spinner-input, .z-doublespinner-inplace .z-doublespinner-input {
	border: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
}

/*********************************
/** Railway Module
 ********************************/

/** Foreign Pos **/
.foreignPos.z-listitem.z-listitem-selected .z-listcell,
.foreignPos.z-listitem.z-listitem-selected:hover>.z-listcell{
   background: #FFA0A0;
   border-color: #FFA0A0;
}

.foreignPos.z-listitem{
   background: #FFD0D0;
   border-color: #FFD0D0;
}

.foreignPos.z-listitem:hover>.z-listcell{
   background: #FFC0C0;
}

.z-listbox.cockpit .z-listitem>.z-listcell,
.z-listbox.cockpit .z-listitem:hover>.z-listcell,
.z-listbox.cockpit .z-listitem.z-listitem-selected>.z-listcell,
.z-listbox.cockpit .z-listitem.z-listitem-selected:hover>.z-listcell{
   background: #FFFFFF;
   border-color: #A9A9A9;
   border-top: 0;
}

/** disabledOrderLine **/
.disabledLine .z-listcell-content,
.disabledLine.z-listitem:hover .z-listcell-content,
.disabledLine.z-listitem.z-listitem-selected .z-listcell-content {
    color: #dddddd !important;
}

/* Select All bei multi listbox verstecken */
.disabledSelectAll .z-listheader-checkable {
   visibility: hidden;
}

/*********************************
/** Inlinegrid
 ********************************/
 
/* temporary, remove when part of grid.less */

.ias-inlinegrid.z-row {
   border-top: 1px solid transparent;
}

.ias-inlinegrid.z-row.selected {
   background-color: #eee;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

.ias-inlinegrid>.z-grid-body{
   overflow: initial !important;
}

.ias-inlinegrid>.z-grid-body>table {
   border-collapse: collapse;
}

/** Foreign Pos inline grid**/
.ias-inlinegrid.foreignPos.z-row.selected, .ias-inlinegrid.foreignPos.z-row.selected:hover {
   background: #FFA0A0;
   border-color: #FFA0A0;
}

.ias-inlinegrid.foreignPos.z-row {
   background: #FFD0D0;
   border-color: #FFD0D0;
}

.ias-inlinegrid.foreignPos.z-row:hover {
   background: #FFC0C0;
}

.inner-border>.z-grid-body>table{
   border-collapse: collapse;
   border-style: hidden;
}

.inner-border>.z-grid-body>table td{
   border: 1px solid black;
}

/*********************************
/** Dashboard content in iDispo
 ********************************/
.root-panel .z-panelchildren,
.root-container {
   display: flex;
   flex-wrap: wrap;
}
.root-panel {
   min-width: 410px;
}

.tile {
   cursor: pointer;
   padding: 20px 10px;
   margin: 2px;
   background-color: #fafafa;
   border: 1px solid #dfdfdf;
   width: 130px;
   height: 130px;
   text-align: center;
}

.tile:hover {
   background-color: #e4e4e4;
   border: 1px solid #dadada;
}

.tile:active {
   background-color: #f1f1f1;
   border: 1px solid #dfdfdf;
}

.tile-label.z-label {
   font-size: 14px;
   font-weight: bold;
}

.tile-subtext.z-label {
   font-size: 11px;
}

.tile [class*="z-icon"] {
   color: #005EB8;
   font-size: 30px;
}

.tile-disd {
   padding: 20px 10px;
   background-color: #f4f4f4;
   border: 1px solid #dfdfdf;
   width: 130px;
   height: 130px;
   text-align: center;
}

.tile-disd .tile-label.z-label {
   color: #888;
}

.tile-disd [class*="z-icon"] {
   color: #888;
   font-size: 30px;
}

/*********************************
/** Bitmask Component
 ********************************/
 
 /* temporary, remove when part of bitmask.less */
 
.z-bitmask {
   padding: 5px;
   border: 1px solid #CFCFCF;
   background-color: #FFFFFF;
}

/*********************************
/** Link Component
 ********************************/
.ias-link {
   color: #0000FF;
   text-decoration: underline;
   cursor: pointer;
}

/*********************************
/** Freight auctions
 ********************************/
.lbl-price {
 font-size: 28px;
 font-weight: bold;
 
}
.lbl-price-bid {
 font-size: 28px;
 font-weight: bold;
 color: #A20067;
}
.lbl-small {
 font-size: 10px;
 text-align: right;
}

.button-buy,
.button-buy:hover,
.button-buy:active,
.button-buy:focus {
 color: white;
 width:300px;
 height:50px;
 background: #95C11F;
 border-color: #95C11F;
 font-size: larger;
 font-size: 20px;
 text-shadow: none;
}
.button-buy:hover {
 background: #AECD60;
}



.button-bid,
.button-bid:hover,
.button-bid:active,
.button-bid:focus {
 width:300px;
 height:50px;
 background: #00B1EB;
 border-color: #009bce;
 font-size: larger;
 font-size: 20px;
 text-shadow: none;
}
.button-bid:hover {
 background: #41C0F0;
}

.button-reject,
.button-reject:hover,
.button-reject:active,
.button-reject:focus {
 color: white;
 width:300px;
 height:50px;
 background: #E50051;
 border-color: #E50051;
 font-size: 20px;
 text-shadow: none;
}
.button-buy [class^="z-icon-"],
.button-bid [class^="z-icon-"],
.button-reject [class^="z-icon-"] {
 font-size: 22px;
 text-shadow: none;
}

.button-buy[disabled],
.button-reject[disabled],
.button-bid[disabled] {
 background: #888;
 border-color: #888;
}

.z-icon-dot-circle-o,
.z-icon-long-arrow-down,
.z-icon-map-marker {
 color: rgb(0, 130, 56);
}

.lbl-active {
 color: white;
 background: #0586d2;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-prepared {
 color: white;
 background: #B1B3B4;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-auctiondefault {
 color: white;
 background: #87888A;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-bid-placed {
 color: white;
 background: #A20067;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-won {
 color: white;
 background: #95C11F;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-expired,
.lbl-ended {
 color: white;
 background: #666;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-cancelled,
.lbl-lost,
.lbl-rejected {
 color: white;
 background: #E50051;
 padding: 3px 6px;
 border-radius: 6px;
}
.lbl-lead {
 color: white;
 background: #A20067;
 padding: 3px 6px;
 border-radius: 6px;
}


.auction-element {
   border-radius: 6px;
   padding: 6px;
}
.auction-element .z-label {
    color: #FFFFFF;
}
.auction-element span[class^="z-icon-"] {
   color: #FFFFFF;
   font-size: large;
}

.auction-element.status-default {
   background: #37637D;
}
.auction-element.status-won {
   background: #95C11F;
}
.auction-element.status-rejected {
   background: #E50051;
}