*{
    
}
html {
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-color:#0e304c;
}
body{
    width:96%;
    margin-left:2% !important;
    padding:0 0 0 0;
    font-family: cairo, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    background-color:white;
     margin-bottom:20px;
}
header {
    height:100px;
    width:100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.head_1 {
    display:inline-block;
    width:25%;
    height:100%;
    padding-right:53%;
}
#Logo{
    width:auto; 
    max-height:100%;
    vertical-align:baseline;
}

.head_3  {
    display:inline-block;
    width:20%;
    height:100%;
   float:right;
}

.login_section {
    background-color:white;
    width:50%;
    margin:auto;
    border-radius:5px;
    margin-top:100px;
    color:#0e304c;
}
.login_screen {
    width:100%;
    text-align:center;
    
}

.button_login {
    padding:8px 15px;
    background-color:#0e304c;
    color:white;
        font-family: cairo, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    border:none;
    border-radius:5px;
}
.button_login:hover {
    background-color:#94D351;
}
footer {

    background-color: #0e304c;
    width: 100%;
    position: fixed;
    height: 20px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;

}
#newcustform {
    width:90%;
    margin-left:5%;
}
.form-group {
    display:inline-block;
    width:33%;
    padding-bottom:5px;
}
.form-label {
    width:100% !important;
    display:block;
}
.form-control {
    width:80%;
}
.form-group-large {
    display:inline-block;
    width:49%;
    padding-bottom:5px;
}
.form-control-large {
    width:100%;
}
.button_gen {
    padding:8px 15px;
    background-color:#0e304c;
    color:white;
        font-family: cairo, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    border:none;
    border-radius:5px;
}
.button_gen:hover {
    background-color:#94D351;
    color:#0e304c;
}

.navbar-inverse {
    background-color: #0e304c !important;
    border-color: #0e304c !important;
    border-radius:0px !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: white !important;
    background-color: #94D351 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #0e304c !important;

}
#table tr:hover {
    background-color:#f5f5f5;
    cursor: pointer;
}
#tabel tr:hover.glyphicon {
    color:#94D351 !important;
        
    }
#table tr .glyphicon    {
    color:#0e304c !important;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #0e304c;
  width:100%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color:white;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #94D351;
  color:#333;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #94D351;;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}