@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900');
/* CSS Document */
.wrapper { width:90%;
		margin: 15px auto auto auto;
		}
.header {padding: 0px 0px;
		 background:url(../img/top-bg.png) repeat center;}
.menu-header { background-color:transparent;
			   border:0;
			   margin:0;}
.logo { padding:0;
		height:auto;
		margin: 17px 0px;}
.nav-top {width: 60%;
			float: right;
			text-align: right;}
.menu-header .nav-list li a { color:#333;}
.menu-header .nav-top li a { color:#fff;
							 text-shadow:none;
							 background-color:#5224ac;}
.menu-header .nav-top>li>a:focus, .menu-header .nav-top>li>a:hover {
    color: #fff;
    background-color: #5224ac;
}
.nav-top  li { float:right;}
.nav-top  li a{ padding: 14px 20px;
				text-decoration: none;
				color: #333;
				font-weight:500;
				font-family: 'Roboto', sans-serif;
				text-shadow: 1px 1px 1px #fff;
				display: block;}
.nav-list li a {padding: 8px 20px;
			font-weight:500;
			font-family: 'Roboto', sans-serif;}
.nav-list li:hover, .nav-top li:hover{background: #f5f2f2;}
		
/* Slider css */
#first-slider .main-container {
  padding: 0;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
.circular-submit{height: 20px;}
#first-slider .carousel .item {
  min-height: 425px; 
  height: 100%;
  width:100%;
}
.carousel-inner .item .container {display: flex;
									justify-content: center;
									align-items: center;
									position: absolute;
									bottom: 0;
									top: 0;
									left: 0;
									right: 0;}
#first-slider h3{animation-delay: 1s;}
#first-slider h4 {animation-delay: 2s;}
#first-slider h2 {animation-delay: 3s;}
#first-slider .carousel-control {
    width: 6%;
    text-shadow: none;}
#first-slider h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;}
#first-slider .p {
  padding-top: 125px;
  text-align: center;}
#first-slider .p a {
  text-decoration: underline;}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);}
#first-slider .slide1 {
    background-image:url(../img/banner-back.jpg);
      background-size: cover;
    background-repeat: no-repeat;}
#first-slider .slide2 {
  background-image: url(../img/banner-back.jpg);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide3 {
  background-image: url(../img/banner-back.jpg);
      background-size: cover;
    background-repeat: no-repeat;
}
.slider { padding:0;}
.body-section { background:url(../img/page-back.png) center repeat;
				background-size:cover;}
.body-container{ padding:0;
				 z-index: 9;
    			 margin-top: -50px;}
.body-box { background:url(../img/services-box.png) no-repeat;
			background-size:cover;
			height: 175px;
			padding: 0;
			margin-bottom:20px;}
.img-icon { }
.box-text { background:url(../img/box-shadow.png) no-repeat bottom;}
.box-heading { padding-left:0;}
.box-heading h2 { margin-bottom:0;
				  margin-top:5px;
				  text-align: right;
				  font-size:2em;
				  font-weight:bold;}
.box-heading p { font-size: 12px;
    			 color: #666;
				 font-weight:600;
				 text-align:right;
				 color: #4d67c4;}
.box-text p {font-size: 12px;
				color: #666;
				margin: 20px 10px 0px 10px;
				padding: 0;
				text-align:center;}
.readmorebtn { border:none;
			   background:url(../img/readmore-bg.png);
			       padding: 8px 25px;
				   margin-top:5px;}
.readmorebtn:hover { background:url(../img/readmore-act-bg.png) no-repeat;
					 color:#fff;}
.marque { margin:20px 0px;
		box-shadow: 0px 0px 8px #e0e0e0;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;}
.recentnew { padding:10px 0px;}
.recentnewslide { background-color:#fff;
				  padding:10px 0px 5px 0px;}
.homeabut { padding:0;}
.torishima h2 {background: #efefef;
			font-size: 16px;
			line-height: 40px;
			font-weight: normal;
			text-align: left;
			font-family: 'Roboto', sans-serif;
			margin: 0 auto;
			border-radius: 4px;
			box-shadow: 0px 0px 5px #dedede;
			border: 1px #d3d3d3 solid;
			border-bottom: 1px #dedede solid;
			text-indent: 10px;}
.morefeature { float:right;
				font-size:12px;
				padding-right:15px;}
.blue { color:#3D67A6;}
.torishima p { margin:15px 0px;
			   font-size: 12px;}
.torishima h3 {border-top: 1px #CCC solid;
				color: #3D67A6;
				font-family: 'Roboto', sans-serif;
				padding-top:10px;
				font-size: 16px;}
.torishima ul li {color: #3D67A6;
				  font-size:12px;}
.homeform {background: #efefef;
			float: right;
			line-height: 40px;
			margin: 0 0 10px auto;
			border-radius: 4px;
			box-shadow: 0px 0px 5px #dedede;
			border: 1px #d3d3d3 solid;
			border-bottom: 1px #dedede solid;
			text-align: center;}
.queryimg { margin-top:-12px;}
.textinput {border-radius: 4px;
			padding: 7px;
			border: none;
			box-shadow: inset 2px 2px 2px #ccc;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			width: 100%;
			height: 30px;}
.messagebox {border-radius: 4px;
			 margin:7px 0px;
			 padding-left:7px;
			border: 1px solid #ccc;
			box-shadow: inset 2px 2px 2px #ccc;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			width:100%;}
.homequery { padding:20px 0px;}
.submitbtn {
    border: 1px #2a518a solid;
    background: #2a518a;
    background: -moz-linear-gradient(top, #6792d3 0%,#2a518a 100%);
    background: -webkit-linear-gradient(top, #6792d3 0%,#2a518a 100%);
    background: -0-linear-gradient(top, #6792d3 0%,#2a518a 100%);
    color: #FFF;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: inset 0 0 2px #fff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    cursor: pointer;
    line-height: 25px;
    padding: 5px 15px;}
.footer { background:url(../img/banner-tex.png) no-repeat center;
		  background-size:cover;
		  padding:15px;
		  margin-top:20px;}
.footer-left { text-align:right;
			   color:#fff;
			   padding:0;}
.footer-left span a { color:#fff;
					  padding:0 10px;}
.footerup { padding:0;
			border-bottom:1px solid #fff;}
.copyright { color:#fff;}
.modal-md-new { width:25%;
				top:25%;}
.loginform{ padding: 15px 15px 20px 15px;}
.logininput{ width:100%;
			 height:35px;
			 border:1px solid #CCC;
			 margin-bottom:15px;
			 padding:0px 7px;}
.login-content h2  {text-align:center;
					font-size:25px; }
.loginbtn {background-color:#40497a;
		   color:#fff;
		   padding: 8px 20px;
           border: 0;
		   width: 100%;}
.nodalupdate {    background-color: #f0f0f0;
				border-radius:0;
				box-shadow:none;}
.error { border:1px solid red !important;}
#mobile-error, #email-error, #loginusername-error, #loginpassword-error { display:none !important;}
.message {margin: 0px 0px 0px 15px;
    	  color: red;}


/* Employee CSS */
.top-header {background-color: rgb(0,73,117);
			 padding:0;
			 color:#fff;
			 padding:5px 0px;
			 font-size:16px;
			 font-weight:500;}
.logout { text-align:right;}
.logout a{ color:#fff;}
.employeemenu{ padding:0;}
.navigation { background-color:#fff;
			  border:none;
			  box-shadow: 0px 0px 2px #666666;
			  border-bottom:3px solid #1144a4;
			  /*padding:0 15px;*/
			  margin: 0;}
.navigation-employee .navbar-nav {padding: 5px 0px;}
.navigation .listofnav>li>a:focus, .navigation .listofnav>li>a:hover { color: #333 !important;
   																	   background-color: #e4edf3 !important;}
.listofnav li a { padding: 8px 8px;
					font-family: 'Roboto', sans-serif;
					/*background-color: #016eb0;*/
					margin: 0 5px;
					font-size: 12px;}
.navigation-employee .listofnav>li>a {color: #fff;}
.navigation .listofnav>.active>a, .navigation .listofnav>.active>a:focus, .navigation .listofnav>.active>a:hover {background-color: #004975;
    color: #fff;}
.bodyem { background-color:#fff;
		  padding:0;
		  min-height: 509px;
		  display:none}
.nopadding { padding:0;}
.emhead { background-color:#e4edf3;
		    margin-bottom: 15px;
			box-shadow: 0px 0px 10px #040c1d;
		/*border-radius:5px;
		  padding:0;
		  margin:25px 0 0 0;*/}
.headtext {    
	background-color: rgb(0,63,100);
    border: 1px solid rgb(0,53,85);
    border-radius: 3px 3px 0px 0px;
    background-image: url(../img/bb.jpg);
    background-repeat: repeat-x;
    color: rgb(255,255,255);
    font-size: 24px;
    padding-left: 10px;
    box-shadow: 0px 2px 9px 1px #030b1a;
}
.text-white{color: white; !important;}
.text-white:hover{color:#c1c1c1;}
span.col-xs-11.pro { padding: 8px 0px;}
.em-profile { padding:15px 0px 20px 0px;			  
			 }
.updatetabel>tbody>tr>td, .updatetabel>tbody>tr>th, .updatetabel>tfoot>tr>td, .updatetabel>tfoot>tr>th, .updatetabel>thead>tr>td, .updatetabel>thead>tr>th { border:none;}
.listheading {color: #003399;
    		  font-size: 14px;
    		  font-weight: 500;
			  font-family: 'Roboto', sans-serif;}
.updatetabel>tbody>tr { width:50%;
						float:left;}
.updatetabel>tbody>tr>td { font-size:16px;}
.em-Circulars { background-color: rgb(255,255,204);
    			padding: 5px;}
.listdetail { padding:0;
			  margin-bottom:20px;}
.marqueesection { margin-top:0px;
				  border-top:1px solid #ccc;
				 padding-top: 15px;}
.em-details{
	padding-left:0px;
	padding-right:0px
}
.margin-top-15{
	margin-top: 15px;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-top-10{
	margin-top: 10px;
}
.background-none{
	/*background-color: transparent;*/
}
.Circ {color: #fff;
	   font-size: 1.17em;
	   font-weight:bold;}
.em-Notifications {padding: 5px;
				   background-color: #FFFF99;}
.em-Filesharing { background-color: #CCFFFF;
    			padding: 5px;}
.em-footer {color: rgb(255,255,255);
			background-color: rgb(0,73,117);
			border: 1px inset rgb(0,104,166);
			padding:10px 0;}
.devlopby { text-align:right;}
.marquee { padding:0px;
max-height: 300px;}
.marqueeheading {background-color: #015486;
    			 padding: 2px 0;}
.imgcontainer {position: relative;
 			   width: 50%;
			   border: 1px solid #ccc;}
.image {display: block;
		  width: 100%;
		  height: auto;
		  border-bottom: 1px solid #ccc;}
.overlay {position: absolute;
		  bottom: 100%;
		  left: 0;
		  right: 0;
		  background-color: #008CBA;
		  overflow: hidden;
		  width: 100%;
		  height:0;
		  transition: .5s ease;}
.imgcontainer:hover .overlay { bottom: 0;
  							   height: 100%;}
.adminimgcontainer:hover .overlay { bottom: 0;
  							   height: 100%;}
.text {white-space: nowrap; 
	  color: white;
	  font-size: 20px;
	  position: absolute;
	  overflow: hidden;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);}
.login-section { margin:52px 0px;}
.admin-section { margin:52px 0px;}
.adminlogin{background-color: #004e7e;
			padding: 8px 15px;
			border: 1px solid #014a77;
			font-size: 15px;
			font-weight: 500;
			font-family: 'Roboto', sans-serif;
			color: #fff;}
.text h2 { font-size:21px;
		   font-weight:500;
		   text-align: center;
		   font-family: 'Roboto', sans-serif;}
.imgcontainer h2 { font-size:21px;
		   font-weight:500;
		   text-align: center;
		   font-family: 'Roboto', sans-serif;
		   margin: 15px 0;}
.adminimgcontainer h2 { font-size:21px;
		   font-weight:500;
		   text-align: center;
		   font-family: 'Roboto', sans-serif;
		   margin: 15px 0;}
.adminimgcontainer {position: relative;
					width: 65%;
					border: 1px solid #ccc;}
.table {font-family: 'Roboto', sans-serif;
		text-align:center;}
.table thead tr th { text-align:center;}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;}
.table-striped>tbody>tr:nth-of-type(odd):hover {
    background-color: #f9f9f9;}
.checkradio { cursor:pointer;}
.headerempolyee { padding:0;
				  padding:7px 0px;
				  background-color:#ccc;
				  margin:5px 0px;}
.headerempolyee a { padding:10px 20px;
					font-size:16px;
					font-family: 'Roboto', sans-serif;
					color: rgb(0,63,100);
					cursor:pointer;
					    text-decoration: none;}
.empolyeelist>li.active>a, .empolyeelist>li.active>a:focus, .empolyeelist>li.active>a:hover { background-color:#016eb0;
						color:#fff;}
					
.addempolyeeform, .addcircularform {font-family: 'Roboto', sans-serif;
				  padding-bottom:50px;}

				  
.addempolyeeform h2 { font-size:25px;}
.formbox {
    width: 100%;
    height: 35px;
    padding: 0px 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;}
.input-box p {font-family: 'Roboto', sans-serif;
			  font-size:14px;
			  margin-bottom: 5px;}
.filechose { margin-bottom:15px;}
.emaddress { width: 100%;
			height: 80px;
			padding: 0px 10px;
			margin-bottom: 15px;
			border: 1px solid #ccc;}
.files input {
    /*outline: 2px dashed #92b0b3;*/
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 44px 0px 55px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
	    border-radius: 0;
}
.files input:focus{    /*outline: 2px dashed #92b0b3;*/  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 10px;
    left: 0;
    width: 30px;
    right: 0;
    height: 36px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 17px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
.emaddbtn {	padding: 8px 20px;
			margin: auto 10px;
			float:right;
			background-color: #058;
			color: #fff;
			border: 0;
			border-radius: 5px;}
.emadcrdbtn {padding: 8px 20px;
			margin: auto 10px;
			float:left;
			background-color: #058;
			color: #fff;
			border: 0;
			border-radius: 5px;}
.btn-margin{margin: auto 10px;}
.embtnsection { text-align:center;}

.admin-menu{
	min-height: 479px;
}
input.site-login {
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
	border: 1px solid #ccc;
}

#frmchangpassword div {
    width: 40%;
    margin: auto;
   }

input.change-password {
    width: 100%;
    height: 35px;
	border: 1px solid #ccc;
}

#frmchangpassword p{
	margin:0px;
	padding:0px;
}
label.error {
	border: 0 !important;
    color: red;
    font-size: smaller;
    font-style: italic;
	margin-top: 0px;
}
#frmchangpassword label {
   font-weight: 100;
	margin-top: 10px;
}
.btn-chngpass{
	margin-top: 15px;
}

button.btnlogin {
    text-align: center;
    padding: 8px 20px;
    background-color: #00578c;
    border: 0;
    color: #fff;
	float:right;
}
#loginuseremail-error { display:none !important;}
.input-box label {display:none !important;}
.text-danger{
	color:#ff0000 !important;
}
.listofnav>li>a {
   background-color: #016eb0;
}
.empolyeelist>li>a {
   background-color: #cccccc;
}
.modal-confirm-header {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    background: lightgray;
}
.modal-footer {
	padding: 10px;
}
.modal-content{
	border-radius: 0px;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
	left: 0;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.empolyeelist lia:focus, .empolyeelist li a:hover {text-decoration: none;
    background-color: #ccc;}
.pull-center{text-align: center !important;}
#tblteamlead_length {padding: 10px 0px;}
#tblteamlead_filter {padding: 10px 0px;}
#tblattendence_wrapper {padding: 10px 0px !important;}

.user-image{border: 1px solid #f5f4f4;}
.login-img{height: 50px;}
.filevalidate{height: 20px;}
.rtmenu{
	padding:0px !important;
	list-style-type: none;
	font-size: 12px;
    font-family: inherit;
}
.rtmenu>li:hover{
	background-color:rgb(0, 88, 138);
}
.li-bg-lightblue{background-color:#4FA4F9;}
.li-bg-lightgreen{background-color:#0C3;}
.li-bg-lightorange{background-color:#F60;}
.li-bg-lightred{background-color:#C00;}
#firstname-error, #message-error, #firstname-error{
	display:none !important;
}
.rtmenu li {
    padding: 5px;
}

.hrnavigation {background-color: #ccc;
			   border:0;
			   border-radius:0;}
.hrnavigation .navbar-nav>li>a {color: rgb(0,63,100);
								font-size: 14px;
    							font-family: 'Roboto', sans-serif;}
.hrnavigation .navbar-nav>.active>a, .hrnavigation .navbar-nav>.active>a:focus, .hrnavigation .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #005081;
}

.prsnt-btn{
	border: 2px solid #468237;
}

/* attendence css start */
.chk-persent {
  width: 28px;
  height: 28px;
  position: relative;
  margin: 0px auto;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 0%, #205403 100%);
  border-radius: 50px;
}
.chk-persent label {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  background: #189009;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chk-persent label:after {
    content: 'P';
    position: absolute;
    top: 1px;
    left: 6px;
    font-weight: bold;
    color: antiquewhite;
}

.chk-persent label:hover::after {
  opacity: 0.3;
  content: 'A';
}
.chk-persent input[type=checkbox] {
  visibility: hidden;
}
.chk-persent input[type=checkbox]:unchecked + label:after {
  opacity: 1;
}

.chk-absent {
  width: 28px;
  height: 28px;
  position: relative;
  margin: 0px auto;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 0%, #205403 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.chk-absent label {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  background: #e82b2b;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chk-absent label:after {
    content: 'A';
    position: absolute;
    top: 0px;
    left: 5px;
    font-weight: bold;
    color: antiquewhite;
}
#emplist-error{
	display: none !important;
}
#location-error{
	display: none !important;
}
.padding-left-0  {
	padding-left:0px;
}
.padding-right-0  {
	padding-right:0px;
}
.padding-top-5  {
	padding-top:5px;
}
.padding-top-0  {
	padding-top:0px !important;
}
.padding-left-10 {
	padding-left:10px;
}
.padding-bottom-10 {
	padding-bottom:10px;
}
 
.set-padding{
	padding:10px 10px 10px 0px;
}
.set-padding-b-0{
	padding:10px 10px 0px 0px;
}
.select2{width: 100% !important;}

.add-urgent, .manage-account{
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}

.chk-absent label:hover::after {
  opacity: 0.3;
  content: 'P';
}
.chk-absent input[type=checkbox] {
  visibility: hidden;
}
.chk-absent input[type=checkbox]:checked + label:after {
  opacity: 1;
 
}
/* attendence css end */
.dropdown-menu>li>a {
	padding:8px 15px;
}
.addtravel {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
	padding: 0px 0px 15px 0px;
}
.changetravel {
    height: 35px;
    width: 35%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.changeadd {
    padding: 8px 20px;
    border: 0;
    background-color: #004975;
    color: #fff;
}
.remove {
    background: #004975;
    border: 0;
    color: #fff;
    padding: 2px 5px;
}
.addtravel h2 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
}
.datefromto {     
	padding: 5px 0px 0px 0px;
    border-bottom: 1px solid #afafaf;
    margin-bottom: 10px;
}
.fromdatepic { height:35px;
			   border:1px solid #ccc;
			   padding:0px 10px;
			   width: 100%;}
.view { height:35px;
		padding: 8px 20px;
		border: 0;
		background-color: #004975;
		color: #fff;}

.select2-container--default .select2-selection--single { 
border-radius:0px !important;
height:35px !important;
border-color:#ccc !important;
}

.backicon{
	width: 40px;
    height: 40px;
    padding: 0px;
    margin: 5px 0px 0px 0px;
}
.homeicon{
	width: 64px;
    height: 50px;
    padding: 0px;
}

.navbar-toggle{
background-color:#004975;
}

.navbar{
	border-radius: 0px !important;
}

.margintop25 { margin-top:25px;}
.margin20 { margin:20px 0px;}
.form { padding:0;
  font-family: 'Roboto', sans-serif;}
.form p { margin:0;}
.contactbox { width: 70%;
   border-radius: 3px;
   padding: 4px;
   border: 1px #CCC solid;
   box-shadow: inset 0 0 2px #ccc;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
   margin-bottom: 5px;}
.contactmsgbox { width: 100%;
    border-radius: 3px;
    padding: 4px;
    border: 1px #CCC solid;
    box-shadow: inset 0 0 2px #ccc;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
	margin-bottom: 5px;
    height:100px;
}
	
/*image	uploading */
#imgArea {
	display: inline-block;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	position: relative;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #ccc;
}
#imgArea img {
	outline: medium none;
	vertical-align: middle;
	width: 100%;
}
#imgChange {
	bottom: 0;
    display: block;
    position: absolute;
    text-align: center;
    background-color: black;
    color: #fff;
    width: 100%;
}
#imgChange input[type="file"] {
	bottom: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}
/* Progressbar */
.progressBar {
	background: none repeat scroll 0 0 #E0E0E0;
	left: 0;
	padding: 3px 0;
	position: absolute;
	top: 50%;
	width: 100%;
	display: none;
}
.progressBar .bar {
	background-color: #FF6C67;
	width: 0%;
	height: 14px;
}
.progressBar .percent {
	display: inline-block;
	left: 0;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 100%;
}
.bg-success{
	background-color:#05a02c;
}
.smaller-text{
	font-size: 11px;
    color: #007d8b;
}
.itelic-text{
	font-style: italic;
}
.display-text{
	display: block;
    width: 100%;
    height: 35px;
    padding: 7px 10px;
    border: 1px solid #ccc;
	margin-bottom: 15px;
	background-color: rgb(249, 248, 248);
}

.small-textarea {
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
	resize:none;
}

.medium-textarea {
    height: 80px;  
	width: 100%;
	resize:none;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
#frmleave label.error{
   display:none !important;
}
#frmbuyer label.error{
   display:none !important;
}
#frmenduser label.error{
   display:none !important;
}
#frmplants label.error{
   display:none !important;
}
#frmproject label.error{
   display:none !important;
}
#frmcall label.error{
   display:none !important;
}
a{
	text-decoration:none !important;
}
.reject-modal-body{
	position: relative;
    padding: 10px 10px 0px 10px;
}
#frmleavereject label.error,#frmtourreject  label.error,#frmadvance label.error {
	border: 0 !important;
    color: red;
    font-size: smaller;
    font-style: italic;
	margin-top: 0px;
	font-weight: 100;
}
.margin-bottom-0{
	margin-bottom:0px !important;
}

.modal-body {
    /*padding: 15px 0 0 0;*/
}
.border-0{ border: 0;}
.border-1{ border: 1px solid #ccc;}

.display-none{
	display:none;
}
.event-mail{
   padding: 4px;
	border: 1px #BBD8FB solid;
	background: #f7f7f7;
	color:#337ab7;
}

.profile-view{
	margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.menu-disabled{
    color: darkgray !important;
    cursor: default !important;
}
.btn-row{
	margin-top:15px;
}
h2{
    margin-top: 10px;
}

#home .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #4d3c8b;
}
#home .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent;
}

.bs-wizard-dot-yellow{
	background-color:yellow !important;
}
.bs-wizard-dot-red{
	background-color:yellow !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
     border-top-left-radius: 0px !important;
}
.ui-dialog .ui-dialog-titlebar {
   padding: 5px 0px !important;
}
.for-file{
	padding: 4px;
	border: 1px #BBD8FB solid;
	background: #f7f7f7;
	color:#337ab7;
}
.custom-hr {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border: 0 !important;
}
.search-hr {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.search-product {
	background: #fff;
    border: 1px solid #ccc;
	padding-bottom: 15px;
}
.popover-content{
	color: cadetblue;
    font-size: smaller;
    font-family: cursive;
	width: 210px;
}
.popover-title{
	color: #000;
    font-size: small;
    font-weight: bold;
}

.fa-eye:hover{
	color:#000;
}
.fa-download:hover{
	color:#337ab7;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.pump-spec{
	background:#ffff99;
}
.em-followups { background-color: #fff;
    			padding: 5px;}
.follow {color: #fff;
	font-size: 1.17em;
	font-weight:bold;}
/* image uploading end */
/* Media Query */
@media screen and (max-width: 767px) and (min-width: 200px) { 
.wrapper { width:95%;
			margin: auto;}
.logo { margin:0;}
.header { background-color:#40497a;
		  background:#40497a;}
.body-box { height:212px;}
#first-slider .carousel .item { min-height:200px;}
/*.menu-header .nav-list li a { color:#fff;}
.menu-header .nav-top li a { color:#fff;}*/
.nav-list li a { text-shadow:none;}
.nav-top li a { text-shadow:none;}
.nav-top {width: 50%;
    text-align: left;}
.nav-list { width:100%;}
/*.nav {border: 1px solid #000;}*/
.nav-list li a { padding:8px 20px;}
.modal-md-new {
    width: 94%;
    top: 10%;}
.listheading { font-size:14px;
				font-weight:400;
				padding:0;}
.listdetail { margin-bottom:0;}
.em-Notifications { margin-top:20px;}
.em-Filesharing { margin-top:20px;}
.devlopby { text-align:left;}
.login-section{ margin:15px 0px;}
.login-admin { width: 90%;}
.navbar-collapse {
	padding-left:0px !important;
	padding-right:0px !important;
}
.navbar-nav {
    margin: 10px 0px 10px 0px;
}

.dropdown-menu1 {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: none;
    float: left !important;
    min-width: 160px !important;
    padding: 5px 0 !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #fff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
   border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	}
}