body {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: #666666;
  font-family: Noto Sans, sans-serif;
  background-color: #E8E8E8;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(128,128,128); 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(196,196,196); 
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a {
  text-decoration: none;
  color: #666666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a:hover {
  color: #440088;
}

.main_container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  min-height: 100vh;
  box-shadow: 0px 0px 10px #000000;
  font-size: 3vmin;
}
.login_container {
  position: absolute;
  top: 50vh;
  left: 50%;
  width: 50vmin;
  height: 50vmin;
  margin-top: -25vmin;
  margin-left: -25vmin;
}
.login_container form {
  margin: 0;
  padding: 0;
}
.login_container input[type=submit] {
  font-size: 100%;
  color: #FFFFFF;
  background-image: linear-gradient(#220044, #440088);
  border-radius: 5vmin;
  height: 10vmin;
  width: 50vmin;
  cursor: pointer;
  border: 1px solid #440088;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.login_container input[type=submit]:hover {
  color: #AAAAAA;
  background-image: linear-gradient(#26004B, #48008F);
}
.login_container input[type=submit]:active {
  border: 1px solid #000000;
}
.login_container input[type=text] {
  font-size: 80%;
  color: #000000;
  background-image: linear-gradient(#EEEEEE, #FFFFFF);
  border-radius: 4vmin;
  height: 8vmin;
  width: 44vmin;
  border: 1px solid #440088;
  padding-left: 3vmin;
  padding-right: 3vmin;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  margin-bottom: 1vmin;
}
.login_container input[type=password] {
  font-size: 80%;
  color: #000000;
  background-image: linear-gradient(#EEEEEE, #FFFFFF);
  border-radius: 4vmin;
  height: 8vmin;
  width: 44vmin;
  border: 1px solid #440088;
  padding-left: 3vmin;
  padding-right: 3vmin;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
  margin-bottom: 1vmin;
}
.login_container .logo {
  height: 20vmin;
  background-image: url(https://www.flcreative.sk/images/fl_logo_black.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.spacer {
  height: 1vmin;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}
.clear {
  clear: both;
}

.top_panel {
  height: 8vmin;
  line-height: 8vmin;
  background: #EEEEEE;
}
.top_panel .material-symbols-outlined {
  font-size: 5vmin;
  line-height: 8vmin;
  display: inline-block;
  width: 8vmin;
  text-align: center;
}

.form_item {
  height: 6vmin;
  line-height: 6vmin;
}
.form_item .caption {
  float: left;
  font-size: 80%;
  font-weight: bold;
  width: 18vmin;
  margin-right: 2vmin;
  text-align: right;
}
.form_item input {
  font-size: 80%;
  color: #000000;
  background-image: linear-gradient(#EEEEEE, #FFFFFF);
  border-radius: 2vmin;
  height: 4vmin;
  width: 70vmin;
  border: 1px solid #BBBBBB;
  padding-left: 2vmin;
  padding-right: 2vmin;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.form_item select {
  font-size: 60%;
  color: #000000;
  background-image: linear-gradient(#EEEEEE, #FFFFFF);
  border-radius: 2vmin;
  height: 4vmin;
  width: 60vmin;
  border: 1px solid #BBBBBB;
  padding-left: 2vmin;
  padding-right: 2vmin;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.form_submit {
  font-size: 50%;
  color: #FFFFFF;
  background-image: linear-gradient(#220044, #440088);
  border-radius: 2.5vmin;
  height: 5vmin;
  width: 50vmin;
  cursor: pointer;
  border: 1px solid #440088;
  -moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.form_submit:hover {
  color: #AAAAAA;
  background-image: linear-gradient(#26004B, #48008F);
}
.form_submit:active {
  border: 1px solid #000000;  
}
.content_item {
  padding: 1vmin;
  color: #000000;
}
.content_item a {
  color: #0000FF;
}
.content_item .fontsizes {
  float: right;
  line-height: 3vmin;
}
.content_item .fontsizes div {
  display: inline-block;
  padding-left: 0.5vmin;
  padding-right: 0.5vmin;
  cursor: pointer;
  color: #666666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: bold;
}
.content_item .fontsizes div:hover {
  color: #440088;
}
.content_item .fontsizes .s66 {
  font-size: 66%;
}
.content_item .fontsizes .s75 {
  font-size: 75%;
}
.content_item .fontsizes .s100 {
  font-size: 100%;
}
.content_item .fontsizes .s125 {
  font-size: 125%;
}
.content_item .title {
  font-size: 160%;
  font-weight: bold;
  padding: 1% 1% 0 1%;
}
.content_item .author {
  font-size: 80%;
  font-weight: bold;
  padding: 0 1% 0 1%;
}
.content_item .content_col1 {
  padding: 0 0 0 1%;
  width: 99%;
  float: left;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.content_item .content_col2 {
  padding: 0 0 0 1%;
  width: calc(49% - 1px);
  float: left;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.content_item .content_col3 {
  padding: 0 0 0 1%;
  width: calc(32.3333% - 1px);
  float: left;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.content_item .content_col4 {
  padding: 0 0 0 1%;
  width: calc(24.0% - 1px);
  float: left;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.content_item .content_col_nobrd {
  border-right: 0px;
}
.content_item .content66 {
  font-size: 66%;
}
.content_item .content75 {
  font-size: 75%;
}
.content_item .content100 {
  font-size: 100%;
}
.content_item .content125 {
  font-size: 125%;
}
.content_item .pageno {
  float: right;
  font-size: 80%;
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: #DDDDDD;
}

.list_tab {
  width: 100%;
  border-spacing: 0px;
}
.list_tab th {
  background-color: #220044;
  color: #FFFFFF;
  font-size: 70%;
}
.list_tab td {
  font-size: 70%;
  padding-left: 1vmin;
  padding-right: 1vmin;
}
.list_tab a {
  display: block;
}
.list_tab .tr0 {
  background-color: #FFFFFF;
}
.list_tab .tr1 {
  background-color: #EEDDFF;
}
.list_tab tr:hover {
  background-color: #FFEECC;
}
.list_tab .fcol {
  line-height: 4vmin;
}