* {
 box-sizing:border-box;
 padding: 0;
 margin: 0;
 list-style-type: none;
 max-height: 100%;
 max-width: 100%;
 font-family: Arial;
}
#go_up {
 display: none;
 position: fixed;
 right: 30px;
 bottom: 15px;
 background: grey;
 padding: 5px;
 border-radius: 10px;
 cursor: pointer;
 border: none;
}
html {
 background: lightgray;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
select,
textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: none;
 background: black;
 color: lightgrey;
}
html,
body {
 min-height: 100%;
 max-height: 100% !important;
}
body,
#all {
 width: 100%;
 height: 100%;
 background: white;
 display: block;
 min-height: 100vh;
 max-height: 100vh !important;
}
#top_bar_space {
 min-height: 70px;
 display: block;
 color: transparent;
 background: transparent;
 width: 100%;
}
#top_bar {
 top: 0;
 display: flex;
 min-height: 70px;
 width: 100%;
 background: green;
 position: fixed;
 z-index: 2;
}
#top_bar p{
    font-size: 30px;
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 5px;
}
a {
 cursor: pointer;
 text-decoration: none;
 color: black;
}
a:hover {
 background: gray;
}
#main_content{
    display: flex;
}
#nav{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 70px;
    width: 25%;
    background: lightgrey;
}
#nav a{
    display: block;
    width: 100%;
    padding: 10px;
}
#nav a:hover{
    border-bottom: 4px orange solid;
    padding-bottom: 6px;
    padding-left: 8px;
}
#content{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 70px;
    width: 75%;
}
#basic_el{
    width: 100%;
    height: min-content;
    min-height: 100%;
    background: url("/res/img/background/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10%;
    overflow: auto;
}
#ab_inst_inner, #ab_pro_inner{
    background: rgba(255,255,255,0.8);
    margin: auto;
    padding: 10px;
    min-height: min-content;
    border-radius: 20px;
}
#login_inner{
 background: black;
 color: white;
 margin-left: 15%;
 margin-right: 15%;
 padding: 20px;
 border-radius: 30px;
}
#login_login_btn{
 background: rgba(230,230,230,0.5);
 display: block;
 padding: 10px;
 border-radius: 20px;
 margin-right: 70%;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 21px;
 line-height: 1.2em;
 letter-spacing: 0.013em;
 font-style: italic;
 width: 100%;
}
#login_login_btn:hover{
 border: 5px lightgrey solid;
 padding: 5px;
 color: lightgrey;
 cursor: pointer;
 box-shadow: .5em .5em 1em -0.5em rgba(255,255,255,0.65);
}
#error_page {
 text-align: center;
 font-size: 22px;
 line-height: 37px;
 letter-spacing: 0.006em;
 font-style: italic;
 margin-left: 25%;
 margin-right: 25%;
 padding-top: 20px;
 padding-bottom: 20px;
}
#msg_all {
 display: none;
 position:  fixed;
 width: 100%;
 height: 100%;
 z-index: 33;
 background: rgba(0,0,0,0.7);
 top: 0;
 overflow: auto;
}
#msg_self {
 display: block;
 background: rgba(255,255,255,0.9);
 margin-top: 100px;
 margin-left: 25%;
 margin-right: 25%;
 height:max-content;
 min-height: 150px;
 border-radius: 5px !important;
 position: absolute;
 width: 50%;
 max-height: unset;
}
#msg_top {
 display: flex;
 min-height: 50px;
 text-align: left;
 padding: 10px;
 font-size: 28px;
 background: #4CAF50;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
#msg_text_u {
 width: 95%;
}
#msg_btn {
 width: 5%;
 background: transparent;
 border: transparent;
 color: black;
}
#msg_btn:hover {
 cursor: pointer;
}
#msg_btn[disabled=""] {
 background: lightgray;
 cursor: no-drop;
}
#msg_text_text {
 padding: 20px;
 min-height: inherit;
 height: max-content;
 background: black;
 color: white;
}
#button {
 background-color: #4CAF50;
 color: white;
 padding: 12px 20px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 width: 100%;
}
#button:hover {
 background-color: #45a049;
}
#button:disabled{
    cursor: no-drop !important;
}
table{
  background: lightblue;
  border-collapse:collapse;
  border-spacing:0;
  width: 100%;
  table-layout: fixed;
  word-wrap: anywhere;

}
table tr{
  margin: auto;
  height: auto;
  text-align: center;
}
table tr th{
  border-style:solid;
  border-width:1px;
  overflow: hidden;
  word-break: break-word;
  padding: 10px;
  width: max-content;
}