body{color:#5f5f5f; font-family: 'Lato', sans-serif !important; font-size:14px;}
a:hover, a:focus{outline:none;}
img{ max-width:100%;}

.clear{ clear:both;}

#wrapper{
	padding-left:225px;
}
.headertop{ 
background:#ffffff;
height: 80px;
    position: fixed;
    z-index: 999;
    width: 100%;
-webkit-box-shadow: 0 5px 6px -6px black;
	   -moz-box-shadow: 0 5px 6px -6px black;
	        box-shadow: 0 5px 6px -6px black;
}
.headertop .navbar-right{ margin-right:0px;}





.side-nav > li > a:hover, .side-nav > li > a:focus, .side-nav > li > a.active{ background:#7bc2ff; color:#ffffff;}
.side-nav > li.logo > a:hover{ background:none;}
.side-nav > li.logo img{ max-width:100%;}
/*.side-nav li{ width:100%; border-bottom:1px solid #9e9e9e; float:left;}*/

.subMenu{ margin:0px; padding:0px; float:left; width:100%;}
.subMenu li{ width:100%; float:left;}

.subMenu li a:hover{ background:#afafaf; text-decoration:none; color:#FFFFFF;}
.error1{ color:red; font-weight:bold;}
.success1{ color:#a0c200; font-weight:bold;}
.downarrow{ float:right; margin-right:3px;}

#page-wrapper {padding: 30px 25px 60px 25px;}

.custable tr > td{ line-height:21px !important;}
.custable th{ background:#afafaf; color:#FFFFFF; font-weight:normal; vertical-align:middle;}
.custable a{ color:#a0c200;}

.cuspagin ul{ margin:10px 0px;}
.cuspagin .pagination > .active > a, .cuspagin .pagination > .active > a:focus, .cuspagin .pagination > .active > a:hover, .cuspagin .pagination > .active > span, .pagination > .active > span:focus, .cuspagin .pagination > .active > span:hover{background:#a0c200; border-color:#a0c200;}

.filtercol{margin-bottom:20px;}
.filtercol .form-group{ margin-right:5px;}

.btn-green{ background:#b14d4a; color:#FFFFFF; border:1px solid #a0c200;}

.btn-green:hover{ background:#799300; color:#FFFFFF; border:1px solid #799300;}

.btn-blue{ background:#3e9dd5; color:#FFFFFF; border:1px solid #3e9dd5;}
.btn-blue:hover{ background:#0073b6; color:#FFFFFF; border:1px solid #0073b6;}

.headerbor{background:#eaeaea; }
.adminlink{ float:right; }

#err .error1 {
	text-align:center;
}

.filtercol .input-group-addon a{color:#5f5f5f;}

.respbtn .navbar-toggle{ background:#435063; color:#FFFFFF;}
.respbtn .icon-bar{ background:#ffffff;}

.topbtncol{margin-bottom:15px; text-align:right;}


.loginpage {margin:10% auto 0px auto; max-width:600px;}
.mainlogin {
    background: rgba(255, 255, 255, 0.82);
    float: left;
    width: 100%;
    border: 1px solid #dcdcdc;
    box-shadow: 0px 2px 39px #ccc;
}

.custable .dropdown-menu {
    min-width: 80px;
}

.custable .dropdown-menu>li>a {
    padding: 3px 7px;
}

.logtop { margin-bottom:20px; text-align:center;}
.logintxt { display:table; margin:20px auto 25px auto; max-width:300px; /*color:#FFFFFF;*/}
.admtxt {font-size:24px; line-height:27px; margin-bottom:20px; text-align:center; font-weight:bold;}
.loginsha {float:left; margin:0px 0 0; width:100%; display:none;}

.titleadd{ font-size:24px; margin-bottom:25px; margin-top:30px; border-bottom:1px dashed #ccc; padding-bottom:10px; color:#3e9dd5; font-weight:bold;}

.briefpage h4{ font-size:15px; font-weight:bold; margin:0px 0 10px 0px; line-height:21px; /*color:#a0c200;*/}
.briefpage p{margin:0 0 22px 0px; line-height:21px;}

.minibox{min-height:105px; padding:20px; background-color:#c6e9fa;  border:1px solid #eaeaea; border-radius: 2px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);  margin-bottom:20px;
-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.minibox:hover{background-color:#208fbd; box-shadow:inherit;}
.minibox a{ display:block; color:#5f5f5f;}
.minibox a:hover{ text-decoration:none;}
.minibox:hover .box-info{
	color:#fff;
}
.boxicon {border-radius:50%; display:inline-block; font-size:21px; height:60px; line-height:54px; margin:0 10px 0px 0; text-align:center; vertical-align:middle; width:60px; color:#FFFFFF;  vertical-align:middle;}

.bgblue{ background:#337ab7;}
.bggreen{ background:#5cb85c;}
.bgblue1{background:#5bc0de;}
.bgorg{ background:#f0ad4e;}
.bgred{ background:#d9534f;}

.bggreen1{background:#2ec1cc;}
.bgpink{background:#e91e63;}
.bgpink1{background:#af4e96;}

.card{ box-shadow:0 1px 1px rgba(0, 0, 0, 0.15); margin-bottom:30px; position:relative; border:1px solid #eaeaea;}
.box-info{display:inline-block; max-width:35%; vertical-align:middle;}
.graphbody{ overflow-x:auto;}

.lefttitle{ font-size:24px; color:#3e9dd5; font-weight:bold;}
.hundiv{ width:100%; float:left; border-bottom:1px dashed #ccc; padding-bottom:5px;}

.printcol{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#000;}
.printcol h2{font-size:16px; font-weight:normal; margin:0px 0px 10px 0px;}
.printcol h3{font-size:18px; font-weight:bold; border-bottom:1px solid #e4e4e4; padding:10px 15px 10px 15px; margin:-15px -15px 20px -15px; color:#0069a3; background-color:#f8f8f8;}
.printcol h4{font-size:16px; font-weight:bold; color:#448207; margin:10px 0px 10px 0px;}
.printcol h4 .glyphicon{ font-size:10px; margin-top:-5px; vertical-align:middle; display:inline-block;}
.printcol p{margin:0px 0px 25px 0px;}
.printcol .briefpage{border:1px solid #e4e4e4; padding:15px; margin-bottom:25px;}
.colorPalate{border:1px solid #000000; padding:0px 10px; color:#FFF;}
/*.printcol{font-family:Arial,Helvetica,sans-serif;}
.printcol h2{font-size:18px; font-weight:normal; margin:0px 0px 10px 0px;}
.printcol h3{font-size:24px; font-weight:bold; border-bottom:1px dotted #000; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px;}
.printcol h4{font-size:16px; font-weight:bold; color:#448207; margin:10px 0px 5px 0px;}
.printcol h4 .glyphicon{ font-size:10px; margin-top:-5px; vertical-align:middle; display:inline-block;}
.printcol p{font-size:14px; color:#000; margin:0px 0px 25px 0px;}
.printcol .briefpage{border:1px dotted #9e9e9e; padding:15px; margin-bottom:25px; background-color:#f8f8f8;}*/

.bootstrap-datetimepicker-widget th, .datepicker th {
	    border-radius: 0 !important;
}

.datepicker .prev, .datepicker .next, .datepicker .picker-switch {
	background: #c6e9fa !important;
}

.bootstrap-datetimepicker-widget .dow {
    width: 14.2857%;
    background: #e8e8e8 !important;
}

@media only screen and (min-width: 240px) and (max-width: 767px) {
#wrapper{ padding-left:0px;}
#page-wrapper{ padding:5px 15px;}
.headerbor{ margin:0px; padding:0px;}
.side-nav{ position:inherit; width:100%; margin:0px; padding:0px;}
li.logo{ display:none;}
.loginpage{ margin:30px 15px 10px 15px;}
}

.form-control { 
    display: block;
    width: 100%;
    height: 43px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
}


.cpass{
font-size: 20px;
font-weight: bold;
padding-bottom: 25px;
color: #3e9dd5;
margin-left: 164px;
}

/* new Custom CSS For Front End Changes Start*/
.side-nav{background-color: #337ab7 !important;
    border: none;
    border-radius: 0;
    height: 100%;
    left: 0px;
    overflow-y: scroll;
    position: absolute;
    top: 80px;
    width: 225px;
    overflow-x: hidden;
    min-height: 60%;
    float: left;
}
.side-nav-top{  
height: 100%;
    float: left;}
.side-nav > li > a {display:block; color: #ffffff;font-weight: 500;font-size: 13px;border-bottom: 1px solid #266380;}
.side-nav > li > a:hover {display:block; color: #000;font-weight: 500;}
.subMenu li a { display:block; padding:8px 5px 8px 30px; color:#5f5f5f; background:#c6e9fa; font-size:13px;}
.nav .nav {
    padding-left: 30px;
    background-color:  !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.15) inset;
}
.adminlink a{color:#000000;     padding: 27px 25px; display:inline-block;}
.adminlink a:hover, .adminlink a:focus{color:#252525; text-decoration:none;}
.well {
    min-height: 20px;
    padding: 19px;
   /* margin-bottom: 20px; */
    background-color: #f5f5f5;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    margin-top: 0px !important;
    /* font-size: 25px; */
    font-size: 19px;
    font-weight: 800;
    Z-INDEX: 999999999999999;
    POSITION: RELATIVE;
    /*WIDTH: 100%;*/
    BACKGROUND: NONE;
    BORDER: NONE;
    COLOR: #2090bd;
    position: relative;
   /* left: 4%;*/
    top: 0;
    padding-top: 22px;
    /*float:left;*/
}



#page-wrapper {
    position: relative;
    margin: 2.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 1px 5px -2px rgba(0,0,0,0.2);
    margin-left: 20px;
    margin-right: 20px;
    overflow: auto;
    width: 100%;
    display: block;
    position: relative;
}

.table-responsive {
    overflow-x: inherit;
    /* position: fixed; */
    height: 419px;
    overflow-x: scroll;
    
    
}
.custable {
    table-layout: auto;
    word-wrap: NORMAL;
    margin: 40px auto 0px auto;
    overflow-x: scroll;
}
.custable td th {border-collapse:collapse; }
.custable th{padding:20px 7px; font-size:15px; }
.custable td{padding:5px 10px; height:35px;}
 .custable img { 
 height:65px !important;
 }
 
.logo{height:99px !important;}	
.btn{border-radius: 2px !important;}
.btn-primary:hover {
    color: #ffffff;
    background-color: #217dbb;
    border-color: #1c699d;
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #265a88;
    background-position: 0 -34px !important;
}
.user_profile{
	width: 50px;
    height: 50px;
	margin-top: 23px;
	}
	.user_div{padding: 15px;border-bottom: 2px solid #fff;}
	.white{color:#ffffff;}
.action-center{text-align: center !important;}
.side-nav li{ width:100%;float:left;}
.side-nav-mobile {
    background-color: #2C3037 !important;
    border: none;
    border-radius: 0;
    height: 100%;
    left: 0px;
    overflow-y: auto;
    position: relative;
    top: 80px;
    width: 225px;
}

body{
	background:url(images/nanokesh.jpg) no-repeat;
    background-size: cover;
}


th{background-color:#156b92 !important;}
.space30{height:30px;}
/* new Custom CSS For Front End Changes End */

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(32,143,189,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(32,143,189,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(32,143,189,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(32,143,189,0.4); 
}
.headertop {
position:relative;
}

.headertop #nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
  
    right: 0;
    z-index: 9999999999999999999999;
}

@media (max-width:767px) {

.headertop #nav .adminlink {
    top: 0px;
}

#page-wrapper {
    margin-left: 0;
    }
	.headertop {
		position:relative;
	}
	.respbtn .navbar-toggle {
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 99999999;
}
.side-nav {
	z-index:9999999999 !important;
   }
.navbar-header {
	float:left;
   }
.well {
    font-size: 18px;
    width: 64%;
    float: right;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px !important;
    margin-right: 12px;
}


#notificationContainer {
    margin-left: 0px !important;
    width: 301px !important;
}

#notificationTitle {
    width: 294px !important;
    }

.moblgout {
display:none;
}

#notification_li {
	top:0px !important;
}
.notification-mobile {
    margin-right: 34px !important;
    width: 18%;
    margin-left: 12px;
}
.topbtncol {
    margin-bottom: 15px;
    text-align: left;
}
}

@media (min-width: 300px) and (max-width: 640px) {

.headertop #nav .adminlink {
    top: 12px;
}

#notification_li {
    top: 9px !important;
}
}


.notification-mobile{margin-right: 0px;}
.navbar-toggle{    margin-top: -3px !important;background-color:#3e9dd5 !important;}

.loginsubmit {
    background: #337ab7;
    border-radius: 0 !important;
    border: none;
}

.loginsubmit:hover {
    background: #12759e;
    border-radius: 0 !important;
    border: none;
	color:#fff;
	    width: 150px;
}
.notification-mobile img, .usicon img {
    vertical-align: middle;
    line-height: 32px;
    margin-top: -5px;

}

@media (min-width:1024px) {

.gallery .thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
    width: 253px;
    height: 189px;
}

}

.datetimepicker-days thead th{   background-color: #d2d2d2 !important;   text-align: center;}


.table-responsive {
    
    overflow-x: inherit;
}