* {
    
}
body {
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-image: radial-gradient(#2d587a, #194161, #0e304c);
}
#top_banner {
    width:100%;
    height:50px;
    background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
    top:0px;
}
.center {
  margin: auto;
  width: 40%;
  padding: 10px;
  margin-top:80px;
}
#set_pass_div {
      background-color:white;
      color:#0E2F4C;
      border-radius:5px;
}
.button_Set_Pass {
        background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
        display:block;
        padding:10px 10px;
        border:none;
        border-radius:5px;
        color:white;
        transition: transform .2s;
        margin:5px 5px;
        float:right;
}
#login_section {
        background-color:white;
      color:#0E2F4C;
      border-radius:5px;
}
.button_login {
        background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
        display:block;
        padding:10px 10px;
        border:none;
        border-radius:5px;
        color:white;
        transition: transform .2s;
        margin:5px 5px;

}
.icon {
    max-height:80px;
    padding-top:8px;
    display:inline-block;
}
.tab_content {
    background-color:#2d587a;
    opacity:0.8;
    margin-left:1px;
    margin-right:1px;
    transition: transform .2s;
    
}
.tab_content h1 {
    font-size: 2vw;
}
.tab_content:hover {
    transform: scale(1.2);
    background-color:#475d70;
    z-index:2;
}
.tab_content_desc {
display:none;
}
.tab_content_desc:hover {
    display:inline-block;
}
#HiddenText {
    display: none;
    color:white;
}

#DivForHoverItem:hover #HiddenText {
    display:block;
}

#logout a {
    text-decoration:none;
    color:white;
    margin:0 0 0 0;
}
#logout  {
    padding-top:8px;
}

ul {
    float:right;
    text-decoration:none;
    padding:12px 12px;
    list-style-type:none;
    border-left:solid;
    border-width:thin;
    border-color:#75ad37;
    font-size:16px;
    color:white;
    height:inherit;
}
.modal-header {
    background-image: radial-gradient(#2d587a, #194161, #0e304c);
    width:100%;
    border:none;
    border-radius:5px;
}
.modal-content {
    border:0px;
    border-radius:5px;
    margin:0 0 0 0;
}
.modal-title {
    display:inline-block;
    color:white;
    
}
.close {
    display:inline-block;
    color:white;
}
.icon1 {
    width:40px;
    display:inline-block;
}
.modal-header h4 {
        vertical-align: sub;
}
.modal_split_view {
    width:100%;
    display:flex;
}
.modal_split_1  {
    display:inline-block;
    min-width:49%;
}
 .modal_split_2 {
    display:inline-block;
    min-width:49%;
}
.list_dom th {
    background: #a2a2a2 linear-gradient(to bottom,#d8d8d8 0,#909090 80%);
    color:white;
    width:100%;
    padding:10px 10px;
    border-radius:5px;
    
}
.list_dom {
    width:100%;    
}
.status_indicator{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 60%;
    left: 51%;
    margin-left: -6px;
    margin-top: -6px;
    box-shadow: 0 1px 0 #fff;
}
.list_dom td {
    height:50px;
    margin-top:2px;

}
.list_dom tr {
        border:solid;
    border-width:thin;
    border-color:#c4c4c4;
    border-radius:5px;
}