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


/************** DISPLAY INFO *******************************************/

.DisplayInfo  {  

margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;

  }

.DisplayInfo table {  
    color: black; /* Lighten up font color */
    font-family: Roboto; /* Nicer font */
    width: 100%; 
    border-collapse: 
    collapse; border-spacing: 0; 
}

.DisplayInfo td, tr { border: 1px thin  #000000; height: 30px; } /* Make cells a bit taller */

.DisplayInfo tr {  
    background: #f39536; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

.DisplayInfo td {  
   background-color:#b4cde1;
	border:1px thin #000000;
	border-width:1px 1px 1px 1px;
	text-align:left;
    vertical-align:middle;
    /* Padding list cells */
	padding:10px 10px 10px 10px;
    font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	color:#ffffff;
}

.DisplayInfo tr:first-child td{
	background-color:#1B79C8;
	border:1px thin #000000;
	border-width:1px 1px 1px 1px;
	text-align:center;
    vertical-align:middle;
    /* Padding list cells */
	padding:5px 2px 5px 2px;
    font-size:12px;
	font-family:Roboto;
	font-weight:bold;
	color:#ffffff;

  }
 
/* Style by class. Effects the text of the contained options. */

::root .dropdown,
::root .dropdown select,
::root .dropdown::after,
::root .dropdown::before {
    display: inline-block;
    vertical-align: top;
  	text-align: left; /* Center our text */
    height: 18px;
}

::root .dropdown::after,
::root .dropdown::before {
    content: "";
    pointer-events: none; /* remove the pointer event of the custom arrow, so the mouse actually clicks the real one */
}

	::root .dropdown,
	::root .dropdown::after {
		background: #b4cde1;
		background: linear-gradient(#56AAFF, #006913);
	}

::root .dropdown select {
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff;
    font-size:12px;
	font-family:Roboto;
	font-weight:bold;
	color:#000000;
    outline: none;
}

::root .dropdown option {
    background:#ffffff ;
}

::root .dropdown {
	border: solid 1px #b4cde1;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	box-shadow: 0 0 0 1px #b4cde1, 0 0 0 1px #b4cde1 inset;
}

/* the custom arrow, achieved with element's border styles */
::root  .dropdown::before {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 4px;
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-top-color: rgba(255, 255, 255, .6);
}

::root .dropdown::after {
    position: relative;
    left: 1px;
    width: 16px;
    margin: 0 0 0 -17px;
    box-shadow: -1px 0 0 1px #919191 inset;
}

::root .dropdown:hover::before {
    border-top-color: #fff;
}

.validation_error 
{
     font-size: 12px; font-weight:bold; font-family: Roboto; color: #FF4316; margin: 0px 0px 3px 0px; padding:0px;
      }
.input_textbox_s { width:80px;text-align: center;
	font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	color:black;
	padding:3px;
	box-shadow: 4px 4px 1px #888888;
	border:1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

 }

.input_textbox_s_green {
	width: 80px;
	text-align: center;
	font-size: 12px;
	font-family: Roboto;
	font-weight: normal;
	padding: 3px;
	box-shadow: 4px 4px 1px #888888;
	border: 1px solid #000000;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #b4cde1;
}
.input_textbox_m { width:140px;text-align: center;
	font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	color:black;
	padding:3px;
	box-shadow: 4px 4px 1px #888888;
	border:1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;



 }
.input_textbox_l { width:220px;text-align: center;
	font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	padding:3px;
	box-shadow: 4px 4px 1px #888888;
	border:1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

}

.input_textbox_ll  

{
    width:500px;
    text-align:center;
	font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	padding:3px;
	box-shadow: 4px 4px 1px #888888;
	border:1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

}

.input_textarea_800  

{
    text-align: left;
    vertical-align: text-top;
    width: calc(100% - 45px);
    height: 200px;
	font-size:12px;
	font-family:Roboto;
	font-weight:normal;
	padding:3px;
	box-shadow: 4px 4px 1px #888888;
	border:1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;

 }
 
 
.input_label  {
	display: block; 
	text-align: center ; 
	vertical-align:bottom;
	line-height: 150%; 
	font-size:12px;
	font-family:Roboto;
	font-weight:bold;
	padding:3px;
}

  .clickme {
    background-color: #EEEEEE;
    padding: 8px 20px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
}
  
.button-submit {
    padding: 4px 10px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
     background-color:#f39436;
    color: #000000;
}
  
 .button-submit:hover {
    padding: 4px 10px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
    background-color:#5889c6;
    color: #000000;
}


.DisplayKalender { margin:0px;padding:0px; width:100%; /*********** box-shadow: 10px 10px 5px #888888; ****************/ } .DisplayKalender table { width: 100%; height: 100%; margin: 0px; padding: 50px; vertical-align: bottom; } .DisplayKalender tr:first-child td { border: 1px thin #000000; border-width: 1px 1px 1px 1px; background-color: #1B79C8; padding: 10px 10px 10px 10px; text-align: center; vertical-align: bottom; font-size: 14px; font-family: Roboto; font-weight: bold; color: #ffffff; } .DisplayKalender td { background-color: #b4cde1; border: 1px thin #000000; border-width: 1px 1px 1px 1px; padding: 10px 10px 10px 10px; text-align: center; vertical-align: bottom; /* Padding list cells */ padding: 5px 2px 5px 2px; font-size: 12px; font-family: Roboto; font-weight: normal; color: #000000; }


div.angrid .angrid-row td:nth-child(1) {min-width:1000px;!important}
div.angrid .angrid-row td:first-child + td + td + td + td + td + td {{min-width:350px;!important}