body {
    #background-color:#F9F6F4;
    #background-color:#F5FAFA;
    background-color:#fff;
    font-family:verdana;
}
a{font-weight:600;color:#001e96 !important;}
.footer_content a{color:#ffffff !important;}
.active{background:#706aec !important;}
input { width: 170px;height: 20px; }
.center{text-align: center;}
.sel-center{text-align-last: center;}
.disp-none{display:none;}
.validatn-span{color:red;display:none;font-family:auto;}
.bold {font-weight:600;}
.green{color:#0bc39a;}
.red{color:#ff0f0f;}
.black{ color: #000 !important;  }
.width{ width: 100% !important; text-align:center; xmargin-left: 60px; }
.btn-width{ xmargin-left: 60px; width: 100% !important; height: 30px; color: #fff; background: #4050c6; font-weight: 600; text-transform: uppercase;}
.font14{font-size: 14px !important;}
.font16{font-size: 16px !important;}
.font20{font-size: 20px !important;}
.linehgt10{ line-height: 10px; !important;}
.fleftdblock{float: right; display: block;}
.val-err{text-align: center; display: block; color: red; font-size: 13px;}
.gotosavings,.gotoloans{ color: #716aeb !important;text-align: center;text-decoration: none;display: block;width: 100%;
            margin-top: 10px;font-weight:600; }
@media only screen and (max-width: 600px){
    .addstaff{width:auto !important;}
}
.btn-div a{text-decoration:none;color:#fff !important;background:#001e96 !important;text-transform:uppercase;padding:5px;font-weight:600;display:inline-block;}
.radio-btn{width:auto;height: 13px;}
.wrapper{
    border: 3px solid #001e96;
    width:95%;
    margin:0px auto;
}
.header{
    float:left;
    height:130px;
    width:100%;
    margin-top:0px;
    background-color:#001e96;
}
.user_login{
    float:left;
    xheight:220px;
    margin-top:10px;
    width:292px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.user_login hr{
    width:250px;
    color:#2E4372;
}
.user_login td{
    padding:10px;
    padding-left:8px;
    font-size:13px;
    font-family:verdana;
}
.user_login .caption{
    font-size:16px;
    color: #4050c6;
    font-weight:bold;
    display: block;
    text-align: center;
}
.user_login .button1{
    padding-top:8px;
}
.user_login .button{
	width:auto;
    xbackground: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 98%,rgba(99,147,193,1) 100%); /* W3C */
    font-size:16px;
    border:1;
    font-weight: bold;
    cursor:pointer;
    text-transform: uppercase;
    color: #fff;
    background: #4050c6;
    border: 1px #4050c6;
}
.image{
    margin-left:10px;
    width:76.5%;
    xheight:350px;
    float:right;
   border:1px;
   border-radius:10px;
   position:relative;
}
.image .text{
    position:absolute;
    top:10px;
    xleft:10px;
    right:30px;
    width:100%;
    text-align: left;
}
.image .text h3{ color: #000; }
.navbar ul {
  list-style-type:none;  
  xbackground : #4d0000 !important;
  xbackground: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);
  margin-bottom:13px;
  padding:0px;
}
.navbar li {
  display:inline-block;
  font-size:15px;
  padding: 5px;
}
.navbar a{
  text-decoration:none; 
  background : #4050c6 !important;
  xbackground: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);
  color: #fff !important;
  text-transform: uppercase;
  padding:5px;
  display:inline-block;
}
.admin_staff li a,.admin_customer li a{
	color : #001e96 !important;
}
.navbar a:link, a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: white;
    background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
}
@media only screen and (min-width:1400px){.navbar a:link, a:visited{width:130px;} }
@media only screen and (min-width:1450px){.navbar a:link, a:visited{width:140px;} }
@media only screen and (min-width:1500px){.navbar a:link, a:visited{width:150px;} }
@media only screen and (min-width:1550px){.navbar a:link, a:visited{width:160px;} }
.navbar a:hover, a:active {
    xbackground:#706aec !important;
    xcolor: white;
}
.left_panel{
    margin-top: 15px;
    float:left;
    xheight:510px;
    width:21.5%;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.left_panel p,h3{
    padding:6px;
}
.left_panel li{
    xpadding:5px;
}
.right_panel{
    margin-left:10px;
    margin-top:15px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 

    width:76.5%;
    height:382px;
    float:right;
   border:1px solid dodgerblue;
   border-radius:5px;
}
.right_panel p,h3{
    padding:6px;
}
.right_panel li{
    padding:8px;
}
.footer{
    margin-top: 6px;
    float: left;
    height: auto;
    width: 100%;
    background: #4050c6;
    border-radius: 5px;    
}
.footer ul {
    list-style-type: none;
    float:left;
   
}
.footer li {
float:left;
font-size:15px;
font-family:verdana;
}
.footer li{
    text-decoration: none;
    color:black;
    padding-left:25px;
}
.footer a{
    text-decoration: none;
    color: #ffffff;
    padding-left:25px;
    font-weight: 600;
    text-transform: uppercase;
}
.footer a:hover{
    font-weight: bold;
}
.footer_content{
    text-align:center;
}
.content .user_login{
    margin-top:25px;
    margin-left:40%;
    height:390px;
    width:325px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: #cee3ff !important; 
}
.content{
    font-size: 14px;
    xheight:400px;
    width:100%;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 97%,rgba(160,216,239,1) 100%); /* W3C */
}
.content .user_login .button{
    xfont-size: 16px;
    xcolor:#fff;
    border:1;
    font-weight: bold;
    cursor:pointer;
    margin-top:10px;
}
.admin_change_pwd{
    margin-left:15%;
    margin-top:5%;
    float:left;
    height:200px;
    width:400px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.admin_change_pwd td{
    font-size:17px;
    padding-top:10px;
    padding-bottom:10px;
 
}
.content .admin_staff{
   margin-left:15%;
    margin-top:5%;
    float:left;
    height:180px;
    width:200px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content .admin_customer{
    margin-left:2%;
    margin-top:4%;
    float:left;
    height:190px;
    width:220px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content .admin_staff li{
    
    font-size:15px;
    padding-top:5px;
    padding-bottom:10px;
 list-style-type:none;
}
.content .admin_customer li{
    font-size:13px;
    padding-top:5px;
    padding-bottom:10px;
    list-style-type:none;
 
}
.content a{
    text-decoration:none;
}
.content a:link,a:visited {
    xcolor:blue;
}
.content a:hover {
    xfont-weight:bold;
}
.admin_nav{
    float:left;
    xheight:95%;
    width:220px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
    border:1px solid dodgerblue;
    border-radius:5px;
    margin:5px;
    xposition: fixed;
}
.admin_nav li{
    
    text-align:left;
    padding-top:5px;
    padding-bottom:20px;
    padding-left:0px;
    list-style-type:square;
}
.admin_nav a{
    text-decoration:none;
}
.admin_nav a:hover {
    xfont-weight:bold;
}
.admin_nav a:visited {
    color:blue;
}
.admin_nav li#caption{
list-style-type:none;

}
.form-container{
    xheight:95%;
    width:800px;
    background: #fff6ca; 
    border:1px solid #7d4c34;
    border-radius:5px;
    margin:5px;
    margin:auto;
    margin-top:10px;
}
.addstaff{
    xheight:95%;
    width:600px;
    background: #fff6ca; 
    border:1px solid #7d4c34;
    border-radius:5px;
    margin:5px;
    margin:auto;
    margin-top:10px;
}
.form-container td{
    padding:7px;
}
.addstaff td{
    padding:7px;
}
.content_addstaff{
    height:auto;
    width:100%;
    border-top:3px solid #0bc39a;
    border-radius:5px;
    background: #fff;
}
.small-btn{
    background: #0bc39a;
    border: 1px solid #0bc39a;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    width: auto; 
    height: auto;   
}
.addstaff_button{
    margin-top: 20px;
    background: #845a45;
    border: 1px solid #845a45;
	border-radius: 3px;
    padding: 7px;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
    width: auto; 
    height: auto;   
}
.displaystaff_content{
    xheight:400px;
    width:100%;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 97%,rgba(160,216,239,1) 100%); /* W3C */

}
.displaystaff_content table{
    margin-top:30px;
}
.customer_nav{
    float:left;
    height:95%;
    width:240px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
    border:1px solid dodgerblue;
    border-radius:5px;
    margin:5px;
}
.customer_nav li{
    
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:0px;
    list-style-type:square;
}
.customer_nav a{
    text-decoration:none;
}
.customer_nav a:hover {
    font-weight:bold;
}
.customer_nav a:visited {
    color:blue;
}
.customer_nav li#caption{
list-style-type:none;

}
.content_customer{
    height: auto;
    width:100%;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 97%,rgba(160,216,239,1) 100%); /* W3C */
}
.content_customer table{
    margin-top:50px;
}
.customer_top_nav{
    margin-left: 8px;
    height:auto;
    width:80%;
    float:left;
    margin-top:5px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: #e0f3fa;
}
.customer_top_nav .text{
    xmargin-left:39%;
    text-align:center;
    margin-top:3px;
    font-weight:bold;
    color:#2E4372;
}
.customer_body{
    height:95%;
    width:1000px;
    float:left;
    margin-top:5px;
    border-radius:5px;
}
.customer_body p{
    
    text-align:left;
    margin-left:10px;
}
.customer_body .heading{
    font-weight:bold;
    color:#2E4372;
}
.heading{
    font-weight:bold;
    color:#2E4372;
}
.content1{
    margin-left:15%;
    margin-top:5%;
    float:left;
    height:180px;
    width:230px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content2{
    margin-left:15%;
    margin-top:5%;
    float:left;
    height:180px;
    width:330px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content1 p{
    padding-top:10px;
}
.content2 p{
    padding-top:10px;
}
.content3{
    margin-left:15%;
    margin-top:5%;
    float:left;
    height:270px;
    width:250px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content3 p{
    padding-top:10px;
}
.content4{
    margin-left:15%;
    margin-top:5%;
    float:left;
    height:270px;
    width:250px;
    border:1px solid dodgerblue;
    border-radius:5px;
    background: linear-gradient(to bottom, rgba(224,243,250,1) 49%,rgba(184,226,246,1) 100%,rgba(182,223,253,1) 100%); 
}
.content4 p{
    padding-top:10px;
}
.contact{
    height:85%;
    xwidth:32%;
    xmargin-left:60px;
    border-radius:5px;
    xborder: 3px solid #5f76b2;
    xpadding-left: 10px;    
}
.contact li{
    padding:7px;
}

table.dataTable, table.dataTable th, table.dataTable td { box-sizing: border-box !important; }
.min-scroll{max-height: 350px;overflow: auto;}