/**
 * Style EACMT
 * v2
 */


/* ---------- general settings ---------- */

html, body, img, div { margin: 0; padding: 0; }

p, h1, h2, h3, h4, h5, table, td, a, form, ul, .fileboxextra
{
			margin: 0;
			padding: 0;
			font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

ul			{ margin-left: 10px; }

.systemtxt
{
			padding-top: 5px;
			font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
/* 
* { box-sizing: border-box; }
*/

/* ---------- container settings ---------- */

.gear 		{
			position: absolute; top: 0px; right: 0px;
			float: left;
}

.overall	{
			position: relative; top: 0px; left: 0px;
			width: 1550px; 
			z-index: 3;
  			margin: 20px 0px 0px 20px;
			}

.div_330px	{
			position: relative; top: 0px; left: 0px;
			width: 330px;
			float: left;
			}
.div_250px	{
			position: relative; top: 0px; left: 0px;
			width: 250px;
			float: left;
			}
.div_230px	{
			position: relative; top: 0px; left: 0px;
			width: 230px;
			float: left;
			}
.div_220px	{
			position: relative; top: 0px; left: 0px;
			width: 220px;
			float: left;
			}

.div_200px	{
			position: relative; top: 0px; left: 0px;
			width: 200px;
			float: left;
			}

.div_190px	{
			position: relative; top: 0px; left: 0px;
			width: 190px;
			float: left;
			}

.div_150px	{
			position: relative; top: 0px; left: 0px;
			width: 150px;
			float: left;
			}

.div_100px	{
			position: relative; top: 0px; left: 0px;
			width: 100px;
			float: left;
			}

.div_120px	{
			position: relative; top: 0px; left: 0px;
			width: 120px;
			float: left;
			}

.div_100	{
			position: relative; top: 0px; left: 0px;
			width: 99.9%;
			float: left;
			}
.div_100_absolute	{
			position: absolute; top: 0px; left: 0px;
			width: 99.9%;
			float: left;
			}

.div_98		{
			position: relative; top: 0px; left: 0px;
			width: 97.9%;
			float: left;
			}

.div_97		{
			position: relative; top: 0px; left: 0px;
			width: 96.9%;
			float: left;
			}

.div_95		{
			position: relative; top: 0px; left: 0px;
			width: 94.9%;
			float: left;
			}

.div_90		{
			position: relative; top: 0px; left: 0px;
			width: 89.9%;
			float: left;
			}

.div_80		{
			position: relative; top: 0px; left: 0px;
			width: 79.9%;
			float: left;
			}

.div_75		{
			position: relative; top: 0px; left: 0px;
			width: 74.9%;
			float: left;
			}

.div_70		{
			position: relative; top: 0px; left: 0px;
			width: 69.9%;
			float: left;
			}

.div_60		{
			position: relative; top: 0px; left: 0px;
			width: 59.9%;
			float: left;
			}

.div_50		{
			position: relative; top: 0px; left: 0px;
			width: 49.9%;
			float: left;
			}

.div_45		{
			position: relative; top: 0px; left: 0px;
			width: 44.9%;
			float: left;
			}

.div_40		{
			position: relative; top: 0px; left: 0px;
			width: 39.9%;
			float: left;
			}

.div_33real		{
			position: relative; top: 0px; left: 0px;
			width: 33.29%;
			float: left;
			}

.div_40		{
			position: relative; top: 0px; left: 0px;
			width: 39.9%;
			float: left;
			}

.div_32		{
			position: relative; top: 0px; left: 0px;
			width: 31.9%;
			float: left;
			}

.div_30		{
			position: relative; top: 0px; left: 0px;
			width: 29.9%;
			float: left;
			}

.div_25		{
			position: relative; top: 0px; left: 0px;
			width: 24.9%;
			float: left;
			}

.div_24		{
			position: relative; top: 0px; left: 0px;
			width: 23.9%;
			float: left;
			}

.div_23		{
			position: relative; top: 0px; left: 0px;
			width: 22.9%;
			float: left;
			}

.div_20		{
			position: relative; top: 0px; left: 0px;
			width: 19.9%;
			float: left;
			}

.div_17		{
			position: relative; top: 0px; left: 0px;
			width: 16.9%;
			float: left;
			}

.div_16		{
			position: relative; top: 0px; left: 0px;
			width: 15.9%;
			float: left;
			}

.div_15		{
			position: relative; top: 0px; left: 0px;
			width: 14.9%;
			float: left;
			}

.div_13		{
			position: relative; top: 0px; left: 0px;
			width: 12.9%;
			float: left;
			}

.div_12		{
			position: relative; top: 0px; left: 0px;
			width: 11.9%;
			float: left;
			}

.div_11		{
			position: relative; top: 0px; left: 0px;
			width: 10.9%;
			float: left;
			}

.div_10		{
			position: relative; top: 0px; left: 0px;
			width: 9.9%;
			float: left;
			}

.div_8		{
			position: relative; top: 0px; left: 0px;
			width: 7.9%;
			float: left;
			}
.div_6		{
			position: relative; top: 0px; left: 0px;
			width: 5.9%;
			float: left;
			}
.div_5		{
			position: relative; top: 0px; left: 0px;
			width: 4.9%;
			float: left;
			}
.div_4		{
			position: relative; top: 0px; left: 0px;
			width: 3.9%;
			float: left;
			}
.div_20x20	{
			position: relative; top: 0px; left: 0px;
			width: 20px !important;
			height: 20px !important;
			}

.h5			{
			height: 5px !important;
			max-height: 5px !important;
			}

.h50			{
			height: 50px !important;
			}

.h60			{
			height: 60px !important;
			}

.norm 		{
  			color: #000000;
  			border: solid #cfd1d2 1px;
  			margin: 5px;
			padding: 5px
			}

.normfile 		{
  			color: #000000;
  			border: solid #cfd1d2 1px;
			padding: 5px
			}

.normohne 	{
  			color: #000000;
  			border: solid #ffffff 1px;
  			margin: 5px 5px 20px 5px;
			}

.normohnecompact 	{
  			color: #000000;
  			border: solid #ffffff 1px;
  			margin: 5px;
			}

.main 		{
			position: relative; top: 0px; left: 0px;
  			padding-top: 10px;
/*  			min-height: 600px;
  			height: auto;
*/			}

.sticky 	{
			z-index: 9999999999999999;
} 
.radius		{
			-webkit-border-radius: 2;
			-moz-border-radius: 2;
			border-radius: 2px;
			}
			
.rechts		{
  			text-align: right;
			}

.center		{
  			text-align: center;
			}
.mauto 		{
   			margin: auto;
   			}
.clear		{
			clear: both;
			}

.w80px	{
			width: 80px !important;
			}

.pt15 		{
			top: 15px !important;
			}

.pt10 		{
			top: 10px !important;
			}

.pt5 		{
			top: 5px !important;
			}

.pl5 		{
  			padding-left: 5px;
			}

.pa5 		{
  			padding: 5px;
			}

.ma5 		{
  			margin: 5px;
			}

.mt0		{
  			margin-top: -10px !important;
			}

.mt10		{
  			margin-top: 10px !important;
			}

.mt20		{
  			margin-top: 20px !important;
			}

.mt5		{
  			margin-top: 5px !important;
			}
.mt6		{
  			margin-top: 6px !important;
			}

.mt2		{
  			margin-top: 2px !important;
			}

.ml10		{
  			margin-left: 10px !important;
			}

.ml20		{
  			margin-left: 20px !important;
			}

.ml5		{
  			margin-left: 5px !important;
			}

.ml3		{
  			margin-left: 3px !important;
			}

.mr5		{
  			margin-right: 5px !important;
			}

.mr3		{
  			margin-right: 3px !important;
			}

.mr2		{
  			margin-right: 2px !important;
			}

.mr10		{
  			margin-right: 10px !important;
			}

.mr30		{
  			margin-right: 30px !important;
			}

.mr100		{
  			margin-right: 100px !important;
			}
.t10		{
  			top: 10px !important;
			}

.t5		{
  			top: 5px !important;
			}

.m0			{
			margin: 0px !important
			}

.fl			{
			float: left;
			}
.fr			{
			float: right;
			}
.mh18			{
  			min-height: 18px;
}
.mh10			{
  			min-height: 10px;
}

.mh24			{
  			min-height: 24px;
}

.block			{
			display: block;
			}

.borderright {
	border-right: 1px solid #aaaaaa;
}

#mainadmin, .mainviewer, #mainasse, #mainoverview, #mainbatch, #mainviewer, #mainaudit	{
			display: flex; 				/*added*/
			flex-direction: column; 	/*added*/			
			}

#mainviewer	{
			min-height: 200px !important;
			}
#mainsettings	{
			display: flex; 				/*added*/
			}
			

th.textlft, td.textlft {
	vertical-align: left !important;
}
/* ---------- font settings ---------- */

h1 			{
			font-size: 22px;
			font-weight: bold;
			padding: 0px 0px 10px 0px;		
			}

h2 			{
			font-size: 18px;
			font-weight: bold;
			padding: 0px 0px 10px 0px;		
			}

h3 			{
			font-size: 16px;
			font-weight: bold;
			padding: 0px 0px 10px 0px;		
			}

h4 			{
			font-size: 13px;
			font-weight: bold;
			padding: 10px 0px 10px 0px;		
			}

h5 			{
			font-size: 12px;
			font-weight: bold;
			padding: 0px 0px 10px 0px;		
			}


.klein 		{
			font-size: 10px;
			}
.extraklein 		{
			font-size: 8px;
			}

.a_filter_expert, .italic {
			font-style: italic;
}

#thepublication		{
			font-size: 18px;
			font-weight: bold;
			padding: 0px !important;		
			}

#theversion		{
			font-size: 12px;
			padding: 0px 0px 10px 0px !important;		
			}

.right		{
  			text-align: right;
			}
.grau 		{
			color: #cccccc !important;
			}

.red 		{
  			background: #cc0000;
}

.bgredtw	{
			color: #ffffff !important;
  			background: #cc0000 !important;
}

.bgred	{
			color: #ffffff !important;
  			background: #cc0000 !important;
}
.weiss 		{
			color: #ffffff !important;
}

.tred 		{
  			color: #cc0000;
}

.tgreen		{
			color: #009900;
}

.torange		{
			color: #f7a008;
}
.bgdarkgray	{
			color: #ffffff !important;
  			background: #aaaaaa !important;
}
.bgdarkblue	{
			color: #ffffff !important;
  			background: #0869a8 !important;
}

/* ---------- start navigation ----------------- */
.btnnavi 	{
			padding: 8px 12px 8px 12px;
			}

.btnblau 	{
			background: #3880be;
			background-image: -webkit-linear-gradient(top, #3880be, #0b72b5);
			background-image: -moz-linear-gradient(top, #3880be, #0b72b5);
			background-image: -ms-linear-gradient(top, #3880be, #0b72b5);
			background-image: -o-linear-gradient(top, #3880be, #0b72b5);
			background-image: linear-gradient(to bottom, #3880be, #0b72b5);
			color: #ffffff;
			text-decoration: none;
}

.btnblau:hover {
  			background: #0869a8;
  			background-image: -webkit-linear-gradient(top, #0869a8, #0b72b5);
  			background-image: -moz-linear-gradient(top, #0869a8, #0b72b5);
			background-image: -ms-linear-gradient(top, #0869a8, #0b72b5);
			background-image: -o-linear-gradient(top, #0869a8, #0b72b5);
			background-image: linear-gradient(to bottom, #0869a8, #0b72b5);
			text-decoration: none;
			}

.btngrau 	{
			background: #8a8888;
			background-image: -webkit-linear-gradient(top, #8a8888, #a3a3a3);
			background-image: -moz-linear-gradient(top, #8a8888, #a3a3a3);
			background-image: -ms-linear-gradient(top, #8a8888, #a3a3a3);
			background-image: -o-linear-gradient(top, #8a8888, #a3a3a3);
			background-image: linear-gradient(to bottom, #8a8888, #a3a3a3);
			color: #ffffff;
			text-decoration: none;
			}

.btngrau:hover {
			background: #a3a3a3;
			background-image: -webkit-linear-gradient(top, #a3a3a3, #8a8888);
			background-image: -moz-linear-gradient(top, #a3a3a3, #8a8888);
			background-image: -ms-linear-gradient(top, #a3a3a3, #8a8888);
			background-image: -o-linear-gradient(top, #a3a3a3, #8a8888);
			background-image: linear-gradient(to bottom, #a3a3a3, #8a8888);
			text-decoration: none;
			}

#mycounter 	{
			margin-top: 6px !important;
			margin-right: 6px !important;
			}
/* ---------- ende navigation ----------------- */

.reminderbutton {
	width: 100% !important;
}


/* ---------- start viewer ----------------- */

.dataTables_length > label, 
.dataTables_filter > label,
.dataTables_info,
.dataTables_length > label,
.dataTables_info
			{
			font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
			}

#viewer-roadmap {
			width: 100% !important;
}


table.dataTable {
			margin: 0 !important;
}

p.toggle 	{
			margin-top: 0px;
			margin-bottom: 7px;
			}

.length-rm {
			float: left;
}
.info-rm {
			float: right;
			margin-right: 10px !important;
}

.tooltip {
    cursor:help;
    font-style: inherit;
    font-weight: inherit;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-color: inherit;
}


.tdhgst0		{
   		 	background: #0b72b5;
    		text-align: center;
			vertical-align: middle;
			color: #FFFFFF;
			}

.tdhgst1		{
   		 	background: #048619;
    		text-align: center;
			vertical-align: middle;
			color: #FFFFFF;
			}

.tdhgst2		{
   		 	background: #eb1e1e;
    		text-align: center;
			vertical-align: middle;
			color: #FFFFFF;
			}

.tdhgst3		{
   		 	background: #8a8888;
    		text-align: center;
			vertical-align: middle;
			color: #FFFFFF;
			}

table.tableroadmap td {
    		border: 1px solid #e3e4e5;
			}

td.tdroadmap {
			background: #eceded;
			color: #000000;
}

table.tbroadmaptext td {
    		border: 0px solid #ffffff;
			}

td.pretextright {
			text-align: right;
			vertical-align: top;
			border-top: 0px solid #ddd !important;
			}

td.textleft {
			text-align: left;
			vertical-align: top;
			border-top: 0px solid #ddd !important;
			}


td.topleft {
    		text-align: left;
			vertical-align: top;
}

td.nobreak {
			white-space: nowrap;
}

td.tdhgstrmrv		{
   		 	background: #ff5907;
    		text-align: left;
			vertical-align: middle;
			color: #FFFFFF;
			}

td.hidden, tr.hidden 	{
			width: 1px !important;
			}

th.leer2, td.leer2 	{
			width: 0px !important;
			padding: 0px !important;
			}

.dobreak {
		word-wrap: break-word;
}

#viewer-roadmap {
    width:100%;
}

.button_reset {
			width: 25px;
			height:26px;
			}

.ui-gray {
			color: gray;
			}
.ui-black {
			color: black;
			}

.ui-tabs .ui-tabs-panel {
    z-index: 9997;
    position: absolute;
	top: 34px;
	background-color: #ffffff;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin-right: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    z-index: 9998;
}

.tab-reset {
	z-index: 9999;
	top: .4em !important;
}

.ui-widget .ui-widget-content {
    border: 1px solid #d3d3d3;
}
.ui-tabs {
    border: 0px solid #d3d3d3 !important;
}

/* 
.ui-widget-header {
 */
#tabs .ui-widget-header {
    border-top: 0px solid #aaaaaa;
    border-left: 0px solid #aaaaaa;
    border-right: 0px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
	background: #fff;
	border-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 2px;
}

.ui-selectmenu-button, .ui-selectmenu-button-closed, .ui-button, .ui-multiselect {
    max-height: 24px !important;
    font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.ui-multiselect > span {
    max-height: 24px !important;
    font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.multiselectcondition {
    max-height: 24px !important;
    width: 40px !important;
    margin-top: 12px !important;
}

button.msc { width: 50px !important; }

div.msc {
    width: 60px !important;
}

li.tabs_set		{
   		 	background: #0869a8;
}
a.tabs_set		{
   		 	color: #fff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #aaaaaa !important;
	background: #0869a8;
	color: #fff !important;
}

.ui-state-disabled {
	border: 0px solid #aaaaaa !important;
}
.ui-tabs-panel {
			width: 100%;
			max-width: 1470px;
}
.tabs-form		{
				border: 1px solid #d3d3d3 !important;
				}
.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-state-default, .detail, .ovmenubutton	{
	cursor:pointer;
}

.dataTables_wrapper {
	position: relative;		
}
.dataTables_wrapper .loading {
    width:100%;
    height:100%;
    background:rgba(255,255,255,.7);
    position:absolute;
    top:0;
    left:0;
    text-align: center;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.loading {
    width:100%;
    height:100%;
    background:rgba(255,255,255,.95);
    position:absolute;
    top:0;
    left:0;
    text-align: center;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index: 999;
}

.sk-circle {
  margin: 150px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #3880be;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.ui-widget {
    font-size: .85em !important;
}

.ui-red, .red {
			color: red;
			}

.ui-green, .green {
			color: #009900;
			}

.ui-green:hover {
			color: #009900 !important;
			}

.ui-orange, .orange {
			color: #ffaa00;
			}

td.lightgreen {
			background-color: #99ff99;
			}

td.green {
			background-color: #009900;
			}

td.tdred {
			background-color: red;
			}

.ui-resizable-se {
	position: absolute !important;
    cursor: se-resize;
    right: 4px !important;
    bottom: 4px !important;
}

.ui-resizable-e {
	position: absolute !important;
    cursor: e-resize;
    right: 4px !important;
    top: 120px !important;
}

button.filter_adm, .ui-multiselect-menu + .filter_adm {
  	width: 600px !important;
	}

.ui-multiselect-menu + .filter_asse_user_id {
  	width: 400px !important;
	}

/* 
button.filter_stru_id, .ui-multiselect-menu + .filter_stru_id {
  	width: 500px !important;
	}
.ui-multiselect-menu + filter_stru_id > .ui-multiselect-checkboxes {
  	min-width: 500px !important;
}
 */

.ui-multiselect-menu + .multiselectcondition {
  	width: 50px !important;
	}

/* 
.myresizablemarker {
	position: absolute; 
	top: 120px; right: 0px; 
	background: #eceded; 
	width: 12px;
}
 */

#block-viewer-roadmap {

	}

.dreh {
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}

.soleer, .fsbggrau  {
  			background: #e7e7e7; /* grau: e7e7e7 ; orange: f7a008 */
}

.bgorange  {
  			background: #f7a008; /* grau: e7e7e7 ; orange: f7a008 */
}

.txtwhite  {
  			color: #ffffff !important; /* grau: e7e7e7 ; orange: f7a008 */
}


.willnotrender { 
   transform: translateZ(0); 
}

.ui-state-soft {
    opacity: .35 !important;
    filter: Alpha(Opacity=35) !important;
    background-image: none !important;
}

button.ui-multiselect, ul.ui-multiselect-checkboxes li label {
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-filterpreselect {
	float: left;
}

#notification p {
	background-color: #CC0000 !important;
    color: #FFFFFF;
    padding-top: 5px !important;
    cursor:help;
}

.tooltip {
    cursor:help;
}

#comment {
	width: 700px !important;
}

#comment td.td_comment_user {
	width: 150px !important;
}
#comment td.td_comment_text {
	width: 400px !important;
}
#comment td.td_comment_time {
	width: 150px !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > #viewer_comment > tbody > tr > td {
    vertical-align: top !important;
}

.btnsubnavi 	{
			padding: 8px 12px 8px 12px;
  			border-top: solid #cfd1d2 1px;
  			border-left: solid #cfd1d2 1px;
  			border-right: solid #cfd1d2 1px;
  			background-color: #FFFFFF;
  			color: #000000;
  			text-decoration: none;
			}

.btnsubnaviinactiv {
	background: #e6e6e6;
	border-bottom: solid #cfd1d2 1px;
	padding: 7px 12px 7px 12px;
}

/* ---------- ende viewer ----------------- */
/* ---------- start object editor ---------- */

.hidden		{
			display: none;
			}

#objecteditoruser > label, 
#objecteditoruser_filter > label,
#objecteditoruser_info,
#objecteditoruser_length > label,
#objecteditoruser_info
			{
			font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
			}

.inputfile	{
			font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
			}


.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: left !important;
    padding-top: 0.25em;
    padding-left: 0.25em;
}

.toedit, .bearbeiten 	{
			cursor: pointer;
			}

.ui-dialog-titlebar-close {
    height: 1.0em !important;
    margin: -0.5em 0 0 0 !important;
    right: .3em !important;
    width: 1.0em !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .01em 1em !important;
}

.ui-button-icon-only {
    min-width: 0.0em !important;
}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
    font-weight: bold;
}

#objecteditor-dialog {
	border: 0px solid #d3d3d3;
	}

form > label, .divlabel, label.labelextra		{
			width: 120px; 
			float: left;
			}

label.labeloption	{
			width: 20px !important; 
			float: left !important;
			}

.mb5 		{ margin-bottom: 5px; }
.mb2 		{ margin-bottom: 2px; }
.mb10 		{ margin-bottom: 10px; }
.mb15 		{ margin-bottom: 15px; }
.mb20 		{ margin-bottom: 20px; }
.mb50 		{ margin-bottom: 50px; }
.mbminuszwo	{ margin-bottom: -2px !important}
.mtminusfive	{ position: relative; top: -4px !important; left: 0px; }
.mtm5 		{ margin-top: -5px; }
.mtm8 		{ margin-top: -8px; }
.mt7		{ margin-top: 7px !important;}
.mt2		{ margin-top: 2px;}
.mt3		{ margin-top: 3px !important;}
.ml3		{ margin-left: 3px !important;}
.mt4		{ margin-top: 4px !important;}
.ml10 		{ margin-left: 10px; }
.ml20 		{ margin-left: 20px; }
.mr5		{ margin-right: 5px; }
.ml15		{ margin-left: 15px !important;}
.m5			{ margin: 5px; }
.m2			{ margin: 2px; }
.p5			{ padding: 5px !important; }

.px40 		{
			width: 40px !important;
			min-width: 80px !important;
			height: 18px;
			}

.px50 		{
			width: 50px;
			min-width: 50px;
			height: 18px;
			}

.px50oh		{
			width: 50px !important;
			min-width: 50px !important;
			}

.px60oh		{
			width: 60px !important;
			min-width: 60px !important;
			}

.px80 		{
			width: 80px !important;
			min-width: 80px !important;
/*			height: 18px !important;	*/
			}

.px50select 		{
			width: 50px;
			min-width: 50px;
			height: 18px;	*/
			}
.px80select 		{
			width: 80px;
			min-width: 80px;
			height: 18px;	*/
			}
.px100select 		{
			width: 100px;
			min-width: 100px;
			height: 18px;	*/
			}
.px120select 		{
			width: 120px;
			min-width: 120px;
			height: 18px;	*/
			}

.px120 		{
			width: 120px !important;
			min-width: 120px !important;
			}

.px150 		{
			width: 150px !important;
			min-width: 150px !important;
			}

.px180 		{
			width: 180px !important;
			min-width: 180px !important;
			}

.px200 		{
			width: 200px !important;
			min-width: 200px !important;
			height: 18px;
			}

.px300 		{
			width: 300px;
			min-width: 300px;
			height: 18px;
			}

.px500 		{
			width: 500px;
			min-width: 500px;
			height: 18px;
			}

.px550 		{
			width: 550px;
			min-width: 550px;
			height: 18px;
			}

.px600 		{
			width: 600px !important;
			min-width: 200px !important;
			}

.pxmax 		{
			width: 98.7% !important;
			min-width: 200px !important;
			}

.w100proz 		{
			width: 99.9% !important;
			min-width: 200px !important;
			}


.px300h150 {
			width: 304px;
			min-width: 304px;
			height: 150px;
			min-height: 150px;
			border: 1px #d0d0d0 solid;
			}

.prozent100h300 {
			width: 99%;
			min-width: 600px;
			height: 300px;
			min-height: 150px;
			border: 1px #d0d0d0 solid;
			}

.prozent100h150 {
			width: 99%;
			min-width: 600px;
			height: 150px;
			min-height: 150px;
			border: 1px #d0d0d0 solid;
			}
.prozent100hlow {
			width: 99%;
			min-width: 600px;
			height: 20px;
			min-height: 20px;
			border: 1px #d0d0d0 solid;
			}

.prozent100h100 {
			width: 99%;
			min-width: 600px;
			height: 100px;
			min-height: 100px;
			border: 1px #d0d0d0 solid;
			}

.prozent100h75 {
			width: 99%;
			min-width: 600px;
			height: 75px;
			min-height: 75px;
			border: 1px #d0d0d0 solid;
			}

.prozent75 {
			width: 75% !important;
			min-width: 600px !important;
			height: 18px;
			border: 1px #d0d0d0 solid;
			}


h4			{
			margin: 0 !important;
			font: 14px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif !important;
			font-weight: bold !important;
			}

.mr50 		{ margin-right: 50px !important; }

.buttonsmall:hover 		{ background-color: #e9e9e9; }
.buttonsmall:active 	{ background-color: #d0d0d0; }

.bb 		{ border-bottom: 1px solid #ccc; }
.bt 		{ border-top: 1px solid #ccc; }
.bblight	{ border-bottom: 1px solid #eee; }
.btlight	{ border-top: 1px solid #ccc; }

form input.buttonsmall, button.buttonsmall {
	display: block;
	min-width: 25px;
	min-height: 25px;
	padding-left: 0px;
	border: 1px #b9babd solid;
	vertical-align: center;
	padding: 2px 5px;
    border-radius: 2px;
}
button.buttonbig {
	display: block;
	width: 100%;
	min-height: 25px;
	padding-left: 0px;
	border: 1px #b9babd solid;
	vertical-align: center;
	padding: 2px 5px;
    border-radius: 2px;
}

.oedatepicker {
    border: 1px #d0d0d0 solid !important;
	height: 18px;
}
.clear {
	clear: both;
	}

input.disabled, textarea.disabled {
/*	background-color: #ffffff !important; */
	background-color: #f3f3f3 !important;
	border: 1px dashed #dedede !important;
	resize: none;
}
	
div.faketextarea {
	background-color: #f3f3f3 !important;
	border: 1px dashed #dedede !important;
}

.faketextarea > span > p {
	padding-bottom: 8px;
}
.oetable {display: table;}
.table-row {display: table-row;}
.table-cell-label, .table-cell-value, .table-cell {display: table-cell;}
.table-cell-label {width: 120px; vertical-align: top !important;}
.table-cell-value {width: 420px;}

.table-cell-fa, .table-cell-fb, .table-cell-fc, .table-cell-fd, .table-cell-fe, .table-cell-ff {display: table-cell;}
.table-cell-ra, .table-cell-rb, .table-cell-rc {display: table-cell;}
.table100 {width: 99%;}

.tcw80 {width: 80px;}

.vertical {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.ui-icon-lock, ui-icon-lock-open {
	cursor:unset !important;
}

/* 
.oebuttonpre {
	margin-left: 3px !important;
}
*/

.usertime {
	min-width: 23px;
	min-height: 23px;
}

.timepicker {
	z-index: 9999999 !important;
	display: block;
}

label.ui-corner-all {
    width: 95% !important;
}

/* ---------- ende object editor ---------- */

/* ---------- start sms audit ---------- */
h1.h1audit {
	display: block !important;
	border-top: 1px solid #000000 !important;
	padding-top: 10px !important;
	margin-top: 10px !important;
}
h2.h2audit, h3.h3audit {
	display: block !important;
	padding-top: 10px !important;
	margin-top: 10px !important;
}

p.faudit {
	margin-bottom: -5px !important;
}

.bblow {
	border-bottom: 1px solid #cccccc !important;
	margin-bottom: 5px !important;
}


.bggrau {
	background: #eeeeee;
}
.bggreen {
	background: #009900 !important;
}
.bgweiss {
	background: #ffffff;
}
.btgreen {
	background: #009900 !important;
	color: #ffffff !important;
}

.ftbg, td.Sat.ftbg, td.Sun.ftbg {
	background: #edd9d9 !important;
}

td.day, th.thday {
	width: 55px !important;
	min-width: 55px !important;
	vertical-align: top !important;
	border-right: 1px solid #cccccc !important;
}

td.month, th.thmonth {
	width: 60px !important;
	border-right: 1px solid #cccccc !important;
}

th.ohner {
	border-right: 0px solid #cccccc !important;
}

td.Sat, td.Sun {
	color: #cccccc !important;
	background-color: #eeeeee !important;
}

span.datesmall {
	font-size: .85em !important;
}

span.auditSMS {
	padding: 3px !important;
	color: #ffffff !important;
	background-color: #3944b5 !important;
	display: block;
}

span.auditDégivrage {
	padding: 3px !important;
	color: #ffffff !important;
	background-color: #009914 !important;
	display: block;
}

.colorpicker {
	z-index: 9999999999999 !important;
}

button.buttonsmallmax24 {
    display: block;
    min-width: 24px;
    max-height: 24px !important;
    padding-left: 0px;
    border: 1px #b9babd solid;
    vertical-align: center;
    padding: 2px 5px;
    border-radius: 2px;
}

span.testspan {
	padding: 0px !important;
	margin: 0px !important;
}

/* ---------- ende sms audit ---------- */

/* ---------- start assessment ---------- */
.thlft {
	text-align: left;
}

.thcenter {
	text-align: center !important;
}

/* #cml {
    border: 0px #b9babd solid !important;
	width: 800px !important;
}
*/

th.tdcml1, td.tdcml1 {
	width: 24px !important;
	min-width: 24px !important;
	overflow: hidden !important;
}
th.tdcml2, td.tdcml2 {
	width: 24px !important;
	min-width: 24px !important;
	overflow: hidden !important;
}
th.tdcml3, td.tdcml3 {
	width: 180px !important;
	min-width: 180px !important;
	overflow: hidden !important;
}
th.tdcml4, td.tdcml4 {
	width: 60px !important;
	min-width: 60px !important;
	overflow: hidden !important;
}
td.tdcml4 > label.labelextra { display: none; }

th.tdcml5, td.tdcml5 {
	width: 300px !important;
	min-width: 300px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
td.tdcml5 > button.ui-multiselect {
	position: relative;
	top: 3px !important;
}

th.tdcml6, td.tdcml6 {
	width: 80px !important;
	min-width: 80px !important;
	overflow: hidden !important;
}
td.tdcml6 > label.labelextra { display: none; }

th.tdcml7, td.tdcml7 {
	width: 24px !important;
	min-width: 24px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}

.addobject {
	margin-left: 5px !important;
	margin-bottom: 5px !important;
}

th.tdadd1, td.tdadd1, th.tdadd2, td.tdadd2 {
	width: 24px !important;
	min-width: 24px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}

th.tdadd3, td.tdadd3 {
	width: 300px !important;
	min-width: 300px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}

th.tdadd4, td.tdadd4 {
	width: 650px !important;
	min-width: 650px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdadd4full {
	width: 90% !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}

.box { 
        display: none;
        margin-top: 20px;
    }

th.tdfind1, td.tdfind1 {
	width: 130px !important;
	min-width: 130px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdfind2, td.tdfind2 {
	width: 150px !important;
	min-width: 150px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdfind3, td.tdfind3 {
	width: 150px !important;
	min-width: 150px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdfind4, td.tdfind4 {
	width: 80px !important;
	min-width: 80px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdfind5, td.tdfind5 {
	width: 80px !important;
	min-width: 80px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdfind6, td.tdfind6 {
	width: 80px !important;
	min-width: 80px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
th.tdrecomm4, td.tdrecomm4 {
	width: 650px !important;
	min-width: 650px !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}

th.tdlink0, td.tdlink0 {
	width: 50px !important;
	min-width: 50px !important;
	overflow: hidden !important;
}
th.tdlink1, td.tdlink1 {
	width: 250px !important;
	min-width: 250px !important;
	overflow: hidden !important;
}
th.tdlink2, td.tdlink2 {
	width: 200px !important;
	min-width: 200px !important;
	overflow: hidden !important;
}
th.tdlink3, td.tdlink3 {
	width: 200px !important;
	min-width: 200px !important;
	overflow: hidden !important;
}

.thtdvat {
	vertical-align: top !important;
}
.cmldelete {
	vertical-align: middle !important;
}

.ui-icon-move-v, .ui-icon-carat-2-n-s {
	cursor:grab;
}
.ui-icon-move-v:active, .ui-icon-carat-2-n-s:active {
	cursor:grabbing;
}
.tdgrab:before {
  position: relative;
  font-family: 'jquery-ui', sans-serif;
  top: 2px;
  left: 0;
  right: 2px;
  content: '\e66f';
}
th.tbl, td.tbl, div.tbl	{ 
	border-top: 1px solid #ddd;
}
.oedatepickerfindings {
    border: 1px #d0d0d0 solid !important;
    height: 18px !important;
}

.sc-green		{
	color: #009900;
	font-weight: bold;
}

.ui-state-highlight-eacmt {
  background-color: #eeeeee;
}

.tdfind3 > button {
	margin-top: 8px !important;
}

.w200 {
    width: 200px;
}
.table-cell-value-adm {
    width: 650px !important;
}
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
 /*   margin-left: -1px; */
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    width: 200px;
  }
  
  .input-asse-user-id, #asse_company_id-button > .ui-selectmenu-text, #asse_qa_company_id-button > .ui-selectmenu-text,
  #asse_company_id_zwo-button > .ui-selectmenu-text
   {
	font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif !important;
	}
  .errorbox {
    border: 1px solid #ff0000 !important;
}

#asse_company_id-button, #asse_company_id_zwo-button, #asse_qa_company_id-button {
	padding: 2px !important;
}

.tdtextblack {
	color: #000000 !important;
}
.tdtextgray {
	color: #7F7F7F !important;
}

td.textsmall, .textsmall
{
			margin: 0;
			padding: 0;
			font: 9px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}


#assetabs .ui-widget-header {
    background: #ffffff !important;
}

#assetabs .ui-widget-header {
    border: 0px solid #dddddd;
}

#assetabs .ui-state-default {
    background: #ffffff !important;
}

#assetabs .ui-state-active {
    background: #eeeeee !important;
}

#assetabs .scroller { 
    height: 30px; 
	overflow: auto; 
} 
#assetabs ul { 
    width: 1000px; 
    border: 0; 
}
 /* Hide scrollbar for Chrome, Safari and Opera */
.scroller::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroller {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

td.isupdate, .isupdate {
	border-left: 3px #3f9fff solid; 
}

td.isnew, .isnew {
	border-left: 3px #1629e8 solid; 
}

.filenewtxt {
	border-left: 3px #ff6600 solid; 
}

td.filenew {
	border-left: 3px #ff6600 solid; 
}

td.filenew.isupdate {
	border-left: 3px #3f9fff solid; 
	box-shadow: -8px 0px 0px 0px #ff6600;
}

.asse_inactiv > a {
	font-style: oblique !important;
}

/* ---------- ende assessment ---------- */
/* ---------- start editor ---------- */

/* ---------- ende editor ----------- */

/* ---------- start overview ---------- */

.edline {
			border-top: 1px solid #ddd !important;
			}

.overviewmenu {
    max-height: 600px;
    overflow: auto;
}
span.ovmenubutton, span.ovstructur {
  display:block;
}

span.ovmenubutton, span.ovstructur
{
	font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
	padding-top: 3px;
}

span.ovarticleselectet {
	font-weight: bold;
}
.mshow2 {
	font-size: 105% !important;
	padding-bottom: 6px;
	padding-top: 6px;
}
.mshow3 {
	padding-left: 8px;
	font-size: 95% !important;
	padding-bottom: 6px;
	padding-top: 6px;
}
.ovarticle {
	padding-left: 16px;
}
.ovmhover:hover {
	background: #d9dadb;
	color:#000000;
}

.textcolor1 {
	color:#000000;
}
.textcolor2 {
	color:#000000;
}
.textcolor3 {
	color:#87888a;
}
.btnblau {
	color:#FFFFFF !important;
}

#toverview {
	width: 100%;
}

.tboverview {
	width: 200px;
	vertical-align: top !important;
}

.tbasse {
	width: 100px;
	vertical-align: top !important;
}

td.pretextright {
    text-align: right;
}

td.textleft {
    text-align: left;
}

td {
    vertical-align: top;
/*    padding-right: 5px;
    padding-bottom: 5px;
*/
}

tr.trlv1 > td {
    border-bottom: solid #8a8888 1px;
    padding-bottom: 1px;
}
tr.trlv1 + tr > td {
    padding-top: 5px;
}
/* ---------- ende overview ----------- */
/*
.trow { display: flex; }
.tcol { flex: 3; }
*/

div.preshowlevel, div.lastlineshowlevel {
	position: relative; top: 0px; left: 0px;
	display: block;
	text-align: left;
	float: left;
}
div.preshowleveltxt {
	position: relative; top: 0px; left: 0px;
	display: block;
	float: left;
	width: 20px !important;
}
div.showlevel {
	position: relative; top: 0px; left: 0px;
	display: block;
	float: left;
}

div.pslb {
	height: 1px !important;
}

div.insertblock, div.insertblockbottom, div.insertblocktop {
	position: relative; top: 0px; left: 0px;
	width: 50px !important;
	height: 5px !important;
	float: left;
}
div.activinsertblock {
	background-color: #009900 !important;
}
div.divpreshowlevel, div.toppreshowlevel, div.bottomshowlevel {
	position: relative; top: 0px; left: 0px;
	height: 5px !important;
	display: block;
	float: left;
}
/*
div.divpreshowlevel2 {
	position: relative; top: 0px; left: 0px;
	width: 5px !important;
	height: 5px !important;
	display: block;
	float: left;
}
div.divpreshowlevel3 {
	position: relative; top: 0px; left: 0px;
	width: 30px !important;
	height: 5px !important;
	display: block;
	float: left;
}
div.divpreshowlevel4 {
	position: relative; top: 0px; left: 0px;
	width: 55px !important;
	height: 5px !important;
	display: block;
	float: left;
}
*/
td.tdpt8 {
	padding-top: 8px !important;
}
.positionright {
	position: relative; top: 0px; right: 0px;
}
/* ---------- start login ---------- */
#lostpassword {
	text-decoration: underline;
	cursor:pointer;

}
/* ---------- ende login ----------- */
/* ---------- start fileeditor ---------- */
.margin1 {
	margin-left: 0px;
}
.margin2 {
	margin-left: 5px;
}
.margin3 {
	margin-left: 20px;
}
.margin4 {
	margin-left: 30px;
}
.margin5 {
	margin-left: 40px;
}
.margin6 {
	margin-left: 50px;
}

li {
 line-height: 1.6;
}

#filebox {
/*	background: #f4f4f4; */
	min-height: 200px;
	overflow: scroll;
}

#filebox h4 {
	padding: 5px 0px 5px 7px;		
}

.textgrau {
  color: #cccccc;
}
/* ---------- anfang plugin file upload ---------- */
/*custom upload elements*/
.customfile-input {
    position:     absolute;
    height:       100px;
    cursor:       pointer;
    background:   transparent;
    border:       0;
    opacity:      0;
    -moz-opacity: 0;
    filter:       progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
    z-index:      999;
}

.customfile {
    width: 400px;     		/* ##1 -- */
    cursor:                pointer;
    overflow:              hidden;
    border: 1px #b9babd solid;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    border-radius:         2px;
    position:              relative;
    margin-right: 5px;
/*    min-height: 		25px;
*/
    /* ##2 ++ */
    white-space: nowrap;
}

.customfile-disabled {
    opacity: .5;
    filter:  progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
    cursor:  default;
}

.customfile-feedback {
    /*display:    block;*/
    margin:     1px 1px 1px 5px;
/*    font-size:  1.2em;
*/    color:      #000;
    font-style: italic;
    padding:    .3em .6em;
}

.customfile-feedback-populated {
    color:        #000;
    font-style:   normal;
/*    font-weight:  bold;
*/    padding-left: 20px;
/*    background:   url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-generic.gif) left 4px no-repeat;
*/
}

.customfile-button {
    border: 1px #b9babd solid;
    background-color: #e9e9e9;
/*    background:            #333 url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.bg-submit.gif) bottom repeat-x;
    color:                 #fff;
    font-weight:           bold;
*/    float:                 right;
    padding:               2px 5px;
    text-align:            center;
    text-decoration:       none;
    margin-top: 2px;
/*    font-size:             1.2em;
*/    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    border-radius:         2px;

}

.customfile-hover .customfile-button, .customfile-focus .customfile-button {
/*    color:        #111;
    background:   #aaa url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.bg-btn.png) bottom repeat-x;
    border-color: #aaa;
    padding:      .3em .6em;
*/
}

.customfile-focus .customfile-button {
    outline: 1px dotted #ccc;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
/*    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-image.gif);
*/}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
/*    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-media.gif);
*/}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
/*    background-image: url(https://dl.dropbox.com/u/20165443/jsFiddle/images/jquery.fileinput.icon-zip.gif);
*/}
/* ---------- ende plugin file upload ---------- */

/* ---------- ende fileeditor ---------- */

.tdcolumnselected, .tdrowselected  {
	background-color: #a4d0f7 !important;
}

.tdcolumnselected.tdrowselected  {
	background-color: #7dacd5 !important;
}

.hide {
	display: none !important;
}

.flex {
	display: flex !important;
}


td.bgc0 { background-color: #009900; }
td.bgc1 { background-color: #99ff99; }
td.bgc2 { background-color: #4de2a1; }
td.bgc3 { background-color: #c330f3; }
td.bgc4 { background-color: #850dac; }
td.bgc5 { background-color: #f52c6a; }
td.bgc6 { background-color: #3cd4f4; }
td.bgc7 { background-color: #3c52f8; }
td.bgc8 { background-color: #1328c8; }
td.bgc9 { background-color: #e3f330; }
td.bgc10 { background-color: #7f8eff; }
td.bgc11 { background-color: #f9811f; }

table.auditmonth {
    margin: 0px 0px 0px 0px;
}
td.cellauditmonth {
    padding: 0px 0px 0px 0px !important;
}
td.tdinline {
    padding: 2px 4px 0px 4px !important;
}

.fixedHeader-floating {
	z-index: 1000 !important;
}

.filterformtextinputmeasurement {
	width: 130px !important;
}

.fixedHeader-floating {
/*	display: flex !important; */
	z-index: 104 !important; 
}

#myTableBatch {
	background-color: #FFFFFF !important;
}

.fullmalfull {
	width: 100% !important;
	height: 100% !important;
	min-height: 1000px !important;
}

td.tocut, th.tocut
{
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}

.ui-selectmenu-open {
	max-height: 200px !important;
	overflow: scroll;
	z-index: 1105 !important; 
}

/* ---------- start just to clear things ---------- */
.displaynone { display: none !important; }
button.tab-reset, button.toreset { font-size: 1.25em !important; }
button.ui-button-disabled { 
	font-size: 1.25em !important; 
/*	top: .4em !important; */
}
#reset_searchtime, #reset_filterdate, #reset_fulltext_article, #reset_fulltext_asse { top: 0em !important; }
#select_all_adm, #select_none_adm { font-size: 1.25em !important; }
.ui-icon { margin-right: 3px !important; }
.brd { border: 1px solid #ddd; position: relative; top: 0px; left: 0px; display: block; }
#editorshowtablearticles thead .sorting_asc { background-image: url("") !important; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding-left: .5em !important;padding-right: .5em !important; }
#doreset_audit_date { font-size: 1.25em !important; margin-right: 2px !important; margin-top: 2px !important; }
.tablewithouborder, .tablewithouborder td { border: 0px #fff solid !important; }
/* ---------- end just to clear things ---------- */

/* ---------- start background ---------- */
.progress {
	background-color: #CCCCCC !important;
    margin: 0 0 5px 5px;
	max-height: 120px; 
    overflow: auto;
    }

.progress pre, .progressdone pre {
    color: #000000;
    font-size: 11px;
    margin: 0px;
    padding: 0 0 0 5px;
    }

.progressdone {
	background-color: #b7de58 !important;
    margin: 0 0 5px 5px;
	max-height: 120px; 
    overflow: auto;
    }
/* ---------- ende background ---------- */

/* ---------- start preview ----------- */
td.w7 {
    width: 7mm;     		
}
td.w1 {
    width: 1mm;     		
    max-width: 1mm;     		
}
td.w20 {
    width: 180mm;     		
}
/* ---------- ende preview ----------- */

.minh24 {
	min-height: 24px !important; 
}

.maxw400 {
	max-width: 400px !important; 
}

button.filter_m_audit_id, button.filter_m_responsible, button.filter_m_responsible_persons {
    max-width: 150px !important;     		
}

button.filter_audit_auditor, button.filter_audit_examined_person {
    max-width: 150px !important;     		
}

.loadingsave {
	position: fixed; top: 0px; left: 0px;
	background-color: #CCCCCC !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 1000px !important;
}

/* loading dots */
.loadingdots:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}}
/* loading dots */


/* ---------- start for later ---------- */
.ui-icon-grip-dotted-vertical {
	display: none !important;
}
/* ---------- end for later ---------- */

/* ---------- just for test/work ---------- */
.ui-icon:hover, .ui-icon:focus {
  border: 1px solid #999999;
  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-button-small {
    height: 1.9em !important; 
}
.ui-icon.ui-icon-company {
    background-image: url(/pic/company-test2.png) !important;
    width: 2.4em !important;
    height: 1.2em; 
}

.ui-state-fb-highlight {
	color: #ffba00 !important;
}
.ui-state-fb-work {
	color: #00c6ff !important;
}

/* .ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon-closethick { display: none !important; } */
/* thead { display: none !important; } */

.nochtodo {
  			background: #e7e7e7; /* grau: e7e7e7 ; orange: f7a008 */
  			color: #f7a008; /* grau: e7e7e7 ; orange: f7a008 */
}

.totestit {
  			background: #7afc15;
}

.border 	{
  			border: solid #123456 1px;
			}