input {
  border: none;
  border-bottom: 1px solid black;
}

input[type=submit] {
    overflow:visible;
    font-weight: bolder;
    display:inline;
    margin:0;
    padding:0;
    border:0;
    border-bottom:0;
    color: #515151;
    cursor:pointer;
}
.bgWhite{
    background-color: white;
    font-size:16px;
}
.bgWhiteSmall{
    background-color: white;
    font-size:12px;
}
.bgDark{
    background-color:  rgb(214, 228, 237);
    font-size:16px;
}

input[type=submitBackground] {
    overflow:visible;
    font-size:16px;
    font-weight: bolder;
    display:inline;
    margin:0;
    padding:0;
    border:0;
    border-bottom:0;
    color: #515151;
    cursor:pointer;
    background-color: rgb(214, 228, 237);
}

.astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
}

input[type=date] {
  border: 1px solid black;
  padding: 2px 2px;
  border-radius: 2px;
  background-color: #f1f1f1;
}

input[type=text] {
    border: 1px solid gray;
    border-radius: 4px;
	/* width: 100%; */
    padding: 6px 10px;
    margin: 2px 0;
    box-sizing: border-box;
    /*font-size: 8px; */
}

input[type=password] {
    border: 1px solid gray;
    border-radius: 4px;
    /* width: 100%; */
    padding: 6px 10px;
    margin: 2px 0;
    box-sizing: border-box;
}

input[type=email] {
    border: 1px solid gray;
    border-radius: 4px;
    /* width: 100%; */
    padding: 6px 10px;
    margin: 2px 0;
    box-sizing: border-box;
}

input[type=number] {
    border: 1px solid gray;
    border-radius: 4px;
    /* width: 100%; */
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
}

input[type=datetime-local] {
  border: 1px solid black;
  padding: 2px 2px;
  border-radius: 2px;
  background-color: #f1f1f1;
}

input[type=radio] {
    float:left;

}

select {
  width: 16%;
  padding: 2px 2px;
  border-radius: 2px;
  background-color: #f1f1f1;
  border: 1px solid black;
    height: 25px;
}

#geobackground {
background-color: #ffffff
}

/*
#geobackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/geo/utils/IMG_1042.JPG');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100%;
z-index: -1;
opacity: 0.3;
filter:alpha(opacity=80);
}
*/

#installationDDLB{
    width:30%;
}

#sensorDDLB{
    width:15%;
}

.hr { width:100%; height:1px; background: #fff; z-index: -1; }

.customHr {
    width: 98%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 1px;
    background-color: grey;
    margin-top: 2px;
    margin-bottom: 2px;
    margin: auto;
}


img {
 padding-top:5px; padding-right:10px; padding-bottom:50px; padding-left:10px;
}

body {margin: 2px;
    padding:3px}

p.pageHint {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 12px; font-weight: normal; color: #515151;}
p.normal14 {vertical-align:middle; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 14px; font-weight: normal; color: #515151;line-height: 14px;    height:35px;    margin: 0;}
p.bolder14 {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 14px; font-weight: bolder; color: #515151;}
p.normal16 {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 16px; font-weight: normal; color: #515151;}
p.normalTitle {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: xx-large; font-weight: normal; color: #515151;text-decoration: underline;}
p.error14 {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: medium; font-weight: normal; color: red}

span.normal14 {vertical-align:middle; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 14px; font-weight: normal; color: #515151;line-height: 25px;    height:35px; }
span.bolder14 {vertical-align:center; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 14px; font-weight: bolder; color: #515151; line-height: 25px;    height:35px;}
select.normal14 {vertical-align:middle; font-family: "Verdana", Geneva, Sans-serif; font-style: normal; font-size: 14px; font-weight: normal; color: #515151;line-height: 14px; height:30px;  margin-top:3px; margin-left:5px; }

table {
    border-collapse: collapse;
}
 td {
	padding-left: 10px;
}
.tdBackGround {
    /*background-color: #d3d3d3;*/
    background-color:rgb(214, 228, 237);
 }

.tdfillnormal {
    padding-right: 10px;
}

.tdfillright {
    padding-right: 20%;
}
/* CUSTOM CHECK BOX */
.container {
  max-width: 200px;
  float: left;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox with a red background (unchecked)*/
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f85362;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.left {
    position: absolute;
    right: 1px;
    width: 200px;
    background-color: #b0e0e6;
}

u.pageTitle {
    text-decoration: underline;
}
/* END OF FILE  */