table, th, td {
  /*border:5px solid rgb(0,0,0);*/
  border-collapse:collapse;
  /*caption-side:top;*/
  margin:0;
  padding:4px;
  outline:0;
  /*align-content:center;*/
  /*vertical-align:baseline;*/
}

.table-responsive {
  /*border:5px solid black;*/
  border-collapse:collapse;
}

.table td, .table th {
  border-top:0px;
  margin: 0;
  padding: 0;
}

.adresa {
  color:white;
  font-weight:900;
}

.index_table_login{
  width: 100%;
  height: 100%;
}

.index_table_login_tr_1{
  height: 10%;

}

.index_table_login_tr_1 td{
  background-color: black;
}

.index_table_login_tr_2{
  height: 85%;


}

.index_table_login_tr_3{
  height: 5%;
}

.index_table_login_tr_3 td{
  /*background-color: black;*/
  /*border-top: groove 3px gray;*/
}


.index_login_form{
  width: 30%;
}

.index_body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html{
  height: 100%;
}

html td {
  margin: 0;
  padding: 0;
}

.home-table-klasa{
  height: 100%;
  width: 100%;
}

.home-menu-table-td{
  width: 10%;

  border-bottom: 2px white solid;
  border-top: 2px black solid;


}
.home-view-table-td{
  width: 90%;
  height: 100%;

  border-bottom: 2px black solid;
  background-color: white;
}

.home-menu-nav-klasa{
  height: 100%;
  width: 100%;

}

.home-menu-nav-td{
  /*background-color: black;*/
  width: 100%;
  vertical-align: top;
  background-image: linear-gradient(black, white);
}

.menu-buttons{

}

.menu-button{
  width: 100%;
  color: white;
  padding-left: 10%;
  padding-right: 5%;
  padding-bottom: 5%;
  padding-top: 5%;
  cursor: pointer;
}

.menu-button:hover{
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
  color: #6644ff;
}

.fas.fa-door-open.fa-3x:hover{
  color:#3344ff;
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
}

.print-button{
  width: 100%;
  color: rgb(0, 0, 0);
 text-align: center;
  padding-bottom: 5%;
  padding-top: 5%;
  cursor: pointer;
  float:left;
}

.print-button:hover{
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
  color: #6644ff;
}

.edit-delete-button{
  width: 50%;
  color: rgb(0, 0, 0);
  text-align: center;
  padding-bottom: 5%;
  padding-top: 5%;
  cursor: pointer;
  float:left;
}

.edit-delete-button:hover{
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
  color: #6644ff;
}


.th-sm.sorting:hover{
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
  color: #6644ff;
}

.fas.fa-door-closed.fa-3x{
  color: white;
}

.iframe-body{
  margin: 5%;
  background-color: #ebebeb;
}

.glavna-preview-tabla{
  width: 100%;
}
.glavna-preview-table{
  width: 100%;
  height: 100%;
}

.glavna-preview-table-td{

  width: 100%;
  height: 100%;
}

#txt {
  color:white;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px;
}

#date {
  color:white;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px;
}

#user{
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px;
}

#user span{
  color:white;

  font-weight: 1200;
  text-decoration: underline;

  cursor: pointer;

}


#user span:hover{
  box-shadow: inset 0 0 5px #3344ff,
  inset 0 0 10px #6644ff;
  color: #6644ff;
}

#logo:hover{
  cursor: pointer;
}