/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Regular'), local('MavenPro-Regular'),
       url('../fonts/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Maven Pro Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Medium'), local('MavenPro-Medium'),
       url('../fonts/maven-pro-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

body
{
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px;
	line-height:1.4;
	padding-bottom:60px;
}

h1 {font-size:190%;margin-top:0px;font-weight:normal}
h2 {font-size:160%;margin-top:10px;margin-bottom:10px;font-weight:normal}
h3 {color:#008FCF;font-size:140%;font-weight:normal}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

iframe {margin:0px;}
div {width:100%;}

table,th,td,input,textarea
{
	font-size:100%;
}

#content
{
	width:95%;
	margin-left:auto;margin-right:auto;
	color:#000000;
	padding:5px;
	padding-bottom:80px;
	font-size:80%;
}

#body {
	position:absolute;
	left:0;
	top:150px;
} 

/*TopMenu--------------------------------------------------------------*/
#topbox {
	width:100%;
	min-width:300px;
	height:80px;
	z-index:40;
	position:fixed;
	top:0;
	left:0;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
	background-image: url("../images/Header.png");
	background-repeat: no-repeat;
	background-size: cover;
} 

#bottombox {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	min-width:350px;
	background-image: url("../images/Footer.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 60px 5px 60px;
	font-size: 18px;
}

#navigationbox {
	position:fixed;
	top:80px;
	width:100%;
	min-width:1200px;
	height:60px;
	z-index:39;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
} 

#menu {
	width:95%;
	padding-top:10px;
	margin-left:auto;margin-right:auto;
	margin-bottom:10px;
} 

#submenu {
	width:100%;
	z-index:40;
	position:absolute;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
} 

#menu a, #bottombox a {
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	color:white;
} 

#menu a:hover,a:active {
	color:#EEEEEE;
} 

#menu a.submenu {
	font-size: 18px;
	padding:5px 20px 5px 20px;
}

#menu a.submenu_selected {
	font-size: 18px;
	font-weight: 400;
	padding:5px 20px 5px 20px;
	color:#3A333A;
}

#menu a.direkt {
	font-size: 18px;
	padding:5px 10px 5px 10px;
}

#menu a.direkt_button {
	margin:10px;
	padding:5px 10px 5px 10px;
	background: #2192BF;

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4;
}

#navigationbox_items ul {
	list-style-type: none;
	display: inline-block;
	padding:0;
	margin:0;
} 

#navigationbox_items ul ul {
	z-index:4;
	margin:0;
	padding:0;
	position: absolute;
	display: none;
	background-color:white;
	text-align:left;
	padding-top:20px;
	padding-bottom:10px;
	white-space: nowrap;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
} 

#navigationbox_items ul li {
	margin:0;
	padding:0;
	position: relative;
}

#navigationbox_items ul li:hover ul {
	display: block;
} 

#navigationbox_items ul li ul a.direct {
	line-height:1.8;
	
} 

#navigationbox_items ul li ul a:hover,a:active {
	color:#008FCF;
	
} 

/*TopMenu--------------------------------------------------------------*/

.nav_left { grid-area: left; }
.nav_center { grid-area: center; }
.nav_right { grid-area: right; }

.grid-navigation {
  display: grid;
  grid-template-areas:
    'left center center center center right';
  gap: 10px;
}

.grid-navigation > div {
  text-align: center;
  padding: 0;
  height:60px;
}


/*Images----------------------------------------------------------------*/
img
{
	border:0;
	margin:0;
}
img.help
{
display:inline-block;
padding:8px;
background:url('../images/help.png');
background-repeat: no-repeat;
width:30;
height:30;
background-color:red;
}
img.info
{
display:inline-block;
padding:8px;
background:url('../images/grid_info.png');
background-repeat: no-repeat; 
}
img.edit
{
display:inline-block;
padding:8px;
background:url('../images/grid_edit.png');
background-repeat: no-repeat;
}
img.delete
{
display:inline-block;
padding:8px;
background:url('../images/grid_delete.png');
background-repeat: no-repeat;
}
img.delete_mini
{
display:inline-block;
padding:4px;
background:url('../images/grid_delete_mini.png');
background-repeat: no-repeat;
}
img.weblink16
{
display:inline-block;
padding:8px;
background:url('../images/web_link_16x16.png');
background-repeat: no-repeat;
}
img.back
{
display:inline-block;
margin-top:15;
padding-left:50px;
padding-top:35px;
background:url('../images/back_arrow.png');
background-repeat: no-repeat;
}
img.mail
{
display:inline-block;
padding:8px;
padding-left:15px;
background:url('../images/mail.png');
background-repeat: no-repeat; 
}
/*Images----------------------------------------------------------------*/

/*Links-----------------------------------------------------------------*/

a,a:hover,a:active {
	color:#008FCF;
} 

a.abcd {
	text-decoration: none;
	color:#000000;
	font-size: 15px;
	padding:5px;
}

a.direct {
	text-decoration: none;
	color:#3A333A;
	font-size: 15px;
	padding:5px 20px 5px 20px;
}

a.direct_selected {
	text-decoration: none;
	color:#3A333A;
	font-size: 15px;
	font-weight:bold;
	padding:5px 20px 5px 20px;
}

a.direct_selected_black {
	text-decoration: none;
	color:#000000;
	font-size: 15px;
	font-weight:bold;
	padding:5px 20px 5px 20px;
}

a.direct:hover,a.direct:active,a.direct_selected:hover,a.direct_selected:active {
	color:#3A333A;
} 

a.button_square {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-family:Maven Pro Medium;
	text-align:center;
	padding:5px 30px 5px 30px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;
}

a.button_square_small {
	display:inline-block;
	color:#FFF;
	font-size:10px;
	font-family:Maven Pro;
	text-align:center;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;
}

a.button_rounded {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-family:Maven Pro Medium;
	text-align:center;
	padding:5px 30px 5px 30px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

a.button_rounded_small {
	display:inline-block;
	color:#FFF;
	font-size:10px;
	font-family:Maven Pro;
	text-align:center;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.button_rounded span.info, a.button_rounded2 span.info, a.button_square span.info
{
	font-weight:normal;
	font-size:12px;
	display:none;
	margin-top:8px;
}

a.button_rounded:hover span.info, a.button_rounded2:hover span.info, a.button_square:hover span.info
{
	display:block;
	position:absolute; 
}

a.button_rounded.green,a.button_rounded.green:link,a.button_rounded.green:visited,
a.button_rounded_small.green,a.button_rounded_small.green:link,a.button_rounded_small.green:visited,
a.button_square.green,a.button_square.green:link,a.button_square.green:visited,
a.button_square_small.green,a.button_square_small.green:link,a.button_square_small.green:visited  
{
	background-color:#D5DE88;
}

a.button_rounded:hover,a.button_rounded_small:hover,
a.button_square:hover,a.button_square_small:hover
{
	background-image:url('../images/darken.png');
}

a.button_rounded.blue,a.button_rounded.blue:link,a.button_rounded.blue:visited,
a.button_rounded_small.blue,a.button_rounded_small.blue:link,a.button_rounded_small.blue:visited,
a.button_square.blue,a.button_square.blue:link,a.button_square.blue:visited,
a.button_square_small.blue,a.button_square_small.blue:link,a.button_square_small.blue:visited   
{
	background-color:#0192B9;
}

a.button_rounded.orange,a.button_rounded.orange:link,a.button_rounded.orange:visited,
a.button_rounded_small.orange,a.button_rounded_small.orange:link,a.button_rounded_small.orange:visited,
a.button_square.orange,a.button_square.orange:link,a.button_square.orange:visited,
a.button_square_small.orange,a.button_square_small.orange:link,a.button_square_small.orange:visited 
{
	background-color:#ee6c32;
}

a.button_rounded.red,a.button_rounded.red:link,a.button_rounded.red:visited,
a.button_rounded_small.red,a.button_rounded_small.red:link,a.button_rounded_small.red:visited,
a.button_square.red,a.button_square.red:link,a.button_square.red:visited,
a.button_square_small.red,a.button_square_small.red:link,a.button_square_small.red:visited 
{
	background-color:#FF0000;
}

a.button_rounded.yellow,a.button_rounded.yellow:link,a.button_rounded.yellow:visited,
a.button_rounded_small.yellow,a.button_rounded_small.yellow:link,a.button_rounded_small.yellow:visited,
a.button_square.yellow,a.button_square.yellow:link,a.button_square.yellow:visited,
a.button_square_small.yellow,a.button_square_small.yellow:link,a.button_square_small.yellow:visited  
{
	background-color:#FFFF00;
	color:#000000
}

a.button_rounded.green_txt,a.button_rounded.green_txt:link,a.button_rounded.green_txt:visited,
a.button_rounded_small.green_txt,a.button_rounded_small.green_txt:link,a.button_rounded_small.green_txt:visited,
a.button_square.green_txt,a.button_square.green_txt:link,a.button_square.green_txt:visited,
a.button_square_small.green_txt,a.button_square_small.green_txt:link,a.button_square_small.green_txt:visited
{
	color:#D5DE88;
	border:solid #D5DE88 1px;
	background-color:#white;
}

a.button_rounded.blue_txt,a.button_rounded.blue_txt:link,a.button_rounded.blue_txt:visited,
a.button_rounded_small.blue_txt,a.button_rounded_small.blue_txt:link,a.button_rounded_small.blue_txt:visited,
a.button_square.blue_txt,a.button_square.blue_txt:link,a.button_square.blue_txt:visited,
a.button_square_small.blue_txt,a.button_square_small.blue_txt:link,a.button_square_small.blue_txt:visited 
{
	color:#0192B9;
	border:solid #0192B9 1px;
	background-color:#white;
}

a.button_rounded.orange_txt,a.button_rounded.orange_txt:link,a.button_rounded.orange_txt:visited,
a.button_rounded_small.orange_txt,a.button_rounded_small.orange_txt:link,a.button_rounded_small.orange_txt:visited,
a.button_square.orange_txt,a.button_square.orange_txt:link,a.button_square.orange_txt:visited,
a.button_square_small.orange_txt,a.button_square_small.orange_txt:link,a.button_square_small.orange_txt:visited
{
	color:#ee6c32;
	border:solid #ee6c32 1px;
	background-color:#white;
}

a.button_rounded.red_txt,a.button_rounded.red_txt:link,a.button_rounded.red_txt:visited ,
a.button_rounded_small.red_txt,a.button_rounded_small.red_txt:link,a.button_rounded_small.red_txt:visited,
a.button_square.red_txt,a.button_square.red_txt:link,a.button_square.red_txt:visited ,
a.button_square_small.red_txt,a.button_square_small.red_txt:link,a.button_square_small.red_txt:visited
{
	color:#FF0000;
	border:solid #FF0000 1px;
	background-color:#white;
}

a.button_rounded.yellow_txt,a.button_rounded.yellow_txt:link,a.button_rounded.yellow_txt:visited ,
a.button_rounded_small.yellow_txt,a.button_rounded_small.yellow_txt:link,a.button_rounded_small.yellow_txt:visited,
a.button_square.yellow_txt,a.button_square.yellow_txt:link,a.button_square.yellow_txt:visited ,
a.button_square_small.yellow_txt,a.button_square_small.yellow_txt:link,a.button_square_small.yellow_txt:visited  
{
	color:#FFFF00;
	border:solid #FFFF00 1px;
	background-color:#white;
}


label.button_rounded:hover, label.button_square:hover
{
	background-image:url('../images/darken.png');
}

/*Links-----------------------------------------------------------------*/
/*Tooltip---------------------------------------------------------------*/
span.info
{
	position: absolute;
	opacity: 0;
    transition: opacity 1s;
	color:#FFFFFF;
	background-color:#555555;
	border:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* Tooltip arrow 
a.tooltip span.info::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}*/

a.tooltip 
{
	color:black;
}

a.tooltip span.info
{
	font-weight:normal;
	font-size:12px;
	visibility: hidden;
	margin-top:5px;
}

a.tooltip:hover span.info
{
	visibility: visible;
    opacity: 1; 
}

.tooltip-container {
  position: relative;
  display: inline-block;
  width:auto;
}

.tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.9s;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/*Tooltip---------------------------------------------------------------*/

/*Tables----------------------------------------------------------------*/
table.cellselection td.selected {
	border: 2px solid black;
}
	
table.cellselection	body.no-select,body.no-select * {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

table.pointer {
	cursor: pointer;
}

table.lamp
{
	background-color:#FFF;
	width:100%;
	padding:3px;
}

table.lamp td
{
	font-family:Maven Pro;
	text-align:left;
}

table.lamp th
{
	font-family:Maven Pro;
	text-align:left;
}

table.reference
{
	padding:5px;
	margin:auto;
	width:100%;
	border:1px solid black;
}

table.reference.single
{
	overflow-x:hidden;
	table-layout:fixed;
	border:1px solid black;
}

table.reference.single.noborder
{
	border:none;
	margin:0px;
	width:auto;
}

table.reference.nosort
{
	overflow-x:scroll;
	margin-top:2px;
}

table.reference.single thead {
	display:block;
}

table.reference.single tfoot {
	display:block;
}

table.reference.single tbody {
	max-height: 500px;
	overflow-y:auto;
	overflow-x:hidden;
	display:block;
}

table.reference th
{
	font-family:Maven Pro;
	border:1px solid transparent;
	padding:3px;
	vertical-align:top;
	text-align:left;
	line-height: 1.5;
}

table.reference th.rotate {
	height: 140px;
	white-space: nowrap;
}

table.reference th.rotate > div {
	transform: 
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 30px;
}

table.reference th.rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

table.reference td.vertical {
	vertical-align:bottom;
	height: 70px;
	white-space: nowrap;
}

table.reference td.vertical > div {
	font-weight:bold;
	transform: 
		/* 45 is really 360 - 45 */
		rotate(270deg);
	width:10px;
	padding-top:15px;
}

table.reference td.vertical > div > span {
	padding-left:15px;
	padding-top:15px;
}

table.reference td
{
	font-family:Maven Pro;
	background-color:#ffffff;
	border:1px solid #c3c3c3;
	padding:3px;
	vertical-align:middle;
	line-height: 1.5;
}

table.reference td.in_use_yes
{
color:#ffffff;
background-color:#00dd00;
}

table.reference td.in_use_no
{
color:#ffffff;
background-color:#ff0000;
}

table.reference td.grey_in_use_no
{
color:#ffffff;
background-color:#999999;
}

table.reference td.beige
{
color:#000000;
background-color:beige;
}

table.reference td.suborder
{
background-color:#f5f5f5;
}

table.reference td.darkbeige
{
color:#000000;
background-color:#B5B5A3;
}

table.reference th.white
{
background-color:#FFF;
}

table.loading_bar
{
	background-color:#ffffff;
	width:260px; 
	padding:3px;
	margin-top:2px;
	visibility:hidden;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b;
}

table.address
{
	background-color:#BABAAF;
	width:100%;
	padding:3px;
	border-spacing: 0px;
	table-layout:fixed;
    border-collapse:collapse;
    border-style:hidden;
}

table.address th
{
	background-color:#BABAAF;
	padding:3px;
    border:1px solid black;
	text-align:left;
	font-size:120%;
}

table.address td
{
	width:100%;
	background-color:#ffffff;
	padding:0.25em;
    border:1px solid black;
}

/*Tables----------------------------------------------------------------*/


/*Div-------------------------------------------------------------------*/

div.reference_quick_filter {
	margin:5px;
	margin-top:10px;
	margin-left:20px;
}

div.reference_foot {
	margin:5px;
	margin-left:20px;
}

div.reference_scroll {
	overflow-x:auto;
}

div.center_box {
	z-index: 101;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
    margin-left: -400px;
	padding: 20px;
    width: 800px;
    height: 500px;
	background-color: #EEE;
	text-align: center;
	font-size: 120%;
}

div.info_text
{
	max-width:90%;
	margin:auto;
	line-height: 1.6;
}

div.grey
{
	width:95%;
	margin:auto;
	padding:10px;
	background:#FFF;
}

div.grey2
{
	width:100%;
	padding:5px;
	background:F0F0F0;
	position:relative;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b;
}

div.no_list {
	width:20%;
	padding:5px;
	background:transparent;
	position:relative;
	border:3px dotted #d4d4d4;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

div.scroll
{
	width:100%;
	max-width:99%;
	overflow-y:auto;

	-webkit-box-shadow: 2px 4px 3px #1b383b;
	-moz-box-shadow: 2px 4px 3px #1b383b;
	box-shadow: 2px 4px 3px #1b383b;
}

div.scroll thead {
	position: fixed;
	background-color: #eee;
}

div.vertical
{
float: left; 
position: relative;
vertical-align:middle;
-moz-transform: rotate(270deg);  /* FF3.5+ */		
-o-transform: rotate(270deg);  /* Opera 10.5 */   
-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */			  
filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */		  
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */		   
}

div.xscroll-container {
	width: 100%;
	height: 100%;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	position: relative;
	overflow-x:auto;
	overflow-y:hidden;
}

div.xyscroll-container {
	width: 100%;
	height: 100%;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	position: relative;
	overflow-x:auto;
	overflow-y:auto;
}

div.box_rounded {
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*Div-------------------------------------------------------------------*/


/*Select----------------------------------------------------------------*/
select {
	display:inline-block;
	overflow: hidden;
	background:url('../images/down_arrow_select_blue.png') no-repeat right #E7F5FA;
	vertical-align:top;
    height:25px;
	padding:2px;
	padding-right:30px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/*Select----------------------------------------------------------------*/

/*Input-----------------------------------------------------------------*/

input[type=text] {
	display:inline-block;
	background: #E7F5FA;
	vertical-align:top;
    height:25px;
	top:0;
	padding:2px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/*TextField rounded*/
input.text_rounded {
	display:inline-block;
	background: #E7F5FA;
	vertical-align:top;
    height:25px;
	top:0;
	padding:2px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea.normal {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	border: 0;
	box-shadow: none;
	border-radius: 0px;
	wrap:soft;
	autofocus:autofocus; 
	
	width:600px;
	resize:vertical;
}

textarea.text_rounded {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	padding:2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	wrap:soft;
	autofocus:autofocus; 
	
	width:100%;
	max-width:100%;
	resize:none;
}

textarea.text_rounded_small {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	padding:2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	wrap:soft;
	autofocus:autofocus; 
	
	max-width:100%;
	resize:none;
}
/*TextField rounded*/

/*Button rounded*/
input.button_rounded {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-family:Maven Pro Medium;
	text-align:center;
	padding:5px 30px 5px 30px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

input.button_rounded_small {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	font-family:Maven Pro;
	text-align:center;
	padding:2px 10px 2px 10px;
	border:0;
	text-decoration:none;
	vertical-align:middle;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

input.button_collapse {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-family:Maven Pro Medium;
	text-align:center;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;
	background-color:#A9A9A9;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

input.button_rounded.red {
	background-color:#FF0000;
}

input.button_rounded.green {
	background-color:#D5DE88;
}

input.button_rounded.orange,input.button_rounded_small.orange
{
	background-color:#ee6c32;
}

input.button_rounded.blue,input.button_rounded_small.blue
{
	background-color:#0192B9;
}

input.button_rounded.grey,input.button_rounded_small.grey
{
	background-color:#999999;
}

input.button_rounded:hover,input.button_rounded:active,input.button_rounded_small:hover,input.button_rounded_small:active
{
	background-image:url('../images/darken.png');
}

/*Button rounded*/

input.button_info
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-bottom:3px;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	background-position:center;
	background-image:url('../images/grid_info.png');

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

input.button_delete
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-bottom:3px;
	border:0px solid #ffffff;
	text-decoration:none;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	background-position:center;
	background-image:url('../images/grid_delete.png');

}
/*Input-----------------------------------------------------------------*/

/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}
 
.tab-links li {
	margin:0px 3px;
	float:left;
	list-style:none;
}
 
.tab-links a {
	padding:9px 10px;
	display:inline-block;
	border-radius:3px 3px 0px 0px;
	background:#eee;
	font-size:16px;
	font-weight:600;
	color:#4c4c4c;
	transition:all linear 0.15s;
	text-decoration:none;
}

.tab-links a:hover {
	background:#a7cce5;
	text-decoration:none;
}
 
li.active a, li.active a:hover {
	background:#0192B9;
	color:#FFFFFF;
}

ul.help li {
	list-style: none;
	font-size:16px;
	font-weight:600;
	color:#a7cce5;
	text-decoration:none;
}

ul.help ul li {
	list-style: none;
	font-size:14px;
	font-weight:600;
	color:#000;
	text-decoration:none;
}

ul.help ul li ul li {
	list-style: none;
	color:#000;
	text-decoration:none;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:0px;
}
 
.tab {
	display:none;
}

.tab.active {
	display:block;
}

/*Fonts-------------------------------------------------------------*/

font.field_error
{
	color:#FFFFFF;
	background-color:#ff0000;
	padding:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
}

font.field_success
{
	color:#FFFFFF;
	background-color:#00dd00;
	padding:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
}

/*Fonts-------------------------------------------------------------*/


/*Animation-------------------------------------------------------------*/

/*Loading Bar*/
table.loading_bar_box
{
	height:30px;
	width:265px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	border:3px solid #000000;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b; 
}

div.loading_bar
{
	width:50px;
	height:10px;
	background:blue;
	position:relative;
	animation:loading_bar_move 3s infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	-webkit-animation:loading_bar_move 3s infinite; /* Safari and Chrome */
	-webkit-animation-direction:alternate;
	-webkit-animation-timing-function:linear;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 2px #1b383b;
	-moz-box-shadow: 2px 2px 2px #1b383b;
	box-shadow: 2px 2px 2px #1b383b; 
}

@keyframes loading_bar_move
{
0%  {background:Blue; left:0px; top:0px;}
25%  {background:DodgerBlue; left:50px; top:0px;}
50%  {background:LightSkyBlue; left:100px; top:0px;}
75%  {background:DodgerBlue ; left:150px; top:0px;}
100% {background:Blue; left:200px; top:0px;}
}

@-webkit-keyframes loading_bar_move /* Safari and Chrome */
{
0%  {background:Blue; left:0px; top:0px;}
25%  {background:DodgerBlue; left:50px; top:0px;}
50%  {background:LightSkyBlue; left:100px; top:0px;}
75%  {background:DodgerBlue ; left:150px; top:0px;}
100% {background:Blue; left:200px; top:0px;}
}

.inline-spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #ccc;
	border-top: 2px solid #333;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	vertical-align: middle;
	margin-left: 6px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*Loading Bar*/

/*Animation-------------------------------------------------------------*/