/**
 * Lena.Desktop - CSS Styling 
 *
 * Set global styling and layout of application
 *
 * @category   Lena.Desktop
 * @package    Lena
 * @author     Christian Brinkert <christian.brinkert@sector27.de>
 * @copyright  2014 sector27 GmbH
 * @version    1.0.0
 */


@font-face { font-family: 'OpenSans';
    src: url('/fonts/openSans300.eot'),
         url('/fonts/openSans300.woff') format('woff'),
         url('/fonts/openSans300.ttf') format('truetype'),
         url('/fonts/openSans300.svg') format('svg');
    font-style:normal;
    font-weight:normal;
}
@font-face { font-family: 'OpenSans';
    src: url('/fonts/openSans300italic.eot'),
         url('/fonts/openSans300italic.woff') format('woff'),
         url('/fonts/openSans300italic.ttf') format('truetype'),
         url('/fonts/openSans300italic.svg') format('svg');
    font-style:italic;
    font-weight:normal;
}
@font-face { font-family: 'OpenSans';
    src: url('/fonts/openSans700.eot'),
         url('/fonts/openSans700.woff') format('woff'),
         url('/fonts/openSans700.ttf') format('truetype'),
         url('/fonts/openSans700.svg') format('svg');
    font-style:normal;
    font-weight:bold;
}
@font-face { font-family: 'OpenSansCondensed';
    src: url('/fonts/openSansCondensed300.eot'),
         url('/fonts/openSansCondensed300.woff') format('woff'),
         url('/fonts/openSansCondensed300.ttf') format('truetype'),
         url('/fonts/openSansCondensed300.svg') format('svg');
    font-style:normal;
    font-weight:normal;
}
@font-face { font-family: 'OpenSansCondensed';
    src: url('/fonts/openSansCondensed300italic.eot'),
         url('/fonts/openSansCondensed300italic.woff') format('woff'),
         url('/fonts/openSansCondensed300italic.ttf') format('truetype'),
         url('/fonts/openSansCondensed300italic.svg') format('svg');
    font-style:italic;
    font-weight:normal;
}
@font-face { font-family: 'OpenSansCondensed';
    src: url('/fonts/openSansCondensed700.eot'),
         url('/fonts/openSansCondensed700.woff') format('woff'),
         url('/fonts/openSansCondensed700.ttf') format('truetype'),
         url('/fonts/openSansCondensed700.svg') format('svg');
    font-style:normal;
    font-weight:bold;
}
@font-face { font-family: 'OpenSansRegular';
    src: url('/fonts/openSans400.eot'),
         url('/fonts/openSans400.woff') format('woff'),
         url('/fonts/openSans400.ttf') format('truetype'),
         url('/fonts/openSans400.svg') format('svg');
    font-style:normal;
    font-weight:normal;
}
@font-face { font-family: 'OpenSansRegular';
    src: url('/fonts/openSans400italic.eot'),
         url('/fonts/openSans400italic.woff') format('woff'),
         url('/fonts/openSans400italic.ttf') format('truetype'),
         url('/fonts/openSans400italic.svg') format('svg');
    font-style:italic;
    font-weight:normal;
}


body {
  padding:0; margin:0;
  background-position: fixed;
  background: rgb(239,239,239); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgb(239,239,239) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 84.85%, rgb(137,137,137) 85%, rgb(242,242,242) 85.2%, rgb(255,255,255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(239,239,239)), color-stop(29%,rgb(255,255,255)), color-stop(84.85%,rgb(255,255,255)), color-stop(85%,rgb(137,137,137)), color-stop(85.2%,rgb(242,242,242)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(239,239,239) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 84.85%,rgb(137,137,137) 85%,rgb(242,242,242) 85.2%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(239,239,239) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 84.85%,rgb(137,137,137) 85%,rgb(242,242,242) 85.2%,rgb(255,255,255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(239,239,239) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 84.85%,rgb(137,137,137) 85%,rgb(242,242,242) 85.2%,rgb(255,255,255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(239,239,239) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 84.85%,rgb(137,137,137) 85%,rgb(242,242,242) 85.2%,rgb(255,255,255) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
body *{
  color:rgb(0,0,0);
  padding:0; margin:0;
  font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

/* clear highlighting shadow and placholder definitions */
textarea:focus, input:focus, button:focus{
    outline: 0;
}

input::-webkit-input-placeholder {  font-size:75%; font-weight:bold; font-style:italic; color:#808080; padding-top:.3em;}
input:-moz-placeholder {            font-size:75%; font-weight:bold; font-style:italic; color:#808080; opacity: 1;}
input::-moz-placeholder {           font-size:75%; font-weight:bold; font-style:italic; color:#808080; opacity: 1;}

.dataTable .data-row .rowContent .valueBox input:-ms-input-placeholder,
input:-ms-input-placeholder {       font-size:75%; font-weight:bold; font-style:italic; color:#808080;}

/*
.dataFilter .rowContent .filterBox input::-webkit-input-placeholder{ color:rgb(220,220,220);  }
.dataFilter .rowContent .filterBox input:-moz-placeholder { color:rgb(220,220,220); }
.dataFilter .rowContent .filterBox input::-moz-placeholder { color:rgb(220,220,220); }
.dataFilter .rowContent .filterBox input:-ms-input-placeholder { color:rgb(220,220,220); }
*/
    /* end of placeholder definitions */




/* headers */
h1{ color:rgb(85,142,213); font-size:200%; font-weight: normal; }
h1.login{ color:rgb(85,142,213); font-size:400%; font-weight: normal; }
h1.hyperHeader{ font-size:1500%; position:absolute; z-index:10; line-height:77%;
                margin-left:-37px; margin-top:-15px; color:rgb(240,240,246);}
                
h1.dashboard{}
h2{ font-size:175%; font-weight: normal; margin-bottom:15px; }
h3{ font-size:125%; font-weight: normal; }
h4{ font-weight: bold; }
h5{ font-weight: bold; }
  /* END of headers */

/* header icons */
h2 i{ color:rgb(254,153,0); }


p{ font-size:92.667%; }
p.smallText{ font-size:83.333%; }
p.requiredFields{
    padding-left:30px;
    background-image:url('/img/required_grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    font-style: italic;
    margin-left:30px;
}
p.noEntries{
    margin:20px auto;
}

/* margin to page header */
.contentMain > h1{ margin-left:15px; }
.contentMain > p.subTitle{ margin-left:15px; }


a{
  text-decoration:none;
}


.center{ text-align:center; }
.strong{ font-weight:bold; }
.inlineed, .dataTable .data-row .rowContent .valueBox span.inlineed{ display:inline; }

    /* inline styles */
.orange{ color:rgb(254,153,0); }
.condensed{ font-family: OpenSansCondensed, Arial, Helvetica, sans-serif; }
.greyed, .dataTable .data-row .rowContent:hover .additionalBlock .valueBox span span.greyed{
    color:darkslategrey;
    font-family:OpenSansRegular,sans-serif;
}

.page{  }
.content{ margin:0 50px 0 25px; min-width:1000px; padding:0 30px; }
.contentMain { padding-top:70px; min-height:500px; background-color:rgba(255,255,255,0.95);}
.contentLogin{ position:absolute; }

.simpleLayout .contentInner{ position:absolute; width:100%; z-index:100; margin:75px 10px 50px 10px;}
.defaultLayout .contentInner{ position:relative; width:100%; z-index:100; margin:75px 10px 50px 10px;}
.bgLight{
    background-color:rgba(255,255,255,.95);
    margin:-10px;
}
.contentBox{
    padding:30px;
    z-index:50;
}



/* lena.colors */
.lenaBlue{ color:rgb(85,142,213); }


/* alignments */
.justify{ text-align:justify; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
/* END OF alignments */


/* margined */
.defaultMarginBottom{ margin-bottom:80px; }
.defaultPaddingRight{ padding-right:40px; }
.defaultPaddingLeft{ padding-left:40px; }
/* END of margined*/




/* button layout */

a.btnLike{
  position:relative;
  display:inline-block;
  overflow:hidden;
  margin-top:.8em;
  color:rgb(255,255,255);
  background-color:rgb(85,142,213);
  font-size:125%;
  padding:.3em .5em .3em .5em;
  border-width:0;
}
a.btnLike:hover{
  -webkit-box-shadow: 0 0 0 1000px rgb(85,142,213) inset;
}
a.btnLike.fold:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid rgb(210,210,216);
  border-right: 20px solid rgb(252,252,252);
  -webkit-box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
  -moz-box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
  box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
}
a.btnLike.fold:hover:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: none;
  border-right: none;
  -webkit-box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
  -moz-box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
  box-shadow: 7px 7px 7px rgba(0,0,6,0.3);
}
a.btnLike i{ color:rgb(255,255,255);}
  /* END of button layout*/




/* Navigation & Logo */
.headroom{
  position: relative;
  display:block;
  width:100%;
  background-color:rgb(64,64,64);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,6,.5);
  box-shadow: 0 3px 3px 0 rgba(0,0,6,.5);
    z-index:100;
}
.headroom:after{
  clear:both;
  float:none;
}
.headroom .clip{
  position:absolute;
  font-size:18px;
  right:15%;
  bottom:-42px;
  color:rgb(255,255,255);
  background-color:rgb(85,142,213);
  display:inline-block;
  padding:.5em 1em;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
  box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
}
.headroom .clip i{color:rgb(255,255,255);}


/*.logo{
  margin:5px 0 25px 30px;
  display:inline-block;
  float:left;
}*/
.logo{
    margin: 5px 0 25px 30px;
    position: relative;
    display: block;
    width: 80px;
    height: 55px;
}
.logo.brandTitle{ 
  font-size:250%;
  color:rgb(255,255,255); 
  margin-bottom:20px; 
  text-shadow: 1px 1px 1px rgb(0,0,0);
}
.headroom .logo,
.headroom .logo span.brand{ 
  color:white !important;
  text-shadow: 1px 1px 1px rgb(0,0,0) !important;
}

/*.headroom .navigation{
  float:left;
  margin:10px 100px 20px 100px;
}*/
.headroom .navigation{
    margin: 10px 50px 20px 100px;
    display: block;
    position: relative;
    top: -25px;
}
/*.headroom .navigation ul{
  margin:20px 15px 20px 0;
}*/
.headroom .navigation ul > li{
  list-style-type:none;
  float:left;
  
}
.headroom .navigation ul li a{
  display:block;  
  width:220px;
  font-size:92.667%;
  padding:.4em .7em;
  margin: 0 0 .3em 0;
  color:rgb(255,255,255);
  border-bottom:5px solid rgb(64,64,64);
}
.headroom .navigation ul li a:before{
  color:rgb(85,142,213);
}
.headroom .navigation ul li a:hover{
  background-color:rgb(85,142,213);
  color:rgb(255,255,255);
  font-weight:bold;
  /*text-shadow: 0 0 2px rgb(85,142,213);*/
}
.headroom .navigation ul li a:hover:before{
  color:rgb(255,255,255);
}

.headroom .navigation ul > li > ul {  
  width:220px;
  border-top:1px solid silver;
  margin-top:10px;
  padding-top:10px;
}
.headroom .navigation ul > li > ul > li{}
.headroom .navigation ul > li > ul > li a{
  font-size:83.333%;
  padding-left:12px;
    padding-left:35px;
    text-indent:-25px;
}

.headroom.menuInitialization *{
  opacity:0;
}

.headroom .menuRowHidden{
  overflow:hidden;
  height:0;
}
  /* logoff box */
.headroom .loginState{
  display:inline-block;
  text-align:right;
  position:absolute;
  bottom:-32px;
  right:40%;
}
.headroom .loginState a{ font-style:italic; font-size:83.333%;}
.headroom .loginState a i{ color:silver; }
.headroom .loginState a:hover{ font-weight:bold;}
.headroom .loginState a:hover i{ color:black;}
  /* END of Navigation */




/* add icons to menuentries */
nav ul li a.faIcons:before{
    font-family: FontAwesome, sans-serif;
    font-style:normal;
    margin-right:.8em;
    color:rgb(120,120,126);
}
nav ul li.active > a.faIcons:before{ }
nav ul li a.dashboards:before{
    content:'\f0e4';
}
nav ul li a.customers:before{
    content:'\f183';
}
nav ul li a.building:before{
  content: "\f0f7";
}
nav ul li a.truck:before{
    content: "\f0d1";
}
nav ul li a.rocket:before{
    content: "\f135";
}
nav ul li a.football:before{
    content: "\f1e3";
}
nav ul li a.exclamation:before{
    content: "\f06a";
}
nav ul li a.listalt:before{
    content: "\f022";
}
nav ul li a.trash:before{
  content: "\f014";
}
nav ul li a.database:before{
  content: "\f1c0";
}
nav ul li a.user:before{
  content: "\f007";
}
nav ul li a.users:before{
  content: "\f0c0";
}
nav ul li a.setting:before{
  content: "\f013";
}
nav ul li a.settings:before{
  content: "\f085";
}
nav ul li a.services:before{
  content: "\f046";
}
nav ul li a.chart:before{
  content: "\f080";
}
nav ul li a.report:before{
  content: "\f03a";
}
nav ul li a.export:before{
  content: "\f019";
}
  /* END of icons to menuentries */
  


/* LOGIN & LOGOUT form */  
.brandTitle{ }
.logo.brandTitle,
.brandTitle h1{ text-align:center; color:rgb(85,142,213); margin-bottom:20px;
  text-shadow: 1px 1px 1px rgba(120,120,126, 1);}

.brandTitle span.brand{ letter-spacing:-.24em; margin-right:.2em; color:rgb(85,142,213);}
.lenaBranding{ letter-spacing:-.24em; margin-right:.2em; }

.login span.brand{ letter-spacing:-.24em; margin-right:.2em; color:rgb(85,142,213);}

.loggedinMessage,
.loginForm{
    text-align:center;
    margin-top:30px;
}
.loggedoutMessage{
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}
.loginForm input{
    text-align:center;
    margin:.1em auto;
    border-width:0;
    font-size:1.5em;
}
.loginForm input, .loginForm textarea, .loginForm select{
    color:rgb(0,0,0);
    -webkit-box-shadow: 0 0 0 1000px rgb(255,255,255) inset;
}
input{color:rgb(0,0,0); background-color:rgb(255,255,255);}



.loginForm ul{
    margin:5px 0 15px 0;
    font-style:italic;
}
.loginForm ul li{
    list-style-type:none;
}
.authLogin .linkButton{
    text-align:center;
    vertical-align:baseline;
}
.authLogin .linkButton a{ padding:.4em;}


h3.loginError{ margin-top:30px; margin-bottom:-20px; font-style:italic; text-align:center;}
  /* END OF login & logout form */






/* DATA TABLES */
  /* general data table layout*/
.dataTable{ 
  min-width: 940px; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}
.dataTable > div{ display:inline-block;}
  
  /* TABLE HEADER */
.dataTable .tableHeader, .dataTable .tableFooter{ display:block; }
.dataTable .tableHeader .rowContent, .dataTable .tableFooter .rowContent{
	display:block; 
	color:rgb(255,255,255);
	overflow:hidden;
}

	/* TABLE ROWS */
.dataTable .tableHeader, 
.dataTable .tableFooter, 
.dataTable .data-row{
	clear:both;
	float:none;
	padding:0 1em;
	
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
.dataTable .tableHeader .headerBox.controlBox{
    padding:5px;
}
.dataTable .data-row-blank{ display:none; }
.dataTable .data-row,
.dataTable .data-row .rowContent.titleRowContent,
.dataTable .data-row .rowContent,
.dataTable .data-row .rowStatus{ 
	/*display:block; */
	display:table; /* alternative to overflow:hidden */
	width:100%;
    margin-top:2px;
}
.dataTable .data-row .rowStatus{ display:none; height:0}
.dataTable .data-row.row-odd .rowContent{ 
   background-color:rgb(248,248,250);
}
.dataTable .data-row.row-even .rowContent{
   background-color:rgb(240,240,244);
}
    /* to make all elements encapsulated in the .row-div */
.dataTable .data-row .row:after {
    content: "."; color:#fff;
    font-size:0;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}



    /* Filter row */
.data-row.dataFilter{ display:none;}
.data-row.dataFilter.openFilter{display:block;}
.data-row.dataFilter .rowContent{}
.data-row.dataFilter .rowContent .filterBox{
    background-color: rgb(64,64,64);
    color:#fff;
    height:44px;
}
.dataTable .data-row.dataFilter .rowContent .controlBox{
    padding-top:10px;
}
.dataTable .data-row.dataFilter .rowContent .controlBox span{ display:inline;}
.dataTable .data-row.dataFilter span.iButton i{
    color:#fff;
}
.dataTable .data-row.dataFilter.openFilter .rowContent .valueBox.filterBox input,
.dataTable .data-row.dataFilter.openFilter .rowContent .valueBox.filterBox .chosen-container{
    display:block;
    display:inline-block;
    margin:3px 20px 4px 0;
    padding:3px;
}
.dataTable .data-row.dataFilter.openFilter .rowContent .valueBox.filterBox .chosen-container a{
    margin-top:0px;
}
.dataTable .data-row.dataFilter.openFilter .rowContent .valueBox.filterBox .chosen-container a span{
    color:#fff;
}
.dataTable .data-row.dataFilter.openFilter .rowContent .valueBox.filterBox .chosen-container a.chosen-default span{
    color:#404040;
    font-weight:bold;
}
.dataTable .data-row.dataFilter .rowContent .filterBox input{
    color:#fff !important;
    background-color:transparent !important;
}
.dataTable .data-row.dataFilter .rowContent .filterBox .chosen-container-single .chosen-single div b{
    background-image:url('/chosen/chosen-sprite-inverse.png');
}


.dataTable .data-row .rowContent .valueBox.filterBox input{
    border-bottom: 1px solid rgb(220,220,220);
    background-color:transparent;
}
.data-row.dataFilter .rowContent .filterBox .ctrSearch{
    margin-top:7px;
}
    /* END OF: Filter row */




    /* Blank Row */
.dataTable .data-row.data-row-blank{
    display:none;
}
    /* END OF: blank Row */




/*.dataTable .data-row .rowContentRow{ display:table-row;  }*/
.dataTable .data-row .rowContent{ display:block; }
.dataTable .data-row .rowContent .row, .dataTable .tableHeader .rowContent{
    display:table; width:100%; table-layout: fixed; }
.dataTable .data-row .rowContent .valueBox, .dataTable .tableHeader .headerBox{
    padding-top:3px;
    min-height:28px;
}
.dataTable .data-row .rowContent .valueBox span{
    padding:1px 0 0 1px;
    display:block;
    font-family: OpenSansRegular, sans-serif;
}
.dataTable .data-row .rowContent .valueBox span.staticData{
    font-style: italic;
}
.dataTable .data-row .rowContent .valueBox input{
    border: 0 solid rgb(220, 220, 226);
    border-bottom-width: 1px;
    margin-top:1px;
    font-size:100%;
    color:#568fd5;
    background-color:rgb(255,255,255);
    display:none;
    width:98%;
    font-family: OpenSansRegular, sans-serif;
}

.dataTable .data-row .rowContent .valueBox input.required{
    padding-right:30px;
    background-image:url('/img/required_grey.png');
    background-position: center right;
    background-repeat: no-repeat;
}
.dataTable.toursTable .data-row .rowContent .valueBox.required div[title=Wertstoffbehälter],
.dataTable.toursTable .data-row .rowContent .valueBox.required div[title=Serviceteam]{
    background-image:url('/img/required_grey_right.png');
    background-position: right;
    background-repeat: no-repeat;
}
.dataTable.toursTable .data-row .rowContent .valueBox.required div[title=Abholungszyklus],
.dataTable.usersTable .data-row .rowContent .valueBox.required div[title=Benutzergruppe]{
    background-image:url('/img/required_grey_right.png');
    background-position: right;
    background-repeat: no-repeat;
}

.dataTable .data-row .rowContent:hover .valueBox span,
.dataTable .data-row .rowContent:hover .valueBox span{
   color:#568fd5;
    font-family: OpenSansRegular;
   /*font-weight:bold;*/
    cursor:pointer;
}
.dataTable .data-row .rowContent.opened:hover .valueBox span{
    cursor: default;
}

.dataTable .tableFooter{ margin-top:1px;} 
.dataTable .tableFooter .rowContent{ padding:0.1em 3em 0.1em 3em;} 

.dataTable .data-row.selectable{ 
	padding:1px 0 0 1px;
	-webkit-box-shadow: 2px 3px 9px -3px #000000;
	box-shadow: 2px 3px 9px -3px #000000;
	
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
.dataTable .data-row.selectable span{font-weight:bold;}
	/* END of: TABLE-ROW hover-effect */

  /* TABLE-CELL properties */
.dataTable .headerBox, .dataTable .valueBox, .dataTable .filterBox{
    display:table-cell;
	box-sizing:border-box;
	/*display:inline-block; */
	/* float:left;	*/
	font-size:92.667%;
	margin:0;
	padding:5px 10px 5px 10px;
	min-height:26px;
	text-overflow: ellipsis;
    white-space: nowrap;
    /*overflow:hidden;*/    /* commented out, cause of cutting the chosen element */
}
.dataTable .valueBox{ 
	padding:0.3em 1.1em;
}
.dataTable .valueBox.controlBox{
    padding:0em;
}
.dataTable .headerBox{
    overflow:hidden;
    position:relative;
    background-color:rgb(85,142,213);
    border-right:2px solid rgb(252,252,252);
    color:rgb(255,255,255);
    font-size:125%;
    text-shadow: 1px 1px 1px rgba(80,80,80, 1);
}
.dataTable .titleRowContent .headerBox:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid rgb(210,210,210);
    border-right: 20px solid rgb(252,252,252);
    -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}
.dataTable .additionalRowContent .headerBox{
    font-size:82%;
    padding-top:0px;
}
.dataTable .headerBox i{
  /*font-size:83.333%;*/
  color:rgb(255,255,255);
}
.dataTable .valueBox, .dataTable .filterBox{
    position:relative;
    border-right:2px solid rgb(255,255,255);
}
.dataTable .valueBox.lastColumn, .dataTable .filterBox.lastColumn{
    border-right-width: 0;
}
.dataTable .valueBox.firstValueBox, .dataTable .filterBox.firstFilterBox{
    padding-left:0.6em;
}
.dataTable .valueBox .iButton{ color:rgb(160,160,160); cursor:pointer; }
.dataTable .controlBox i{ }
.dataTable .tableHeader .controlBox i{ }
.dataTable .valueBox .iButton:hover, .dataTable .valueBox .iButton:hover *{
  background-color:rgb(85,142,213);
  color:rgb(255,255,255);
}
.dataTable .headerBox .iButton:hover, .dataTable .headerBox .iButton:hover *{
    color:orange;
}

/* open/close additional block */
.dataTable .additionalBlock {
    display:none;
}
.dataTable .opened .additionalBlock,
.dataTable .additionalBlock.inProgressOpened {
    display:block;
}
.dataTable .opened span.dataField,
.dataTable .additionalBlock.inProgressOpened span.dataField{
    color:rgb(85,142,213);
    font-family: OpenSansRegular, sans-serif;
}
.dataTable .data-row .rowContent.opened .dataField.valueHeaderRow{ font-weight:bold; }
.dataTable .additionalBlock.condensed .valueBox{
    min-height: 1.4em;
    padding:0 1em 0 1.4em;
    font-size:83%;
}
.dataTable .additionalBlock.condensed .valueBox.column-5{ padding:0;}
.dataTable .additionalBlock.condensed .valueBox span,
.dataTable .data-row .rowContent:hover .additionalBlock.condensed .valueBox > span{
    color:rgb(0,0,0);
}

/* END OF additioinal block */

.dataTable .tableHeader .column-5, .dataTable .data-row .column-5{ width:5%; }
.dataTable .tableHeader .column-10, .dataTable .data-row .column-10{ width:10%; }
.dataTable .tableHeader .column-15, .dataTable .data-row .column-15{ width:15%; }
.dataTable .tableHeader .column-20, .dataTable .data-row .column-20{ width:20%; }
.dataTable .tableHeader .column-25, .dataTable .data-row .column-25{ width:25%; }
.dataTable .tableHeader .column-30, .dataTable .data-row .column-30{ width:30%; }
.dataTable .tableHeader .column-33, .dataTable .data-row .column-33{ width:33%; }
.dataTable .tableHeader .column-34, .dataTable .data-row .column-34{ width:34%; }
.dataTable .tableHeader .column-35, .dataTable .data-row .column-35{ width:35%; }
.dataTable .tableHeader .column-40, .dataTable .data-row .column-40{ width:40%; }
.dataTable .tableHeader .column-45, .dataTable .data-row .column-45{ width:45%; }
.dataTable .tableHeader .column-50, .dataTable .data-row .column-50{ width:50%; }
.dataTable .tableHeader .column-55, .dataTable .data-row .column-55{ width:55%; }
.dataTable .tableHeader .column-60, .dataTable .data-row .column-60{ width:60%; }
.dataTable .tableHeader .column-65, .dataTable .data-row .column-65{ width:65%; }
.dataTable .tableHeader .column-70, .dataTable .data-row .column-70{ width:70%; }
.dataTable .tableHeader .column-75, .dataTable .data-row .column-75{ width:75%; }
.dataTable .tableHeader .column-80, .dataTable .data-row .column-80{ width:80%; }
.dataTable .tableHeader .column-85, .dataTable .data-row .column-85{ width:85%; }
.dataTable .tableHeader .column-90, .dataTable .data-row .column-90{ width:90%; }
.dataTable .tableHeader .column-95, .dataTable .data-row .column-95{ width:95%; }
.dataTable .tableHeader .column-100, .dataTable .data-row .column-100{ width:100%; }
  /* END OF TABLE-CELL properties */
  

/* define button layouts, handling */
.dataTable .data-row .rowContent .valueBox .ctrBox{}
.dataTable .data-row .rowContent .valueBox .ctrBox.pressed i.iButton{ background-color: orange; }
.rowContent .controlBox { text-align:center; }
.dataTable .additionalBlock.condensed .valueBox .ctrBox i,
.rowContent .controlBox i{ line-height:1.4em; }



/* Data rows, with different layout whether they are Progress or not */
/* State: NOT "inProgress" */
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrEdit,
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrDelete,
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrNew{
    display:block;
}
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrSave,
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrCancel,
.dataTable .data-row .rowContent .valueBox .ctrBox.ctrAdd{
    display:none;
}
/* show data */
.dataTable .data-row .rowContent .valueBox .iconLabel{
    float:left;
    position:absolute;
    margin-top:3px;
    color: rgb(120,120,120);
}
.dataTable .data-row .rowContent .valueBox span.dataField,
.dataTable .data-row .rowContent .valueBox span.staticData{
    display:inline-block;
    margin-left:20px;
    display:block;
    overflow:hidden;
    text-overflow: ellipsis;
}
.dataTable .data-row .rowContent .valueBox span.dataField.statusIcons{
    position:relative;
    padding-right:115px;
}
.dataTable .data-row .rowContent .valueBox span.dataField.statusIcons span.statusIcons{
    position: absolute;
    top:2px; right:0;
}
.dataTable .data-row .rowContent .valueBox span.dataField.statusIcons span.statusIcons i{
    float:right;
    margin:0 5px;
    color:orange;
}

.dataTable .data-row .rowContent .valueBox.iconless span.dataField,
.dataTable .data-row .rowContent .valueBox.iconless span.staticData,
.dataTable .data-row .rowContent .valueBox.iconless .chosen-container,
.dataTable .data-row .rowContent .valueBox.iconless input{ margin-left:0px; }
/* show form fields */
.dataTable .data-row .rowContent .valueBox input,
.dataTable .data-row .rowContent .valueBox .chosen-container{
    display:none;
    margin-left:20px;
    margin-right:15px;
}
.dataTable .data-row.data-row-new .valueBox i.iconLabel{
    display:none;
}

/* State: "inProgress" */
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrSave,
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrCancel,
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrAdd{
    display:block;
}
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrEdit,
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrDelete,
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrNew,
.dataTable .data-row.inProgress .rowContent .valueBox .ctrBox.ctrClose{
    display:none;
}
    /* hide data */
.dataTable .data-row.inProgress .rowContent .valueBox span.dataField{
    display:none;
}
    /* show form fields */
.dataTable .data-row.inProgress .rowContent .valueBox input,
.dataTable .data-row.inProgress .rowContent .valueBox .chosen-container{
    display:inline-block;
}
.dataTable .data-row.data-row-new.inProgress .valueBox i.iconLabel{
    display:inline-block;
}


    /* inspectionsReport table */
.inspectionsReport{}
.inspectionsReport .additionalBlock{}
.inspectionsReport .additionalBlock .valueBox{}
.inspectionsReport .additionalBlock .valueBox p.facility{
    margin-left:12px;
}
.inspectionsReport .additionalBlock .valueBox p.comment{
    font-style:italic;
    font-size:120%;
    font-family: monospace, serif;
    margin-left:15px;
    white-space: normal;
}
.inspectionsReport .additionalBlock .valueBox p.comment i.fa{ }
.inspectionsReport .additionalBlock .valueBox hr{
    border-width:0; height:1px; background-color:silver; margin:10px 0;}
.inspectionsReport .additionalBlock .valueBox h4{ color:#555555; }
.inspectionsReport .additionalBlock .valueBox ul{ margin:10px 0 10px 15px;}
.inspectionsReport .additionalBlock .valueBox ul li{ list-style-type: none;}
.inspectionsReport .additionalBlock .valueBox ul li.checked{}
.inspectionsReport .additionalBlock .valueBox ul li.unchecked{}
.inspectionsReport .additionalBlock .valueBox p.effort{
    margin-left:15px;
}
.inspectionsReport .additionalBlock .valueBox p.indent{
    margin-left:15px;
}
.inspectionsReport .additionalBlock ul.fillingLevels{}
.inspectionsReport .additionalBlock ul.fillingLevels li{
    display:block;
    position:relative;
}
.inspectionsReport .additionalBlock ul.fillingLevels li p{
    margin-right:120px;
    min-height:20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inspectionsReport .additionalBlock ul.fillingLevels li p span{
    color:#666 !important;
    font-style: italic;
    display:inline-block !important;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif !important;
}
.inspectionsReport .additionalBlock ul.fillingLevels li div.levelChart{
    position:absolute;
    top:0;
    right:0;
    height:20px;
    background-color:rgb(255,255,255);
    opacity: 1;
    width:100px;
    border:1px solid #fff;
    overflow: hidden;
}
.inspectionsReport .additionalBlock ul.fillingLevels li div.levelBar{
    position:absolute;
    top:0;
    left:0;
    height:20px;
    background-color:rgb(85,142,213);
    z-index: 10;
    opacity:.3;
}
.inspectionsReport .additionalBlock ul.fillingLevels li div.levelBar.leveloverfull{
    background-color: orange;
}
.inspectionsReport .additionalBlock ul.fillingLevels li p.levelValue{
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    width:100%;
    z-index: 20;
    font-size:92.67%;
    font-family: 'OpenSansCondensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.inspectionsReport ul.photos{}
.inspectionsReport ul.photos li{
    list-style-type: none;
    display:inline-block;
    margin: 0 10px 10px 0;
    float:left;
}
.inspectionsReport ul.photos:after{
    clear:both;
    float:none;
}
.inspectionsReport ul.photos li img.preview{
    width:auto;
    height:75px;
    cursor: pointer;
}

.inspectionsReport .additionalBlock .darkRow{
    background-color:dimgrey;
}
.inspectionsReport .additionalBlock .darkRow .valueBox{ padding-top:5px; padding-bottom:5px; }
.inspectionsReport .additionalBlock .darkRow .valueBox span.summaryLevel {
    color: #fff !important;
    white-space: nowrap;
    padding-right:25px;
    display:inline-block;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif !important;
}
.inspectionsReport .additionalBlock .darkRow .valueBox span.summaryLevel strong{
    color: #fff !important;
}
.inspectionsReport .additionalBlock .darkRow .valueBox p {
    color: #fff;
}

.inspectionsReport .summary-row .row{
    border:2px solid rgb(230,230,230);
    margin-top:25px;
}
.inspectionsReport .summary-row .summaryValues{
    white-space: normal;
}
.inspectionsReport .summary-row ul li.summaryLevel{
    white-space: nowrap;
    padding-right:25px;
    display:inline-block;
    font-size:92.67%;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif !important;
}
/* END of: inspectionsReport table */



    /* navigation box tiles */
.boxTileNavigation .data-row .rowContent{ display:block; }
.boxTileNavigation .data-row .rowContent .valueBox{ display:block; float:left; }
.boxTileNavigation  .data-row .rowContent:hover .valueBox span.title{
    color:#fff;
    font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
}
.boxTileNavigation  .data-row .rowContent:hover .valueBox span{
    color:#000;
    font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
}

.boxTileNavigation .tableHeader{ padding:0; }
.boxTileNavigation .navBox, .boxTileNavigation .navBox .rowContent,
.boxTileNavigation .navBox .valueBox{ padding:0; margin:0;}
.boxTileNavigation .navBox .teaser{
    border:2px solid rgb(230,230,230);
    position:relative;
    overflow:hidden;
    height:170px;
    display:block;
}
.boxTileNavigation .navBox .teaser i{ position:absolute;}
.boxTileNavigation .navBox .teaser i.fa-first{
    font-size:300%; color:rgb(85,142,213);  top:1.4em; right:.5em; z-index:75; text-shadow: 1px 1px 0 #FFF;}
.boxTileNavigation .navBox .teaser i.fa-second{
    font-size:1600%; color:rgb(230,230,230); bottom:-.2em; left:-.15em; z-index:50;}
.boxTileNavigation .navBox .teaser span.title{
    z-index:100;
    display:inline-block;
    position:absolute;
    bottom:20px;
    right:0px;
    background-color:rgb(85,142,213);
    padding:5px 10px;
    color:#fff;
    text-shadow: 1px 1px 0 #000;
    font-size:1.25em;
}
.boxTileNavigation .navBox .teaser:hover{
    background-color:rgb(85,142,213);
    border:2px solid rgb(85,142,213);
}
.boxTileNavigation .navBox .teaser:hover i.fa-first{ color:rgb(250,250,250); }
.boxTileNavigation .navBox .teaser:hover i.fa-second{ color:rgb(230,230,230); }
.boxTileNavigation .navBox .rowContent .teaser:hover span.title{
    color:rgb(85,142,213); text-shadow: none; background-color:#fff;
}


/* tile styles */
.boxTileNavigation .navTileBox, .boxTileNavigation .navTileBox .rowContent,
.boxTileNavigation .navTileBox .rowContent .valueBox,
.boxTileNavigation .navTileBox .valueBox .navTile{ padding:0; margin:0; }

.boxTileNavigation .navTileBox .navTile .rowContent{ position:relative; }
.boxTileNavigation .navTileBox  .rowContent .row{ margin-bottom:-2px; }
.boxTileNavigation .navTileBox .navTile, .boxTileNavigation .navTileBox .rowContent{
    padding:0; margin:0;
}
.boxTileNavigation .navTileBox .navTile a{
    border:2px solid #fff;
    border-width: 2px 0 0 0;
    display:inline-block;
    /*overflow:hidden;*/
    background-color:rgb(230,230,230);
    width:100%;
    text-align:center;
    padding:20px 0 0 0;
    min-height:85px;
}
.boxTileNavigation .navTileBox .navTile a:hover{
    background-color:rgb(85,142,213);
}
.boxTileNavigation .navTileBox .navTile.blank{
    border:2px solid rgb(230,230,230);
    background-color:#fff;
    margin-top:2px;  min-height:83px;
}



.boxTileNavigation .navTileBox .navTile a i{ color:rgb(85,142,213); font-size:200%;}
.boxTileNavigation .navTileBox .navTile a span{
    color:black;
    display:block;
    font-size:83.333%;
    margin-top:5px;
}
.boxTileNavigation .navTileBox .navTile a:hover i,
.boxTileNavigation .navTileBox .navTile a:hover span{
    color:#fff !important;
}
    /* description boxes */
.boxTileNavigation .navTileBox .description{
    white-space: normal;
    position:absolute;
    top:0px;
    left:0px;
    opacity: 0;
    -webkit-transition:opacity 500ms ease-out;
    -moz-transition:opacity 500ms ease-out;
    -o-transition:opacity 500ms ease-out;
    transition:opacity 500ms ease-out;
}
.boxTileNavigation .navTileBox .showDescription{
    opacity: 1;
    -webkit-transition:opacity 500ms ease-out;
    -moz-transition:opacity 500ms ease-out;
    -o-transition:opacity 500ms ease-out;
    transition:opacity 500ms ease-out;
}
.boxTileNavigation .navTileBox .description h3{
    color:rgb(85,142,213);
    margin-bottom:10px;
}
.boxTileNavigation .navTileBox .description p{}
.boxTileNavigation .navTileBox .description{}
    /* END of: navigation box tiles */

    /* Navigation footer bar */

.navBar{
    margin:15px 15px;
    min-height:65px;
    /*padding-bottom:20px;*/
}
.navBar .category{
    display:inline-block;
    margin-top: 10px;
}
.navBar .category p{
    display:inline-block;
    padding:2px 10px;
    background-color: rgb(85,142,213);
    color:#fff;
    text-shadow: 1px 1px 1px rgb(0,0,0);
    font-size:76.667%;
}
.navBar .category ul{}
.navBar .category ul li{
    display:inline;
    list-style-type: none;
    float:left;
}
.navBar .category ul li.blank{
    display:inline-block;
    margin-top:2px;
    margin-right:2px;
    min-height: 38px;
    min-width: 40px;
    border:2px solid rgb(230,230,230);
    background-color:#fff;
}
.navBar .category ul li a{
    display:inline-block;
    background-color: rgb(230,230,230);
    border:2px solid #fff;
    border-width: 2px 2px 0 0;
    padding:5px;
    font-size:120%;
    min-width:40px;
    min-height:40px;
    text-align:center;
}
.navBar .category ul li a i{
    color:rgb(150,150,150);
}
.navBar .category ul li a:hover{
    background-color: rgb(85,142,213);
}
.navBar .category ul li a:hover i{
    color:#fff;
}
    /* END of: navigation footer bar */



    /* dialog boxes */
.ui-dialog{
    padding:0;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
    box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
}
.ui-widget-overlay{ background-image: none;}
.ui-dialog-titlebar{ background-color: rgb(85,142,213); background-image: none; border-width:0;}
.ui-dialog-titlebar .ui-dialog-title{ color:#fff;}
.ui-dialog-titlebar-close{ background-color: #fff; }
.ui-dialog h3{ font-size:100%; margin-bottom:10px; margin-left:50px;}
.ui-dialog h3 i{ margin-left:-50px; color:rgb(85,142,213); float:left;}
.ui-dialog p{ font-size:83.33%; margin-bottom:10px; }
.ui-dialog p.entry{ font-style: italic; }
.ui-dialog .ui-button{
    background-color:#ebebeb;
    background-image: none;
    font-size:92.67%;
    border-width: 0;
}
.ui-dialog .ui-dialog-buttonpane{ padding:0; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ float:none; }
.ui-dialog .ui-button:hover{
    background-color:rgb(85,142,213);
}
.ui-dialog .ui-button:hover span{
    color:#fff;
}
.ui-dialog .ui-dialog-buttonset{
    text-align:center;
    float:none;
}
#confirmationDialog{
    display:none;
}
#failedDialog{
    display:none;
}
#failedDialog ul{
    margin-left:35px;
}
#failedDialog ul li{
    font-size:82.67%;
}
#successDialog{
    display:none;
}
    /* END OF: dialog boxes */


    /* Datepicker */
.ui-datepicker{
    font-size:80%;
}
.ui-datepicker{
    padding:0;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
    box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
}
.ui-datepicker .ui-datepicker-header{
    background-image:none;
    background-color: rgb(85,142,213);
    color:#fff;
    border-color:rgb(85,142,213);
}
.ui-datepicker .ui-state-active{
    background-color:rgb(85,142,213);
    color:#fff;
    background-image:none;
}
.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-datepicker-header .ui-state-hover{
    background-color:rgb(85,142,213);
    border-color:rgb(85,142,213);
    color:#fff;
    background-image:none;
}
.ui-datepicker .ui-state-highlight{
    border-color:#fff;
    color:rgb(85,142,213);
}
.ui-datepicker .ui-state-highlight{
    border-color:#fff;
    background-color:#fff;
    background-image: none;
}
.ui-datepicker .ui-datepicker-title span{ color:#fff; }
    /* END of: Datepicker*/


/* CHOSEN: value-box - chosen-container */
.dataTable .data-row .rowContent .valueBox .chosen-container .chosen-single{
    -webkit-border-radius: 0;
    box-shadow:none;
    -webkit-box-shadow:none;
    border-radius: 0;
    background:transparent;
    font-size:14px;
    margin-top:-3px;
    padding-left: 0;
    border: 0 solid rgb(220, 220, 226);
    border-bottom-width: 1px;
}
.dataTable .data-row .rowContent .valueBox .chosen-container .chosen-single span{
    font-family:OpenSansRegular, sans-serif;
    color:rgb(85,142,213);
}
.dataTable .data-row .rowContent .valueBox .chosen-container .chosen-single.chosen-default span{
    font-size:75%;
    padding-top:.3em;
    font-style: italic;
    color:#808080;
    font-weight:bold;
}
.dataTable .data-row .rowContent .valueBox .chosen-container .chosen-drop{
    border-width: 0;
    border-radius:0;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
    box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
}
.dataTable .data-row .rowContent .valueBox .chosen-container .chosen-drop .chosen-search input{
    margin-left:0;
}

.valueBox div.chosen-container{
    width:99% !important;
    margin-left:-5px;
    /*position:absolute;*/
    position:relative;
}
.valueBox div.chosen-container a.chosen-single span{  font-weight:normal; }
.valueBox div.chosen-container a.chosen-default span{
    font-weight:bold; font-size:90%; font-style:italic; }
.valueBox ul.chosen-results{}
.valueBox ul.chosen-results li{ color:rgb(51, 51, 51);}
.valueBox ul.chosen-results li{ line-height:94%; padding-top:0.5em; padding-bottom:0.5em;}
.chosen-container ul.chosen-results li.highlighted{
    background-image: none;
    background-color: rgb(85,142,213);
}
.valueBox ul.chosen-results li.group-result{
    color:rgb(135,135,135);
    font-style:italic;
    font-weight:normal;
    background-color:rgb(244,244,244);
}
.valueBox ul.chosen-results li.group-option{ font-size:90%; }
    /* END of CHOSEN*/


    /* Autocomplete */
.ui-autocomplete{
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
    box-shadow: 3px 3px 3px 0 rgba(0,0,6,.5);
}
.ui-autocomplete .ui-menu-item{
    font-size:62.5%;
}
.ui-autocomplete .ui-menu-item.ui-state-focus{
    background-image: none;
    background-color: rgb(85,142,213);
    border-color:rgb(85,142,213);
}
    /* END of Autocomplete */


    /* Tooltip */
.info-tooltip ul{
    list-style-type: none;
    font-size: small;
}
    /* END of Tooltip */



/* paginators */
.paginator{ text-align:center; margin-top:35px;}
.paginator .pagination{
    display:inline-block;
    margin:0 auto;
}
.paginator .pagination ul{}
.paginator .pagination ul li{
    list-style-type:none;
    display:inline-block;
}
.paginator .pagination ul li a{
    padding:0.2em 0.6em;
    font-size:125%;
    text-align:center;
    margin:0 0.2em;
    border:2px solid rgb(225,225,225);
}
.paginator .pagination ul li.active a{ border-color:rgb(85,142,213);}
.paginator .pagination ul li a:hover{ font-weight:bold; background-color: rgb(85,142,213); color:#fff;}
.paginator .pagination ul li.active a:hover{ font-weight:normal; }
.paginator .pagination ul li a:hover i{ font-weight:bold;}
/* END OF paginators */


.dataTable .data-row .rowContent .valueBox .ctrBox{}



/* add inProgress state */
.dataTable .data-row.inProgress{ padding: 1px 3px 1px 1px; }
.dataTable .data-row.inProgress .rowContent{
    background:rgb(255,255,255);
    border: 0 solid rgb(220,220,220);
    border-width:1px 0px 0px 1px;
    padding:1px 0 5px 0;

    -webkit-box-shadow: 2px 3px 9px -3px #000000;
    box-shadow: 2px 3px 9px -3px #000000;

    /* do it smooth */
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
/* END of: add inProgress state */




.clearFix{
  clear:both;
  float:none;
  font-size:0.1em;
  line-height:0.1em;
  height:0;
  width:0;
  border:none;
}



.defaultLayout footer{
    position:relative;
    text-align:center;
}
.simpleLayout footer{
    position:absolute;
    bottom:10px;
    left:50%;
    margin-left:-10%;
}
footer p{
    color:rgb(80,80,80);
    font-size:67.667%;
    margin-top: 20px;
    margin-bottom: 20px;
}


.contentMain{ min-height:600px; padding-bottom:100px; position:relative; }
.navBar{ position: relative; bottom:5px;}
footer{ position:absolute; bottom:15px; }