@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:  url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  font-weight: 700;
  src:  url("../fonts/Roboto-Bold.ttf") format("truetype");
}
html, body {
  font-family: 'Roboto', sans-serif;
}

/*
 *  Login Seite v2.3.0
 */
.lockscreen {
  background-color: #1D7CD8;
  background-image: radial-gradient(#82E2F5, #1D7CD8);
}
.login-page {
  background: transparent;
}
.login-box, .register-box {
  margin: 12% auto;
  width: 360px;
}
.login-box-msg, .register-box-msg {
  margin: 0;
  padding: 10px 20px 20px;
  text-align: center;
}
.login-logo {
  padding-left: 25px;
}
.login-logo small {
  font-size: 0.6em;
  color: #46A6E4;
}
.login-box-body {
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.75);
}

/*
 *  Formular Elemente
 */
label {
  font-weight: normal;
}
.checkbox label, .radio label {
  line-height: 120%;
}
select.form-control > option.form-select {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px;
}
select.form-control > option.empty {
  font-style: italic;
  color: #999;
}
.input-group .input-group-addon {
  background-color: #eee;
}
div.checkbox {
  line-height: 150%;
}
.btn-block i {
  margin-right: 8px;
}
.btn-block + .btn-block.btn-progress {
  margin-top: 0px;
}
.btn-padding {
  padding-left: 30px;
  padding-right: 30px;
}
.table-responsive {
  border: 0 none;
}
/*
 *  Modal Box
 */
.modal-header {
  background-color: #3C8DBC;
  color: white;
}
.modal-footer {
  border-top: 1px solid #ccc;
  background-color: #eee;
}

/*
 *  Data Table
 */
.table-data thead tr th {
  background-color: #f9f9f9;
  border-top: 0 none;
  border-bottom: 0 none;
}
.table-data thead tr:last-child th {
  border-bottom: 1px solid #ddd;
  padding-top: 1px;
}


tr td:last-child, tr th:last-child {
  border-right: 1px solid #ddd;
}
tr td:first-child, tr th:first-child {
  border-left: 1px solid #ddd;
}
tr:last-child td {
  border-bottom: 1px solid #ddd;
}

td {
  background-color: white;
}
tbody tr:hover {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
  -moz-box-shadow:    0px 1px 2px 0px rgba(51, 51, 51, 0.5);
  box-shadow:         0px 1px 2px 0px rgba(51, 51, 51, 0.5);
}
tbody tr:hover td {
  border-top: 1px solid #ddd;
}