body {
  font: 10pt Tahoma, Arial, helvetica, sans-serif;
  color: #000000;
  background-color: #cbebff;
  scrollbar-base-color: #868686;
  scrollbar-track-color: #e6f4ff;
  scrollbar-face-color: #e6f4ff;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #868686;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #003367;
  scrollbar-arrow-color: #000000;
}

td {
  font: 10pt tahoma, verdana, Arial, helvetica, sans-serif;
  color: #000000;
}

.text {
  font-size: 8pt !important;
  color: #d7ebff;
}

.didelis {
  font-size: 12pt !important;
  color: #000000;
}

.head {
  font-size: 10pt !important;
  color: #868686;
  font-weight: 700; /*bold*/
}

.subhead {
  font-size: 8pt !important;
  color: #d7ebff;
  font-weight: 700; /*bold*/
}

b {
  color: #000000;
}

div {
  font: 11pt Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

input {
  background: #ffffff;
  border-right: #003367 1px solid;
  border-top: #003367 1px solid;
  border-left: #003367 1px solid;
  border-bottom: #003367 1px solid;
  font-size: 9pt;
}

select {
  background: #ffffff;
  border-right: #003367 1px solid;
  border-top: #003367 1px solid;
  border-left: #003367 1px solid;
  border-bottom: #003367 1px solid;
  font-size: 9pt;
}

a:link {
  font: 8pt tahoma;
  color: #000000;
  text-decoration: none;
}

a:visited {
  font: 8pt tahoma;
  color: #000000;
}

a:hover {
  font: 8pt tahoma;
  color: #000000;
  text-decoration: underline;
}

a:active {
  font: 8pt tahoma;
  color: #000000;
}

a.email:link {
  color: #ffffff;
}

a.email:visited {
  color: #8abbd0;
}

a.email:hover {
  color: red;
}

a.buttons:link, a.buttons:visited {
  font: 8pt tahoma, verdana, Arial, helvetica, sans-serif;
  color: orange;
  text-decoration: none;
}

a.buttons:hover {
  font: 8pt tahoma, verdana, Arial, helvetica, sans-serif;
  color: orange;
  text-decoration: underline;
}

a.buttons:active {
  font: 8pt tahoma, verdana, Arial, helvetica, sans-serif;
  color: gray;
  text-decoration: none;
}

/*
	Table Flex & Scroll
*/
.scroll {
  border: 0;
  border-collapse: collapse;
}
table.scroll {
  width:100%;
}
.scroll tr {
  display: flex;
}
.scroll td {
  flex: 1 auto;
  border: 1px solid #aaa;
  width: 1px;
  word-wrap: break;
}
.scroll thead tr:after {
  content: '';
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}
.scroll thead th {
  flex: 1 auto;
  display: block;
  border: 1px solid #000;
}
.scroll tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  height: 550px;
}

/*
	Login Page	
*/
.container {
    padding: 15px;
    margin: auto;
    max-width: 300px;
}
.img-container {
    text-align: center;
    margin: 20px 0 0 0;
}
img.avatar {
    height: 75px;
    width: 75px;
    border-radius: 50%;
}
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
span.password {
    float: right;
    padding-top: 16px;
}
@media screen and (max-width: 300px) {
    span.password {
        display: block;
        float: none;
    }
}