* {
    
}
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: linear-gradient(#0e304c, #194161, #2d587a);;
    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;
}
.general_button {
    background-image: linear-gradient(#0e304c, #194161, #2d587a);;
    color:white;
    padding:10px 10px;
    border:none;
    border-radius:5px;
}
.inner_div {
    margin:5px 5px;
    border:none;
    border-radius:5px;
    background-image: linear-gradient(to bottom,#fff 10%,#efefef 80%);
    box-shadow: 0 2px 2px #ddd;
    border: 1px solid #efefef;
}
.inner_div_1 {
    margin:10px 10px;
}
.form_div {
    width: 100%;
    display: table;
    margin-bottom: 12px;
    background-image: linear-gradient(to bottom,#d8d8d8 0,#909090 80%);
    border-radius: 9px;
    position: relative;
}
.form_div span {
        display: table-cell;
    text-shadow: 0 -1px 2px rgba(0,0,0,.6);
    padding: 8px;
    font: bold 14px "Sterling Medium",sans-serif;
    color: #fff;
    height: 16px;
    margin-right: 0;
    vertical-align: top;
    width: 130px;
}
.form_div .div_field {
    font: 13px/33px "Sterling Book",sans-serif;    display: table-cell;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 10px;
    font: 13px/33px "Sterling Book",sans-serif;
    color: #888;
    height: 33px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.15);
    width: 100%;
    box-sizing: border-box;
    transition: all ease-in-out .25s;
}
#park_dom  {
    display:none;
}
 #new_host  {
     display:none;
 }
 #new_host sub {
     background-color:transparent;
     line-height:2;
 }
 .general_button_red {
    background-image: linear-gradient(to bottom,#fd0000 0,#7e0000 90%,#be0000 100%);
    color:white;
    padding:10px 10px;
    border:none;
    border-radius:5px;
}
.inner_with_menu_pane {
    width:96%;
    margin:1%;
    height:350px;
    display:flex !important; 
    
}
.menu_pane {
    width:30%;
    display:inline-block;
    border-radius:5px;
}
.main_pane {
    width:65%;
    display:inline-block;
    margin-left:2%;
    overflow:scroll;
    overflow-x: hidden;
}
.grouptitle {
    color: #fff;
    background: #a2a2a2 linear-gradient(to bottom,#d8d8d8 0,#909090 80%);
    text-shadow: 0 -1px 0 #818181;
    padding: 5px 12px;
    margin-bottom: 0;
    position: relative;
    font-size:18px;
    margin-top:0px;
}
.menu-list-item {
    padding: 0 12px;
    display: block;
    background: #a2a2a2 linear-gradient(to bottom,#fff 0,#c4c4c4 75%,#f0f0f0 100%);
    text-shadow: 0 1px 0 #fff;
    color:#666;
}
.tablinks1 {
    display:block;
}
.menu-list-item a {
    text-decoration:none;
}
a.menu-list-item:hover{
    background: linear-gradient(#75ad37, #7fba3f, #94D351);
    color:white;
    text-shadow:none;
}

.menu-list-item p {
    vertical-align:middle;
    font-size:18px;
}
.sectionholder {
    border: 1px solid #efefef;
    padding: 20px;
    background-image: linear-gradient(to bottom,#fff 10%,#efefef 80%);
    box-shadow: 0 2px 2px #ddd;
    margin: 0 0 12px 0;
    border-radius: 5px;
    position: relative;
    margin-right: 3%;
}
.holder_label {
    width: 100%;
    display: table;
    margin-bottom: 12px;
    background-image: linear-gradient(to bottom,#d8d8d8 0,#909090 80%);
    border-radius: 9px;
    position: relative;
}
.holder_label.dual {
        float: left;
    width: 48%;
}
.holder_label span {
    display: table-cell;
    text-shadow: 0 -1px 2px rgba(0,0,0,.6);
    padding: 8px;
    font: bold 14px "Sterling Medium",sans-serif;
    color: #fff;
    height: 16px;
    margin-right: 0;
    vertical-align: top;
    width: 200px;
}
.holder_field {
        display: table-cell;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 10px;
    font: 13px/33px "Sterling Book",sans-serif;
    color: #888;
    height: 33px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.15);
    width: 100%;
    box-sizing: border-box;
    transition: all ease-in-out .25s;
}
.sectionholder h2 {
    font-size:20px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
  

}

/* Track */
::-webkit-scrollbar-track {
  background-image: linear-gradient(to bottom,#d8d8d8 0,#909090 80%) ;
  border-radius:5px;
  

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
    border-radius:5px;
  background-image: linear-gradient(#0e304c, #194161, #2d587a);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
}
#detail_Update_Div {
    z-index:2;
    position: absolute;
    width: 57.5%;
    display:none;
}
#the_table  {
    width:100%;
    border-radius:5px;
}
#the_table th {
    background-image: linear-gradient(#0e304c, #194161, #2d587a);
    padding:10px 10px;
    color:white;
}
#the_table.head tr {
    border-radius:5px;
    
}
#the_table td {
    padding:8px 8px;
}
.support_holder { 
margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    padding-top: 10px;
    background-image: linear-gradient(to bottom,#fff,#e5e5e5);
    border-radius: 4px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    box-sizing: border-box;
}
.row_Support {
    width:100%;
    display:flex;
}
.col_Support {
    flex:50%;
    display:inline-block;
}
.col_Support p {
    margin-left:30px;
    margin-right:30px;
}
.textarea_section {
    border:none;
    border-radius:5px; 
    width:100%; 
    height:150px;
    box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 15%);
    color: #888;
    border: 1px solid #ddd;
}
#Support_Ticket_Response{
    z-index:2;
    position: absolute;
    width: 90%;
    display:none;
}
#logsupport {
    display:block;
    width: 100%;
}
.general_button:hover {
    text-decoration:none;
    color:white;
}

.other_pane::-webkit-scrollbar-track {
  background-image: linear-gradient(to bottom,#d8d8d8 0,#909090 80%) ;
  border-radius:5px;
  margin-top:60px;
}
#CallBackR {
    display:none;
}

.side_button {
    background-image: linear-gradient(#75ad37, #7fba3f, #94D351);
    color:white;
    padding:15px 100px;
    border:none;
    border-radius:5px;
    width:90%;
    margin:3px 3px;
    text-align:center;
    font-size:16px;
}
.side_button:hover {
    background-image: linear-gradient(#0e304c, #194161, #2d587a);
    text-decoration:none;
    color:white;
}
#the_table_invoices {
    width:90%;
    margin-left:5%;
}