@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

*,
*::before,
*::after {
  box-sizing: border-box;
}
textarea, input, *:focus { 
    outline: none !important; 
}

tr td{
  padding: 1px !important;
  margin: 1px !important;
}

table{
    border-spacing: 2px !important;
}

table td input {
    height: 100%; 
    width: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.Table{
	display: table;
	width: 100%;
}

div.FormTable {
	display: table;
	width: 100%;
	border: 1px solid #D1D1D1;
	border-collapse: collapse;
        border-spacing: 2px !important;
        text-align: center;
}
div.Body {
	display: table-row-group;
}

div.td {
	display: table-cell;
	/* padding: 3px 10px; */
	padding: 1px !important;
	margin: 1px !important;
	vertical-align: middle;
	text-align: left;
}
div.tdtitle {
	display: table-cell;
	padding: 3px 10px;
	padding: 1px !important;
	margin: 1px !important;
	vertical-align: middle;
	text-align: center;
}

.fscsearch {
    background-color: #ffffb3;
}

div.tdtop {
	display: table-cell;
	/* padding: 3px 10px; */
	padding: 1px !important;
	margin: 1px !important;
	vertical-align: top;
	text-align: left;
}

div.tdtopright {
	display: table-cell;
	/* padding: 3px 10px; */
	padding: 1px !important;
	margin: 1px !important;
	vertical-align: top;
	text-align: right;
}

div.tdtopleft {
	display: table-cell;
	/* padding: 3px 10px; */
	padding: 1px !important;
	margin: 1px !important;
	vertical-align: top;
	text-align: left;
}

.divTableCell {
	display: table-cell;
	/* padding: 3px 10px; */
	padding: 1px !important;
	margin: 1px !important;
}

div.tr {
	display: table-row;
	vertical-align: middle;
	padding: 1px !important;
	margin: 1px !important;
}
.divTableHeading {
	display: table-header-group;
	background-color: #EEE;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	background-color: #EEE;
	font-weight: bold;
}


.my-form-style { /*delete*/
	border: 1px solid #D1D1D1;
	border-collapse: collapse;
}
.cell-style {
	border-collapse: collapse;
}

.background-dark-grey {
	background-color: #D1D1D1;
}

.table-head {
	width: 100%; 
	height: 100%; 
	border-spacing:2px; 
	padding: 2px  !important;
}

.snr-blue {
    font-family: "Courier New", Courier, monospace;
    color: #0000BE;
    font-size:  x-large;
}
.snr-red {
    font-family: "Courier New", Courier, monospace;
    font-size: x-large;
    color: #FF0000;
}
.label-green {
    color: #449D44;
}
.button-lightgray {
 width: 40px;
 height: 20px;
 background-color: lightgray;   
 font-size: 11px;
}
.label-red {
    color: #FF0000;
}
.blue-text {
	color: #000099;
}
.ZelleGrau {
	border: 1px solid #FFFFFF;
	background-color: #F2F2F2;
}
.ZelleDunkelGrau {
	border: 1px solid #FFFFFF;
	background-color: #DDDDDD;
}
.ZelleSchwarz {
	border: 0px solid #FFFFFF;
	background-color: #040404;
}
.green-field {
	background-color: #009933;
	color: #FFFFFF;
        border: none; /* Remove borders */
        padding: 2px 6px; /* Some padding */
        font-size: 12px; /* Set a font size */
        font-weight: normal;
        text-align: center;
        align-content: center;
}

.red-field {
	background-color: #FF0000;
	color: #FFFFFF;
        border: none; /* Remove borders */
        padding: 2px 6px; /* Some padding */
        font-size: 12px; /* Set a font size */
        font-weight: normal;
        text-align: center;
        align-content: center;
}

.light-blue-style {
	border: 1px solid #CCFFFF;
	background-color: #CCFFFF;
}
.white-border-on-gray {
	border: 1px solid #FFFFFF;
	background-color: #F2F2F2;
}
.yellow-style {
	background-color: #FFFFCC;
	background-image: URL(afunotiz.png);
}
.info-boarder {
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #C0C0C0;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}
.white-field {
	border: 1px solid #FFFFFF; 
	background-color: #FFFFFF;
}
.white-field-no-border {
    border: none;
    background-color: #FFFFFF;
}
.white-field-red-no-border {
    border: none;
    color: #FF0000;
    background-color: #FFFFFF;
}
.white-field-edit {
	border: 1px solid #FFFFFF; 
	padding-top: 1px;
	padding-left: 5px;
	height: 23px;
	width: 100%;
	background-color: #FFFFFF;
}
.white-field-edit:hover {
	background-color: #ffffb3;
}
.white-list-field {
	border: medium solid #F2F2F2;
	background-color: #FFFFFF;
}
.red-on-white-list-field {
	border: medium solid #F2F2F2;
	background-color: #FFFFFF;
    color: #FF0000;
}
.white-list-field-inactive {
	border: medium solid #F2F2F2;
	background-color: #FFFFFF;
    color: #999999;
}
.white-list-link-field {
        text-align: left;
        white-space: nowrap; 
        background: white; 
        border: none; 
        color: #0066ff; 
        text-decoration: underline; 
        cursor: pointer;    
}
.white-list-link-field-inactive {
        text-align: left;
        white-space: nowrap; 
        background: white; 
        border: none; 
        color: #999999; 
        text-decoration: underline; 
        cursor: pointer;    
}

.light-gray-field {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
    color: #003cb3;
}
.gray-field {
	border: 1px solid #FFFFFF;
	background-color: #F2F2F2;
}
.gray-field-edit {
	border: 1px solid #F2F2F2;
	padding-top: 1px;
	padding-left: 5px;
	height: 23px;
	width: 100%;
	background-color: #F2F2F2;
}
.gray-field-edit:hover {
	background-color: #ffffb3;
}
.dark-gray-field {
	border: 1px solid #FFFFFF;
	background-color: #DDDDDD;
}

.search-field-edit {
	/*border: 1px solid #FFFFFF;*/
        border: none;
	padding-top: 1px;
	padding-left: 5px;
	height: 23px;
	width: 100%;
	background-color: #ffffb3;
}
.search-field-edit:hover  {
	background-color: #EEEE20;
}
.dark-gray-field-edit {
	/*border: 1px solid #FFFFFF;*/
    border: none;
	padding-top: 1px;
	padding-left: 5px;
	height: 23px;
	width: 100%;
	background-color: #DDDDDD;
}
.dark-gray-field-edit:hover {
	background-color: #ffffb3;
}
.white-border {
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
}
.gray-border {
	border: 1px solid #D1D1D1;
}

.info-boarder1 {
	border-left: 0 solid #CCCCCC;
	border-top: 0 solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 0;
	border-bottom-style: solid;
	border-bottom-width: 0;
}
.info-boarder2 {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
}
.black-input:focus {
  background: #ffffb3;
  color: black;
}
.getraindtbxfloat {
    float: right; 
    padding: 0px 5px 0px 5px; 
    border: 1px ridge #22464F; 
    background-color: #CC6600;
    color: #FFFFFF;
}
.combox {
    font-size: 100%; 
    padding: 1px; 
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    text-align: center;
}
.combox-blue {
    font-size: 100%; 
    padding: 1px; 
    background-color: #CCFFFF;
    border-color: #CCFFFF;
    text-align: center;
}
.option-blue {
    background-color: #CCFFFF;
}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    font-family: "Lato", sans-serif;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* ----------------- Context Menu ------------------ */

.container {
  margin: 0 auto;
  padding: 0 0;
/*
  padding: 0 24px;
  max-width: 960px;
*/
}

/* primary header */

.primary-header {
  padding: 24px 0;
  text-align: center;
  border-bottom: solid 2px #cfcfcf;
}

.primary-header__title {
  color: #393939;
  font-size: 36px;
}

.primary-header__title small {
  font-size: 18px;
  color: #898989;
}

/* content */

.content {
  padding: 48px 0;
  border-bottom: solid 2px #cfcfcf;
}

.content__footer {
  margin-top: 12px;
  text-align: center;
}

/* footer */

.primary-footer {
  padding: 24px 0;
  color: #898989;
  font-size: 14px;
  text-align: center;
}

/* tasks */

.tasks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.task {
/*
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: solid 1px #dfdfdf;
*/
}

.task:last-child {
  border-bottom: none;
}

/* context menu */

.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}

.context-menu--active {
  display: block;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
  margin-bottom: 4px;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}

.context-menu__link:hover {
  color: #fff;
  background-color: #0066aa;
}

.container img {
  max-height: 100px;
  max-width: 100px;
}

.black {
  background-color: #595959; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
}

div.td-home-line {
	display: table-cell;
	background-color: #595959; /* Blue background */
	border: none; /* Remove borders */
	color: white; /* White text */
	padding: 3px 10px 0px 10px;
	width: 100%;
	height: 0.7cm;
	float: left;
	text-align: left;
}

.home-line {
  background-color: #595959; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  height: 0.7cm;
}
.btnf {
  background-color: #999999; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 6px; /* Some padding */
  font-size: 12px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btnf:hover {
  background-color: #0099cc; /* #4d4d4d; */
}

.toggelbtn {
  background-color: #009933; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 6px; /* Some padding */
  font-size: 12px; /* Set a font size */
  font-weight: normal;
  cursor: pointer; /* Mouse pointer on hover */
}
.toggelbtn:hover {
  font-weight: BOLD;
}
.datagrid-header-rownumber, .datagrid-cell-rownumber {
    width:40px;
}
#Amtsablage, #BOA, #Schaden, #Informationen, #eDossier {
    overflow: auto;
    height: 250px;
}
#anschrift, #Email {
    overflow: auto;
    height: 100px;
    width: 800px;
}
#MatchCode {
 margin-left: 10px;
}
.schaden {
  background-color: #999999; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 2px 6px; /* Some padding */
  font-size: 12px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
/* Darker background on mouse-over */
.schaden:hover {
  background-color: #0099cc; /* #4d4d4d; */
}