body {
	font-family:'Roboto', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:15px;
}
a{ color:inherit;}
a:focus {
    outline:none;
    outline-offset:0px;
}
.header-img{ padding:8px 0px 3px 0px; font-size:34px; color:#80c461;}
.header-img strong{color:#006591;}
.header-img img{ padding-right:10px;}
#body-left{ background:#fff; overflow:hidden; padding:0px; }
.navbar-inverse { border:0px; background:#006591;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus { border:0px; background:#006591; color:#FFFFFF;}
.navbar-inverse .navbar-nav > .active > a{ background:#80C461; color:#FFFFFF;}
.navbar-inverse .navbar-nav > .active > a:hover { background:#80C461; color:#FFFFFF;}
.navbar {border-radius:0px; margin:0px;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:active {color: #FFF; background-color: #80C461;}
.nav-body{ background:#006591;}
.content-body{ background:#FFFFFF;}
.content{ margin-top:15px; margin-bottom:30px;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-nav > li > a:hover { color: #FFF; background-color:#80C461;}
.aside-nav ul { padding:0px; margin:0px;}
.aside-nav ul li{padding: 15px 0px 15px 20px; border-bottom:1px solid #ccc;}
.aside-nav ul li a{ color:#FFFFFF;}
.navbar-nav > li i{ padding-right:10px;}
.navbar-nav .active{ background:#80C461; color:#FFFFFF;}
.navbar-nav .active a{ color:#FFFFFF;}
.aside-nav ul li:hover{ background:#80C461; color:#FFFFFF;}
.aside-nav ul li a:hover{ color:#FFFFFF;}
#body-right{ background:#FFFFFF; overflow:hidden; padding:0px;}
ul li{ list-style:none;}
.header{ background:#FFFFFF; overflow:hidden; border-bottom:1px solid #e7e7e7;}
.header-right{ float:right; padding-top:33px; padding-bottom:32px;}
.header-right ul{ overflow:hidden; margin:0px; float:right;}
.header-right ul li{ float:left; padding:10px 15px 10px 15px;}
.content{ overflow:hidden; background:#f7f7f7; padding:0px 15px;}
.panel{ margin:15px 0px;}
.panel .panel-heading{ padding:10px; text-transform:uppercase; background:#80C461; font-size:18px; color:#FFFFFF; text-align:center;}
.table > thead:first-child > tr:first-child > th {border-top:1px solid #ccc; background: #EFFFE7;}
.table > thead > tr > th {vertical-align: bottom; border:1px solid #ccc;    }
.edit{ color:#006591;}
.table > tbody > tr > td{ border:1px solid #ccc;}
aside{background:#006591;}
.table{ font-size:14px;}
.table > thead:first-child > tr:first-child > th .s.no{ width:2%;} 
#add-user{ background:#FFFFFF;}
#form-1{padding-top:30px; padding-bottom:30px; overflow:hidden; text-align:center;  text-align: -moz-center; text-align: -webkit-center; text-align: -o-center;}
.inside-form{ background:#f7f7f7; padding-bottom:15px; border: 1px solid #d5d5d5;}
.control-group{ overflow:hidden; padding:8px 20px; text-align:left;}
.control-prepend{ float:left; height:34px;}
.contral-level{ font-weight:bold;}
.control-prepend i{
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0px 1px 0px #FFF;
    background-color: #EEE;
    border: 1px solid #CCC;
}
.control-input{width:95%; float:left;}

#feedback{border:1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
#feedback:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

#form-1{ width:620px; margin:auto;}
.content h1{ background:#80c461; padding:10px; margin:0px; font-size:32px; overflow:hidden; color:#FFFFFF; text-align:center; font-weight:bold;}
.content { overflow:hidden; background:#f7f7f7; margin:15px; overflow:hidden; border: 1px solid #e7e7e7;}
.content-text{ padding:15px;}
.loginform{ width:410px; height:auto; margin:auto; background:#f7f7f7; padding:0px 0px 5px 0px; border:1px solid #ccc;}
.header-right ul .pass-word a{background: #80C461; padding: 7px 10px; border-radius: 4px; color:#FFFFFF;}
.header-right ul .Log-out a{background: #006591; padding: 7px 10px; border-radius: 4px; color:#FFFFFF;}
.modal-dialog {width: 540px;margin: 30px auto;}
.modal-title { color:#006591;} 
.btn-default {
    color: #333;
    background-color:#DEF1FF;
    border-color: #CCC;
}
.modal-header{ background:#DEF1FF;}
footer{ background:#006591; color:#FFFFFF; text-align:center; padding:6px 0px;}



@media screen and (max-width: 570px) {
#form-1{ width:100%; height:auto;}
.modal-dialog{ width:86%; height:auto;}
}

@media screen and (max-width: 767px) {
.header-right{ float:left;}
.header-right ul{ float:left; padding-left:0px;}

@media screen and (max-width:410px) {
.loginform{ width:100%; height:auto;}

.error{ margin:0px auto;text-align: center; width:300px; padding:10px 20px 10px 20px; background:#e9d5b4; border:1px solid #cccccc; color:#ca0019; text-align:center; font:bold 11px Tahoma; }
.message{ margin:0px auto; width:300px; padding:10px 20px 10px 20px; background:#f8eb92; border:1px solid #cccccc; color:#000; text-align:center; font:bold 11px Tahoma; }