body, html {
	height: 100%;
}

.color_blind {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.navbar {
	border-radius: 0px !important;
	margin-bottom: 0px !important;
	/*position: fixed;*/
	top:-1px;
	border-right: none;
	width: 100%;
	z-index: 20; 
}

.cc-holder {
	min-height: 100%;
	position:relative;
}

.cc-header {
	height: 190px;
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAADICAIAAACiZcyfAAAAB3RJTUUH2QMQAS8DZIvJ6AAAAAlwSFlzAAALEgAACxIB0t1+/AAAALBJREFUeNqlVEEOwCAMqov//zJLljg1ZQzVU+PWFii1AIjnXNGOG9VAixBWlRpR3mi7L62M3gPmfxkBy+0ZEw843VjGB6qki8torCKZm3wnVBqzVk3l6r5yCpQH+Tp4jXj8bPqmw7DuEghUlCVkPbg9pFZUXaS7kw09YkkdQXssqsaRrm4FvTMxu6/K5LrE90+XjZdBMzddXKz96Jhd7d39ZUg3tDId674CGimfdNvfG+pKe+jqJsAZAAAAAElFTkSuQmCC') 0 100% repeat-x;
}

.cc-inner-header {
	background-color: white;
	width: 1200px;
	height: 190px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 9px 0 0 #fff,0 0 0 0 #fff,12px 0 15px -4px gray,-12px 0 15px -4px gray;
    box-shadow: 0 9px 0 0 #fff,0 0 0 0 #fff,12px 0 15px -4px gray,-12px 0 15px -4px gray;
}


.breadcrumb {
	position: fixed;
	width: 100%;
	z-index: 15;
	border-bottom: 1px solid gainsboro;
	border-radius: 0px !important;
	top: 52px;
}

.navbuttons {
	background: none !important;
}

.navbuttons:hover{
	background: none !important;
}

.navbuttons:active{
	background: none !important;
}

.navbuttons:VISITED{
	background: none !important;
}

.navbuttons:LINK{
	background: none !important;
}

.cc-menu {
	height: 36px;
	background-image: url("#{resource['images/title.png']}");
    background-color: white;
    background-repeat: no-repeat;
	background-size: 100% 100%;
}

.cc-bold {
	font-weight: bold;
}

.cc-breadcrumb {
	/*height: 56px;*/
}

.cc-footer {
   width:100%;
   height: 100%;
   text-align: center;
   border-top: 1px solid grey;
}

.cc-clear-input {
	position: absolute !important;
  	left: -30px;
  	z-index: 2;
  	top: 1px;
}

.table>tbody>tr>td {
	vertical-align: middle !important;
}

.goTopButton {
   display: none;
   position: fixed; 
   bottom: 50px; 
   right: 25px;
   z-index: 10;
}

.p5 {
	padding: 5px;
}

.popover{
    max-width: 100%;
    min-width: 250px;
    position: fixed; 
}

.req:after {
	content: " *" !important;
	color: red;
	font-weight: bold;
}

.cc-red {
	border: 1px solid red !important;
}

.bigText-div {
	white-space: nowrap; 
	width: 100px; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.cc-text-area {
	height: 70px !important;  
	resize: none;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

span.cc-one-select {
	border: none;
	background: none;
	font-size: 13px !important;
    font-weight: bold;
}

.cc-one-radio {
  position: relative;
  top: 4px;
  left: 5px;
}

.input-group-addon {
	font-weight: bold;
}

.cc-one-radio label {
  margin-left: 3px;
  margin-right: 10px;
  vertical-align: middle;
  font-weight: normal;
}



.panel-footer {
	background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

.cc-container {
 	/*padding: 10px;*/
 	padding-bottom: 80px;
 	/*padding-top: 100px;*/
    -webkit-box-shadow: 0 9px 0 0 #fff,0 0 0 0 #fff,12px 0 15px -4px gray,-12px 0 15px -4px gray;
    box-shadow: 0 9px 0 0 #fff,0 0 0 0 #fff,12px 0 15px -4px gray,-12px 0 15px -4px gray;
}

.logos {
	height: 80px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 15px; 
    text-align: center;
}

.logos img{
	height: 50px; 
}

.cc-container-expanded {
	width: 1200px;
 	margin-left: auto;
	margin-right: auto;
}

.cc-messages {
 	margin-top: -20px;
 	padding: 10px;
}

.cc-right {
	float: right;
}

.cc-left {
	float: left;
}

.cc-txt-center {
	text-align: center;
}

.cc-comp-button {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

.cc-top {
	vertical-align: top;
}

.rf-ntf {
	top: 100px !important;
}

/* LAYOUT BLOCK*/
div.layout {
	display: table;
}

div.layout-block {
	display: table-cell;
}

div.layout div.input-group {
	margin-bottom: 10px;
	margin-right: 10px;
}

/*rich spinner custom*/
.custom-spinner input {
	background: none !important;
}

.custom-spinner span {
	border: none !important;
}


.navbuttons:hover > span  {
	 transform: scale(1.3);
}

.navbuttons:hover  {
	background: none !important;
}


/*inverse

.navbar-inverse .navbar-nav>li:hover {
  background-color: black;
}

.navbar-inverse .navbar-nav>li:hover>a {
   border-bottom:3px solid #fff;
}

.navbar-inverse .navbar-nav > li.active > a {
  border-bottom:3px solid #fff;
}*/


/*default*/


/*
.navbar-default .navbar-nav>li>a {
  padding-bottom: 12px;
}

.navbar-default .navbar-nav>li:hover > a{
   border-bottom:3px solid black;
}

.navbar-default .navbar-nav > li.active > a {
  border-bottom:3px solid black;
}*/



.navbar-collapse  {
	font-weight: bold;
}

.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;   
}
.dropdown-submenu:hover>a:after {
    border-left-color:black;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


/* file upload*/
.rf-fu-btn-add {
  height: 25px;
  margin-top: 5px;
}

.rf-fu-btn-upl {
  height: 25px;
  margin-top: 5px;
}
/*rich tab*/
*.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
	background: none !important;
	border: none !important;
	height: 50px !important;
	overflow: visible !important;
}

/*autocomplete*/
*.rf-au {
	width: 100% !important;
	background: none !important;
	border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

*.rf-au-inp {
	width: 100% !important;
	background: none !important;
	padding: 7px !important;
}

*.rf-au-lst-scrl {
	width: 100% !important;
	min-width: 200px;
}


*.rf-tab-hdr {
	background: none !important;
}

*.rf-tab-cnt {
	border: none !important;
	font-size: 12px !important;
}

*.rf-tab-hdr-brd {
	display: none;
}

*.rf-tab-hortab-tabspcr-wdh {
	display: none;
}


*.rf-tab-hdr-act.rf-tab-hdr-top {
  padding: 10px !important;
  vertical-align: middle !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #555 !important; 
  
}

*.rf-tab-hdr-inact.rf-tab-hdr-top {
  padding: 10px !important;	
  vertical-align: middle !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: none !important; 
  border-left: none !important; 
  border-right: none !important;
  color: #337ab7 !important;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top:hover {
  color: #23527c !important;
  background-color: #eee !important;
}

*.rf-tab-hdr-tabs {
	border-collapse: separate; 
}

*.rf-tab-lbl {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
}

/*rich calendar*/
.cc-calendar {
	height: 30px; 
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

*.rf-cal-btn {
  margin-left: -25px;
}

*.rf-cal {
	float: left;
}

/* Alert styles */

.cc-alert-success {
	cursor: pointer;
}
.cc-alert-success li:before {
  content: url("#{resource['images/success_20.png']}");
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.cc-fieldset {
	border-top: 1px solid silver !important;
	border-left: none !important;
	border-right:none !important;
	border-bottom:none !important;
    padding: 10px !important;
    
}
.cc-fieldset legend {
	width: auto !important;
	border-bottom: none !important;
	margin-bottom: 0px !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
	font-size: 12px !important;
}

/* breadcrumb style */

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: none;
}

.cc-bc-back {
	float: right;
}

.cc-search {
	position: relative;
	right: 10px;
}

.cc-bc-back:before {
	display: none;
}

/* simple line separator */
div.line-separator-normal{
	height: 1px;
	background: #DDDDDD;
	margin-top: 2px;
	margin-bottom: 5px;
}

div.panel-head-toggle > span {
	cursor: pointer;
}

div.panel-head-toggle {
	font-family: 'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.6px;
}


/* FILTER STYLES */
div.filter-result {
	display: inline-block;
}

div.filter-options {
	margin-left: 20px;
	display: inline-block;
}

/* Data scroller style*/
*.rf-ds {
	background: none !important;
}

*.rf-ds-btn {
	text-decoration: none !important;
}

*.rf-ds-nmb-btn:hover {
	text-decoration: none !important;
}

*.rf-ds-btn:hover {
  	color: rgb(51, 122, 183) !important;
} 

*.rf-ds-act {
	color: white !important;
	background: rgb(51, 122, 183) !important;
	border-bottom-style: none !important;
	border-bottom-color: none !important; 
}

*.rf-ds-act:hover {
	background: rgb(51, 122, 183) !important;
}

*.rf-ds-dis:hover {
  	color: #C4C0C9 !important;
}


/* Loading status */
div.status {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; 
    background-image: url("#{resource['images/loading.gif']}");
    /*background-color: rgba( 255, 255, 255, .8 );*/
    background-position: 50% 50%;
    background-size: 50px;
    background-repeat: no-repeat;
}

/* Popup styles*/

.cc-popup {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; 	
  font-size: 12px !important;
}

.rf-pp-cntr {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; 
}

.error-popup .rf-pp-cnt-scrlr {
	overflow: hidden !important;
}

.cc-popup-content {
	min-height: 80px;
	margin-bottom: 45px;
}

.cc-popup-controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
}

*.rf-pp-hdr-cnt {
	font-size: 12px !important;
}

*.rf-pp-cnt {
	font-size: 12px !important;
	/*position: relative;*/
}

*.rf-pp-hdr-cntrls {
	top: 2px !important;
	right: 5px !important;
}


/* TABLE STYLES */

.table-spinner {
  width: 250px;
  position: absolute;
  left: -10px;
}

*.spinner {
  vertical-align: top;
  margin-top: 2px;
}

.mTable {
	width: 100%;
}
/* row style 1*/
.even-row {
   background-color: #F9F9F9;
}

/* row style 2*/ 
.odd-row {
   background-color: #FCFFFE;
}

/* Login page css*/
.login_button {
	margin-left: 297px;
}

span.green {
	color: green;
}

span.red {
	color: red;
}

.login_container input {
	transition: all 1.5s;
}

.project_name {
	text-align: center;
  	font-weight: bold;
  	font-size: 22px;
  	color: grey;
}

.login_container {
	width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	background-color: whitesmoke;
	border: 1px solid grey;
	border-radius: 5px;
	box-shadow: 5px 5px 10px #0A0A0A;
}

/* mail box mega styles */
div.mailbox-layout {
	display: table;
	width: 100%;
}

div.mailbox-items {
	display: table-cell;
}

div.mailbox-content {
	display: table-cell;
	position: relative;
}

.mail_cc {
	position: absolute;
	width: 100%;
	top: 0px;
}

div.mailbox-menu {
	display: table-cell;
	width: 250px;
	padding-right: 5px;
	position: relative;
}

div.mail-menu-group {
	position: absolute;
	width: 245px;
}

div.mail-menu-group div.disabled {
  cursor: default !important;
  background-color: #eee;
  font-weight: bold;
}

div.mail-panel-heading {
	background-color: #eee !important;
}

a.mail-menu-title:hover {
  background-color: #eee;
}

a.mail-menu-title:ACTIVE {
  background-color: #eee;
}

a.mail-menu-title:VISITED {
  background-color: #eee;
}

a.anc-menu {
  position: absolute; 
  z-index: 10;
}

a.anc-open {
	left: 205px;
  	top: 6px;
}

a.anc-close {
  left: -20px;
  top: 11px;
}
/* mail end */


.titleSpecDoc {
        font-family :  Verdana, Arial, Helvetica, sans-serif;
        font-size : 18px;
        font-weight: bold;
        color : #003C5A;
        text-align : center;
        width: 99%;     
}





/*rich select*/
*.rf-sel {
	display: block !important;
}

*.rf-sel-cntr {
	vertical-align: top !important;
	border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border: 1px solid #ccc !important;  
}

*.rf-sel-inp {
	height: 30px !important;
	font-size: 12px !important;
	color: #555 !important;
	padding: 5px 10px !important;
	background-image: none !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

}

*.rf-sel-btn {
	background: white !important;
	border: none !important;
	margin-top: 5px;
}

*.rf-sel-lst-scrl {
	width: 100% !important;
	min-width: 230px !important;
	
}

/* rich accordion */

*.rf-ac-itm-hdr {
	border:1px solid #ddd !important;
	background-image: none !important;
	color: #333 !important;
    background-color: #f5f5f5 !important;
	font-size: 12px !important;
	border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

*.rf-ac-itm-cnt {
	height: 100% !important;
	border:1px solid #ddd !important;
	border-top: none !important;
	background-image: none !important;
	font-size: 12px !important;
	border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

*.rf-ac-itm {
	 padding-bottom: 5px;
}

.rf-ac-itm-lbl-act:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	font-size: 15px;
	color: grey;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e252";
	float: right;
} 

.rf-ac-itm-lbl-inact:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	font-size: 15px;
	color: grey;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e253";
	float: right;
} 


.txt-right {
	text-align: right;
}

.panel-info>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd ;
}   

.panel-info {
    border-color: #ddd !important; 
}

.panel-heading {
    padding: 5px 15px !important;
}

.panel-footer {
    padding: 5px 15px !important;
    position: relative;
}    

*.rf-ntf-cnt {
    background-color: rgba(0, 255, 38, 0.15) !important;
}

.cc-warn .rf-ntf-cnt {
    background-color: #ffffb3 !important;
}

.opaks {
	text-align: center;
    position: absolute;
    bottom: 25px;
    visibility: hidden;
    background-color: white;
    border-radius: 3px;
}

.opaks-aktive {
	width: 100px;
    height: 25px;
    position: absolute;
}

.opaks-aktive:hover .opaks{
	visibility: visible;
}

input[name*="egn"] {
	background-image: url("#{resource['images/inputbg.png']}");
    background-repeat: repeat-x;
    background-position: 21px 18px;
    letter-spacing: 5.1px;
    width: 142px !important;
    text-align: left;
}

input[name*="lnc"] {
	background-image: url("#{resource['images/inputbg.png']}");
    background-repeat: repeat-x;
    background-position: 21px 18px;
    letter-spacing: 4.3px;
    width: 142px !important;
    text-align: left;
}

/*Custom width */
.w10 {width:10px;} .w20 {width:20px;} .w30 {width:30px;} .w40 {width:40px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w80 {width:80px;} .w90 {width:90px;} .w100 {width:100px;} .w105 {width:105px;} .w110 {width:110px;} .w120 {width:120px;} .w125 {width:125px;} .w130 {width:130px;}.w135 {width:135px;} .w140 {width:140px;} .w150 {width:150px;} .w160 {width:160px;} .w170 {width:170px;} .w180 {width:180px;} .w190 {width:190px;} .w195 {width:195px;} .w200 {width:200px;} .w210 {width:210px;} .w220 {width:220px;} .w230 {width:230px;} .w240 {width:240px;} .w250 {width:250px;} .w255 {width:255px;} .w260 {width:260px;}  .w265 {width:265px;} .w270 {width:270px;} .w280 {width:280px;} .w290 {width:290px;} .w300 {width:300px;} .w310 {width:310px;} .w320 {width:320px;} .w330 {width:330px;} .w340 {width:340px;} .w350 {width:350px;} .w360 {width:360px;} .w370 {width:370px;} .w380 {width:380px;} .w390 {width:390px;} .w400 {width:400px;} .w410 {width:410px;} .w420 {width:420px;} .w430 {width:430px;} .w440 {width:440px;} .w450 {width:450px;} .w460 {width:460px;} .w470 {width:470px;} .w480 {width:480px;} .w490 {width:490px;} .w500 {width:500px;} .w510 {width:510px;} .w520 {width:520px;} .w530 {width:530px;} .w540 {width:540px;} .w550 {width:550px;} .w560 {width:560px;} .w570 {width:570px;} .w580 {width:580px;} .w590 {width:590px;} .w595 {width:595px;} .w600 {width:600px;} .w610 {width:610px;} .w620 {width:620px;} .w630 {width:630px;} .w640 {width:640px;} .w650 {width:650px;} .w660 {width:660px;} .w670 {width:670px;} .w680 {width:680px;} .w690 {width:690px;} .w700 {width:700px;}  .w710 {width:710px;}.w720 {width:720px;}.w730 {width:730px;}.w833 {width:833px;}.w880 {width:880px;}.w920 {width:920px;}.w930 {width:930px;}.w950 {width:950px;}
