/* New Theme Css  */

body
{
	background:#eff3f6;
	font-family: 'Montserrat', sans-serif!important;
	padding:0 20px 70px 20px;
	font-size:13px;
}
h1{
	font-size: 22px;
}
h2{
	font-size: 14px;
}
h3
{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
h4
{
	color: #565656;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-left:18px;
}
h5{
	font-size:23px;
	margin-bottom: 10px;
}
h6
{
	font-size:20px;
}
.form-group
{
	overflow:auto;
}
.mandatory,.trash,.txtRed
{
	color:#f62d51;
}
.mandatory_fields
{
	color: red;
	font-size: 16px;
	font-weight: 900;
}
a:hover{
	text-decoration:none;
}
p
{
	margin-bottom:0;
}
table{
	width:100%;
}
.align_bottom
{
	margin-bottom:0;
}
.capitalize, .capitalize-text .filter-option{
	text-transform:capitalize;
}

.alignpadding
{
	padding:15px;
}
.alignMargin
{
	margin:0;
}
.padding_Top_Bottom
{
	padding-top:0;
	padding-bottom:0;
}
.add_padding_top
{
	padding-top:15px;
}
.color-form-control{
	color:#00c5fb;		
}
.content,.upload-document-details,.project-status-details
{
	margin-top:80px;
}
.align_container
{
	padding: 0 17px;
}
.align-padding{
	padding: 0;
}
.add_margin_bottom
{
	margin-bottom:25px;
}
.btn_ctrl
{
	/* width:155px; */
	color:#FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background:#00c5fb;
	border:1px solid #00c5fb;
}
.btn_ctrl:active,.btn_ctrl:focus,.btn_ctrl:hover,.btn_ctrl:visited
{
	background:#05b7e8;
	border:1px solid #05b7e8;
}
.lading-page-header nav
{
	background: #00c5fb;
	background: -moz-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #00c5fb), color-stop(100%, #0253cc));
	background: -webkit-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
	background: -o-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
	background: -ms-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
	background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5fb', endColorstr='#0253cc', GradientType=1 );
	padding:0;
}
.navbar-brand
{
	height:auto;
	padding:5px;
	width:230px;
}
.navbar-brand a
{
	background:#FFF;	
}
.navbar-brand img
{
	width: 160px;
	margin: 0 auto;
	background: #FFF;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.logo-title
{
	color: #fff;
	font-size: 18px;
	font-weight: normal;	
	color: #FFF;
	text-align: left;
	margin: 0 auto;
	position: absolute;
	left: 210px;
	right: 0;
	line-height: 75px;
	z-index: -1;
}
.navbar-default .navbar-nav{
	padding-top: 18px;
	padding-bottom: 18px;
}
.navbar-default .navbar-nav>li{
	width:165px;
	text-align: center;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus
{
	background-color: transparent;
	border: 1px solid #FFF;
	color: #FFF;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color: #00c5fb;
}
.navbar-default .navbar-nav>li>a
{
	padding-top:10px;
	padding-bottom: 10px;
	color: #FFF;
	color:#0146aa;
	background: #FFF;
	margin-right: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding-left: 0;
	padding-right: 0;
}
.navbar-default .navbar-nav>li>a:hover{
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	
}
.iconBar,.send-alert-button
{
	position: absolute;
	right: 0;
	top: 0;
}
.iconBar a
{	
	font-size:18px;
	color:#000;
	padding:0 10px;
	
}
.pdf-download{
	float: right;
}
#emplyee_data .dropDownBar{
	position: absolute;
	right:0;
}
.profile_wizard
{
	padding:10px;
}
.dropdown .dropdown-toggle.capitalize{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown .dropdown-toggle.capitalize .caret
{
	position: absolute;
	top: 18px;
	right: 9px;
}
/*.profile_user
{
	padding:10px;
	}*/
	.send-alert-button
	{
		left:0;
		z-index:9;
	}
	.send-alert-button .btn{
		float: left;
	}
	.send-alert-button h4{
		margin-top: 5px;
		margin-bottom: 0;
		max-width: 515px;
		text-align: right;
	}
	.profile_user
	{
		width:100%;
		border:1px solid red;
		background:#FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #ededed;
		padding:5px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
		text-transform:capitalize;
	}
	.profile_user h4
	{
		margin-bottom:0;
		color:#000!important;
		font-weight:500px;
		text-align:left;
		padding-left:0;
		font-size:16px;
	}
	.profile_user p
	{
		color:#777;
		font-size:12px;
		text-align:left;
	}
	.profile_user span
	{
		color: #337ab7;
	}
	.profile_wizard .profile-widget,.profile_user img
	{
		width:50px;
		height:50px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		margin:0 auto;
		display:block;
		overflow:hidden;
	}	
	.profile_user img,.user_initial
	{
		overflow:hidden;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		margin:0 auto;
		display:block;
		background:#aaa;
	}
	.profile_user img
	{
		margin: 0;
		float: left;
		margin-right: 15px;
	}
	.user_initial
	{
		width:50px;
		height:50px;
		text-align:center;
		vertical-align:center;
		color:#FFF;
		line-height: 48px;
		font-size:24px;
		font-variant:uppercase;
		margin-right:10px;
		float: left;
	}
	.allEmployeesListAlign
	{
		display: inline-block;
		padding: 5px;
	}
	.bootstrap-select > .dropdown-toggle
	{
		padding:6px;
	}
	.bootstrap-select
	{
		width:250px!important;
		margin-right:20px;
	}
	.bootstrap-select .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:visited,.bootstrap-select .dropdown-toggle:active
	{
		background:#FFF;
	}
	.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text
	{
		font-size:14px;
	}
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr
	{
		border:0;
		border-bottom:1px solid #ddd;
		line-height: 25px;
	/*overflow: hidden;    
	white-space: nowrap;*/
}
#no-more-tables 
{
	font-size:13px;
}
#no-more-tables thead {
	background:#FFF;
	font-weight:normal;
	padding:10px;
}
#no-more-tables thead th {
	font-weight:normal;
	line-height: 30px;
}
.filter_employee_data
{
	margin-top:25px;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
	background:#f6f6f6;
}
.table-striped>tbody>tr:nth-of-type(even)
{
	background:#FFF;
}
.admin_approval_status .btn
{
	border:1px solid red;
	width:205px!important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border:1px solid #ccc;
	padding:6px;
	padding-left:10px;
	font-size:13px;
}
.admin_approval_status .text-success
{
	color:#55ce63;
}
.admin_approval_status .text-info
{
	color:#009ce7;
}
.admin_approval_status .text-danger,.document-expiry
{
	color:#f62d51;
}
.admin_approval_status .text-warning
{
	color:#ffa726;
}
.admin_approval_status button:focus,.admin_approval_status button:focus .btn-group {
	outline:0px!important;
}
#no-more-tables .dataTables_length
{
	float:left !important;
	/*position:relative;
	left: 275px;
	z-index: 9;*/
}
#filter_employee_data
{
	/*margin-top:30px;*/
}
.filter-option .glyphicon.fa 
{
	float: left;
	line-height: 17px;
	padding-right: 5px;
}
#filter_employee_data div.dataTables_filter, #emplyee_data div.dataTables_filter, #myTable_filter
{
	text-align:center;
}
#filter_employee_data .dataTables_length select,#myTable_wrapper .dataTables_length select, #reportTable_length select
{
	padding:4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#filter_employee_data #myTable_filter input,#myTable_wrapper #myTable_filter input,#reportTable_filter input
{
	padding:6px;
	font-size:13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	width: 250px;
}
.employee_pic_wizard,.employee_pic_wizard img,.employee_img
{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width:40px;
	height:40px;
	background:#ccc;
	float:left;
	overflow:hidden;
	margin-right:8px;
}
.employee_img
{
	color:#FFF;
	line-height:39px;
	text-align:center;
	background:#aaa;
}
.employee_data_approve .employee_img, .employee_data_approve .employee_pic_wizard
{
	background:transparent;
}
.employee_data_approve .employee_img
{
	color:#333;
	border:1px solid #ccc;
	cursor: pointer;
}
.employee_data_approve .employee_img:hover,.employee_data_approve .employee_img:active,
.employee_data_approve .employee_img:focus,.employee_data_approve .employee_img:visited{
	background:#00c5fb;
	border:1px solid #00c5fb;
	color:#FFF;
}
.employee_pic_wizard+a{
	line-height:38px;
}
.success_message
{
	padding:10px 5px 2px;
}
.err_msgs{
	color: red;
}
#responsceinfo #filter_employee_data,#report #searchupdateinfo+div
{
	padding:0 17px;
}

.paginate_button.previous
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border:1px solid #ccc;
	color:#00c5fb;
}
.paginate_button.next{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left:0;
}
.paginate_button{
	padding: 8px 15px;
	background: #fff;
	border:1px solid #ccc;	
	border-left:0;
}
.paginate_button:hover {
	color: #000
}
.paginate_button.current
{
	background:#00c5fb;
	color:#FFF;
}

/*Employee Data Page styles*/
.employee_data_wizard, .recruiter_data_wizard
{
	padding:20px 0;
	background:#FFF;
}
.mediaWizard, .border-right
{
	border-right:2px dashed #ccc;	
}
.employee_data_container .media-object, .recruiter_data_container .media-object
{
	width:150px;
	height:150px;
	overflow:hidden;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	margin-right:15px;
	margin-left:15px;
}
.employee_data_container .media-body p, .recruiter_data_container .media-body p
{
	text-align:left;
	font-size:13px;
	text-transform:capitalize;
	/*margin-bottom:20px;*/
	margin-top:10px;
	font-weight:500;
}
.employee_data_container .media-body, .recruiter_data_container .media-body
{
	vertical-align: middle;
	padding-right:10px;
}
.employee_details, .recruiter_details
{
	padding:0 25px;
}
.employee_details .form-group, .recruiter_details .form-group
{
	margin-bottom:5px;
}
.employee_details label, .recruiter_details label
{
	text-align:left;
	color:#515365;
	font-weight:500;
	font-size:13px;
}
.employee_details label+div, .recruiter_details label+div
{
	color:#888da8;
	font-size:13px;
}/*
.skillsWizard
{
	padding:0 25px;
}
.skills_content
{
	width:90%;
	background:#FFF;
}
.skillsWizard h3
{
	padding-left:25px;
	padding-top:25px;
}
.skillsWizard ul{
	padding:0 25px 25px 25px;
}
.skillsWizard li
{
	padding:6px;
	margin-bottom:10px;
	text-align:center;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	background:#FFF;
	border:1px solid #ccc;

	}*/

	/*Task Data*/
	.task_data_bg
	{
		background:#FFF;
		padding:20px 10px 10px 10px;
	}
	/*.task_name_header
	{
		max-width: 500px;
		height: 23px;
		overflow: hidden;
	}*/
	.task_data_bg label
	{
		text-align: left;
		font-size: 14px;
	}
	.task_data_bg p
	{
		color: #888da8;
		font-size: 13px;
	}
	.task_data_bg .dropdown-menu>li>a:focus, .task_data_bg .dropdown-menu>li>a:hover, .task_data_bg .dropdown-menu>li>a:focus, .task_data_bg .dropdown-submenu:hover>a, .task_data_bg .dropdown-submenu:focus>a
	{
		text-decoration:none;
		color:#262626;
		background-color:#f5f5f5;
		background-image:none;
	}
	.employeeData .btn-group
	{
		padding-left:10px;
	}
	.approvedText,.txtGreen{
		color:#55ce63!important;
	}
	.disApprovedText{
		color:#f62d51!important;
	}
	.needWorkText{
		color:#ffa726!important;
	}
	.employeeData .btn-group button
	{
		padding:6px 12px!important;
		background-color:#00c5fb!important;
		color:#FFF!important;
		border:1px solid #00c5fb!important;
	}
	.employeeData h4
	{
		padding-left:10px;
	}
	.LftRgtpadding {
		padding-left: 20px;
		padding-right: 20px;
	}
	.alignLftpadding {
		padding-left: 0;
	}
	.addMarginBtm {
		margin-bottom: 15px;
	}
	.detailWizard {
		position: relative;
		margin-top: 15px;
	}
	.detailWizard h4
	{
		padding-left:10px;
	}
	.detailWizard .DetailsText {
		background: #FFF;
		padding: 0;
		width: 18%;
		overflow: hidden;
		float: left;
		margin-bottom:15px;
	}
	.detailWizard .DetailsText h4 {
		margin: 0;
	}
	.detailWizard .detailBorder {
		border-top: 1px solid #9c9e9d;
		/* position: absolute; */
		/* top: 9px; */
		width: 80%;
		padding: :1px 0;
		z-index: -1;
		margin-left: 10px;
		margin-top: 10px;
		float: left;
	}
	.people_wizard .DetailsText
	{
		width:24%;
	}
	.people_wizard .DetailsText li.col-md-4
	{
		font-weight:bold!important;
	}
	/*.people_wizard .detailBorder
	{
		width: 68%;
		}*/
		.paddingLftRgt {
			padding-left: 10px;
			padding-right: 10px;
		}
		.marginLftRgt
		{
			margin-left:10px;
			margin-right:10px;
		}
		.bugWizard {
			background: red;
			width: 14px;
			height: 14px;
			float: left;
			margin-right: 10px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin-top: 3px;
		}
		.descriptionWizard .DetailsText {
			width: 18%;
		}
		.descriptionPara p {
			padding: 0 10px 10px 10px;
			width: 100%;
			border-radius: 5px;
		}
		.commentWizard {
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.customBtn, .employeeData .btn-group button, .commentWizard .btn
		{
			padding: 2px 10px;
			background-color: #b9bdc0;
			color: #333;
			border: 1px solid #9d9d9d;
		}
		.commentWizard .glyphicon-comment {
			line-height: 10px;
		}
		.Editor-editor {
			height: 190px;
			padding: 1%;
			border: 1px solid #EEE;
			border-radius: 0;
			word-wrap: break-word;
		}
		.commentFooter {
			background: #edf1f7;
			border: 1px solid #9c9e9d;
			padding: 2px 0 0;
			overflow: auto;
		}
		.commentFooter .btn {
			border: 0;
			background: transparent;
		}
		.commentHeader {
			padding: 10px 0;
			border-bottom: 1px solid #eee;
			cursor: pointer;
		}
		.commentDiscription {
			color: #c2c2c2;
		}
		.commentContent {
			padding-left: 25px;
			margin-bottom: 0;
		}
		.attachments 
		{

		}

		/* login page styles */

		.logInCont
		{
			max-width:400px;
			height:auto;
			background:#FFFF;
			padding:25px;
			margin:0 auto;
			box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
		}
		.login_logo img{
			width:160px;
			margin: 0 auto;
			display:block;
			padding-bottom:30px;
		}
		.logInCont .form-control,.register_form .form-control
		{
			height:50px;
			background:#f8fafc;
			border:1px solid #dfe3e9;
			border-radius:0;
			box-shadow:none;
		}
		.logInCont .btn
		{
			padding:10px 30px;
			background:#00c5fb;
			font-size:22px;
			border-radius:0;
			border:1px solid #00c5fb; 
		}
		.logInCont ul li 
		{
			font-size:16px;
		}
		.logInCont ul li:last-child
		{
			text-align:right;
		}
		.logInCont ul li a{
			color:#323232;
		}
		.logInCont ul li a:hover
		{
			color:#00c5fb;
		}

		.nca_form
		{
			background:#FFF;
			padding:10px;
			/*margin-top:85px;*/
			width: 55%;
		}

		/*Register form*/
		.register_form
		{
			background:#FFF;
			padding:10px;
			margin-top:85px;
		}
		.register_form .form-control
		{
			height:36px;
		}
		.register_form .form-group
		{
			margin-bottom: 5px;
		}
		.register_form h3
		{
			margin-top:0;
			margin-bottom:10px;
			padding-left: 10px;
			padding-right:10px;
		}
		.personal_info_block
		{
			margin-bottom:10px;
		}
		.submit,.cancel
		{
			margin:0 auto;
			display:block;
			padding:7px 15px;
			background:#00c5fb;
			font-size:14px;
			border-radius:0;
			border:1px solid #00c5fb;
			width:250px;	
		}
		.cancel{
			margin:0 10px; 
			background: #d43f3a;
			border: 1px solid #d43f3a;
		}
		.register_heading h3,.agreement_company_name p
		{
			float:left;
		}
		.hrLine
		{
			border-top: 1px solid #ccc;
			float: left;
			margin-top: 9px;
			width: 83%;
		}
		.help-block{
			color: red !important;
		}
		.help_symbol{
			font-size: 16px;
			top: 3px;
		}
		/*Home page styles*/
		.task_state
		{
			margin-bottom: 0;
			width: 100px;
			text-align:center;
			background: #fff;
		}
	/*.approval_status_need_work p,.task_state_need_work p
	{
		border:1px solid grey;
		padding: 0px;
		border-radius:0!important;
		height: 25px;
		margin-bottom: 0px;
		width: 100px;
		text-align: center;
		background: #fff;
		}*/
		.not-requested, .in-progress /* blue */
		{
			border:1px solid #009ce7!important;
			color:#009ce7!important;
		}
		.disapproved /* red */
		{
			border:1px solid #f62d51!important;
			color:#f62d51!important;
		}
		.approved,.completed /* green */
		{
			border:1px solid #55ce63!important;
			color:#55ce63!important;
		}
		.need-work, .pending /* orange */
		{
			border:1px solid #ffa726!important;
			color:#ffa726!important;
		}
		#report .form-control 
		{
			border:0;
			background:transparent;
			box-shadow:none;
			height:40px;
		}
		#report .input-group
		{
			background:#FFF;
			border:1px solid #dfe3e9;
		}
		#report .input-group-addon
		{
			color:#979797;
		}
		#report .go_btn .btn{
			width:200px;
			background:;
			padding:9px 0;
			border-radius:0;
		}
		#modify_task
		{
			background:#FFF;
		}

		#modify_task .form-control 
		{
			border:0;
			background:transparent;
			box-shadow:none;
			height:40px;
			text-align: left;
		}
		#modify_task .input-group
		{
		}
		#modify_task .input-group-addon
		{
			color:#29a9e1;
			padding:6px 12px;

		}
		#modify_task .input-group-addon .glyphicon 
		{
			line-height: 20px;
		}
		#modify_task .go_btn .btn{
			width:200px;
			background:;
			padding:9px 0;
			border-radius:0;
		}

		#modify_task .edittaskname, #modify_task .editduedate,#modify_task .edittaskstate,#modify_task .editbtaskcomment,#modify_task .edittaskattachment,#modify_task .edittaskbug,#modify_task .edittaskenv,#modify_task .editbtaskusercomment,#modify_task .edittaskpriority{
			background:#f8fafc;
			border:1px solid #dfe3e9;
		}
		.editbtaskusercomment{height: auto !important;}
		#modify_task button
		{
			border-radius:0;
		}
		#modify_task .btn-danger
		{
			background:#f62d51;
			color:#FFF!important;
		}
		#modify_task #myFileInputfile,#myFileInputfile
		{
			background-color: #337ab7;
			border-color: #2e6da4;
		}
		#tasktxt+span
		{
			padding:9px 12px!important;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.task-attachment-container li
		{
			border:1px solid #dfe3e9;
			width:50px;
			height:50px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-size:cover!important;
		}
		/* .pending */
		/* { */
			/* border:1px solid #f97605fa !important; */
			/* color:#f97605fa !important; */
			/* } */
			#datePicker1 a.addNew
			{
				background:#55ce63;
				margin-left:15px;
				border:1px solid #55ce63;
			}
			#datePicker1 a.addNew:hover, #datePicker1 a.addNew:active, #datePicker1 a.addNew:focus, #datePicker1 a.addNew:visited
			{
				background:#55ce63;
			}
			.register_form.createTask .form-group
			{
				margin-bottom:18px;
			}
			.task_description,.task_employee_comment
			{
				height:auto!important;
			}
			/* profile page styles */

			.profileRegisterForm .form-control[disabled], .profileRegisterForm .form-control[readonly], .profileRegisterForm fieldset[disabled] .form-control,
			.profile-info-left-block .form-control[disabled], .profile-info-left-block .form-control[readonly], .profile-info-left-block fieldset[disabled] .form-control
			{
				background: transparent;
				padding-left: 0;
				border: 0;
				border-radius: 0;
				box-shadow:none;
			}
			.profileRegisterForm .btn-info,.profile-info-left-block .btn-info,
			.profile-info-left-block .btn-info,.profile-info-left-block .btn-info {
				background-color: transparent;
				color: #29a9e1;
				border: 0;
			}
			.profileRegisterForm .btn-success, .profile-info-left-block .btn-success  {
		/*background-color: transparent;
		color: #5cb85c;
		border: 0;
		float:left;
		padding:8px 10px;*/
		color: #fff;
		background-color: #5bc0de;
		border-color: #46b8da;
		padding:8px 11px;
		border-radius:0;
	}
	.profileRegisterForm .btn-success:hover,
	.profileRegisterForm .btn-success:focus,
	.profileRegisterForm .btn-success:active,
	.profileRegisterForm .btn-success:visited,
	.profile-info-left-block .btn-success:hover,
	.profile-info-left-block .btn-success:focus,
	.profile-info-left-block .btn-success:active,
	.profile-info-left-block .btn-success:visited
	{
		color: #fff;
		background-color: #269abc;
		border-color: #1b6d85;
	}
	.profileRegisterForm .btn-danger, .profile-info-left-block .btn-danger {
		/*background-color: transparent;
		color: #d9534f;
		border: 0;
		float:left;*/
		padding:8px 11px;
		border-radius:0;
	}
	.profileRegisterForm .form-group, .profile-info-left-block .form-group
	{
		margin-bottom:0;
	}
	.profileRegisterForm .form-group .control-label
	{
		/*text-align:right;
		margin-bottom: 0;
		line-height: 33px;
		text-align: right;
		padding-right: 20px;
		background:#edf3f4;*/
		padding:0 10px; 
	}
	.profileRegisterForm .form-control, .profile-info-left-block .form-control
	{
		padding-left:20px!important;
	}
	.profile-pic-header
	{
		max-width: 265px;
		height: 265px;
		overflow:auto;
		border:2px solid #edf3f4;
		margin:0 auto;
		display:block;
		overflow:hidden;
		background-repeat:no-repeat!important;
		background-position:center center!important;
		border-radius: 50%;
		/*position:absolute;
		left:30%;
		top:55px;*/
	}
	.btnWizard
	{
		position:relative;
		z-index:998;
		/*top:150px;*/
		background: #fff;
		padding-top:10px;
		text-align: center;
	}
	.cropImgError
	{
		position: relative;
		top: 200px;
		left: 145%;
		/*border: 1px solid red;*/
	}
	/*#preview-avatar-profile
	{
		    width: 312px!important;
			border: 1px solid red;
			overflow: hidden;
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			}*/
/*	#preview-avatar-profile
	{
		width:360px;
		height:203px;
		overflow:hidden;
		position:absolute;
		top:0;
	}
	#preview-avatar-profile img
	{
		width:100%;
		}*/

		.cropImgError
		{
			position: relative;
			right: -140px;
			top: 285px;
			color: red;
		}
		.selectImage
		{
			position: relative;
			right: -140px;
			top: 270px;
			color: red;
			left: 125px;
		}
		.imageSize
		{
			position: relative;
			top: 285px;
			color: red;
			left: 106px;
		}
		.file {
			position: relative;
			overflow: hidden;
			/*width: 268px;*/
			padding: 5px 10px;
			border-radius: 0.25em;
			color: #fff;
		    background-color: #007bff;
		    border-color: #007bff;
			border:1px solid #007bff;
			font-size:17px;
			/*top: 3px;
			left: 9px;*/
		}
		.profileRegisterForm,.padding-bottom
		{
			padding-bottom:30px;
		}
		.file.btn-primary:active:hover, .file.btn-primary.active:hover, .file.open>.dropdown-toggle.btn-primary:hover, .file.btn-primary:active:focus, .file.btn-primary.active:focus, .file.open>.dropdown-toggle.btn-primary:focus, .file.btn-primary:active.focus, .file.btn-primary.active.focus, .file.open>.dropdown-toggle.btn-primary.focus,
		.file.btn-primary:hover
		{
			color: #fff;
    		background-color: #0069d9;
    		border-color: #0062cc;
		}
		.fileSubmitBtn:active:hover, .fileSubmitBtn.active:hover, .open>.dropdown-toggle.btn-default.fileSubmitBtn:hover, .fileSubmitBtn:active:focus, .fileSubmitBtn.active:focus, .open>.dropdown-toggle.btn-default.fileSubmitBtn:focus, .fileSubmitBtn:active.focus, .fileSubmitBtn.active.focus, .open>.dropdown-toggle.btn-default.fileSubmitBtn.focus, .btn-default.fileSubmitBtn:hover, .btn-default.fileSubmitBtn:focus
		{
			background:#00c5fb!important;
			border:1px solid #00c5fb!important; 
		}
		.fileSubmitBtn, .sendEmailBtn{
			/*width:180px;*/
			width:132px;
			padding:5px 10px;
			border-radius:0;
			margin:10px 0;
			background:#00c5fb;
			border:1px solid #00c5fb; 
			color:#FFF;
		}
		.sendEmailBtn{
			margin: 0;
		}
		.btnStyles{
			width:150px;
			padding:5px 10px;
			color:#FFF;
		}
		.arrovedBtn
		{
			background:#55ce63;
			border:1px solid #55ce63;
		}
		.profileCancelBtn, .disArrovedBtn
		{
			background:#f62d51;
			border:1px solid #f62d51;
		}
		.needWorkBtn
		{
			background:#00c5fb;
			border:1px solid #00c5fb;
		}
		.profile-pic-editor
		{
			position: absolute;
			right: 16px;
			top: 15px;
			color: #28A9E1;
			z-index:999;
		}
		.profileCancelBtn:hover,.profileCancelBtn:active, .profileCancelBtn:visit, .profileCancelBtn:focus
		{
			background:#f62d51;
			border:1px solid #f62d51;
		}
		.file input {
			position: absolute;
			font-size: 50px;
			opacity: 0;
			right: 0;
			top: 0;
		}
		#search
		{
			margin:0 auto;
			/*max-width:580px;*/
			width:300px;
		}
		.changeImgWizard{
			position:absolute;
			top:0;
		}
		.taskDetailWizard
		{
			padding:10px 0;
			background:#FFF;
		}
		.title p
		{
			font-weight:bold;
			padding-left:20px;
		}
		.commentCont
		{
			border-left:2px solid #ccc;
			margin-left:10px;
			padding-left:20px;
			padding-bottom:30px;
		}
		.commentCont p
		{
			color:#333!important;
		}	
		p.text-muted {
			color: #777!important;
		}
		.commentCont:befor{
			content:".";
		}
		.circle_icon
		{
			width:10px;
			height:10px;
			background:#CCC;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			position: absolute;
			left: 26px;
		}
		.widthCtrl
		{
			max-width:300px;
		}
		.widthCtrl select
		{
			width:100%;
		}

		/*Address*/
		.addressBlock
		{
			background:#FFF;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border:1px solid #ededed;
			padding:20px;
		}
		.addressBlock h4{
			padding-left:0;
			margin-top:0;
		}
		.text-muted
		{
			color: #777;
		}
		.success_tickmark img
		{
			width:60px;
			margin:0 auto;
			display:block;
		}
		.success_tickmark a,.pdfFileColor
		{
			color:#00c5fb;
		}
		#myTable_paginate a, .pagenate_home.pagenate_home_active
		{
			cursor:pointer!important;
		}
		.task_data_header .btn_ctrl{
			margin-right:10px;
		}
		.statusBtns, .top-margin{
			margin-top:10px;
		}
		.dateColumn{
			position: absolute;
			z-index: 1100;
			top: 0;
			left: 0;
			display:none;
		}
	/*.forgotWizard{
		max-width: 305px;
		margin:0 auto;
	}
	.forgotBtn a{
		color:#333;
		font-weight:bold;
	}
	.forgotBtn a:hover{
		padding:5px 10px;
		background:#00c5fb;
		color:#FFF;
		
		}*/ 

		.fieldHide{
			display: none;
		}
		.makeDefault{
			background:	gray;
		}
		.makeDefault p,.makeDefault h4{
			color: white !important;
		}
		.Employee_Agreement{
			/*font-family: 'times_new_roman_georgianRg';*/
		}

		.Employee_Agreement .modal-dialog{
			width:980px;
		}
		.Employee_Agreement .modal-content{
			border-radius:0;
			background:transparent!important;
			-webkit-box-shadow: none!important;
			-moz-box-shadow: none!important;
			box-shadow: none!important;
			border:0!important;
		}
		.Employee_Agreement .modal-body{
			margin-top:20px;
			background:#FFF;
			padding: 25px 70px;
		}
		.Employee_Agreement .modal-body P{ 

		}
		.Employee_Agreement .modal-header{
			border:1px solid red;
			float: right;
			border: 1px solid #00c5fb;
			position: absolute;
			top: -14px;
			z-index: 999;
			right: -15px;
			padding: 5px 10px;
			border-radius: 100px;
			background: #00c5fb;
		}
		.Employee_Agreement .close{
			color:#FFF;
			text-shadow:none!important;
			opacity:9;
		}
		.agreementHeader{
			padding:10px;
			margin-bottom:10px;
			text-align:center;
			border-bottom:2px solid #009ce7;
		}
		.agreementHeader h1
		{
			margin-top: 0;
			margin-bottom: 0;
			font-weight: 500;
			font-size:25px;
		}
		.agreementHeader p{
			font-size:12px;
		}
		.agreementContent p{
			font-size:14px;
			margin-bottom:15px;
		}
		.agreementHeader img{
			width: 160px;
			margin-top: 3px;
			float: left;
		}
		.agreementDate .form-filed{
			font-weight:900;
			font-size:14px;
			padding:0 5px;
			background:transparent;
			color:#000;
			border:0;
			border-bottom:2px solid #ddd;
			box-shadow:none;
		}
		.day
		{
			width:35px;
		}
		.month{
			width:105px;
		}
		.year
		{
			width:60px;
		}
		.bold_caps_Text
		{
			font-size:16px;
			text-transform:uppercase;
			font-weight:600;
		}
		.employeeName
		{
			font-size:16px;
			text-transform:capitalize;
			font-weight:600;
			text-decoration: underline;
		}
		.agreement_signature .form-control{
			font-weight:900;
			font-size:14px;
			padding:0 5px;
			background:transparent;
			color:#333;
			border:0;
			border-bottom:2px solid #ddd;
			box-shadow:none;
			width:280px;
		}
	/* .date{
		width:240px;
		} */
		.agremeent_filed{
			width:240px;
		}
		.employeeInfo .form-control{
			font-weight:normal;
			border:1px solid #ddd;
		}
		.updatedText{
			color:#777;
		}
		.agreement_copy{
			background-color: #FFF;
			/*font-family: 'times_new_roman_georgianRg'!important;*/
		}
		.page {
			max-width: 210mm;
			/*min-height: 297mm;*/
			padding: 20mm 20mm 20mm 20mm;
			margin: 10mm auto;
			/*background: white;  */
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			position: relative;
			text-align: justify;
		}
		.agreementPrintHeader{
			border-bottom:2px solid #316db5;
			margin-bottom: 20px;
			padding-bottom: 10px;
			position: relative;
			z-index: 999;
		}
		.agreementPrintHeader h1 {
			font-size:24px;
			font-weight: bold;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.agreementPrintHeader p {
			font-size:11px;
			font-weight: bold;
		}
		.agreementPrintHeader img{
			width:140px;
			float: left;
		}
		.agreement_copy h3{
    	/*font-size:12px;
    	margin-top:0;*/

    	font-size: 16px;
    	margin-top: 0;
    	font-weight: bold;
    	text-decoration: underline;
    }
    .agreementTitleCont p {
    	font-size: 14px !important;
    }
    .agreement_copy p{
    	font-size: 17px;
    }
    .agreementTitleCont{
    	width:390px;
    	text-align: center;
    }
    .initialdt{
    	float: right;
    }

    .subpage {
    	padding: 30px 10px 10px 10px;
    	border: 1px red solid;
    	height: 257mm;
    }

    .table.table-bordered.employeeInfo th, .table.table-bordered.employeeInfo td{
    	padding: 2px ;
    }
    #background{
    	position:absolute;
    	z-index:-1;
    	display:block;
    	/*min-height:50%; */
    	top: 45%;
    	min-width:50%;
    	color:yellow;
    }


    #bg-text
    {
    	color:lightgrey;
    	font-size:120px;
    	transform:rotate(300deg);
    	-webkit-transform:rotate(300deg);
    }
    .authorized_sign{
    	/*margin-top:80px;*/
    	margin-top: 16px;
    }

    #signArea+label{
    	position: absolute;
		bottom: 5px;	
    }
    .signatureWizard{
    	width:300px;
    }
    .signatureWizard canvas{
    	width: 290px;
    	border:2px solid #ddd;
    }
    .clearBtn
    {
    	position: absolute;
		left: 223px;
    	top: 123px;
    }
    .clearBtn .btn-default
    {
    	color: #00c5fb;
		font-size: 14px;
		border-radius: 0;
		border: 0;
		padding: 2px 5px; 
    }
    .clearBtn .glyphicon-repeat{
    	margin-right: 10px;
    }
    .pop
    {
			width: 250px;
			margin: 5px;
			padding: 5px;
			background:#FFF;
			border:1px solid #cecece;
			float:left;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			position: relative;
	}
	.img-preview
	{
		width:100%;
		height:150px;
		background-size:cover!important;
		cursor: pointer;
		background-size:100% 100%!important;
	}
    @page {
    	size: A4;
    	margin: 0;
    }
	.emp_agr_parent{
		padding-top: 6px;
	}
	.emp_agr{
		border-radius: 50px;
		background: #00c5fb;
		border: 1px solid #00c5fb;
		padding: 6px;
		color: #fff;
	}
	.emp_agr:active,.emp_agr:visited,.emp_agr:focus,.emp_agr:hover{
		color: #fff;
		text-decoration: underline;
	}
	.emp_data, .pdf-download .glyphicon-download-alt{
		border-radius: 50px;
		background: #00c5fb;
		border: 1px solid #00c5fb;
		padding: 9px;
		color: #fff;
	}
	.emp_data:active,.emp_data:visited,.emp_data:focus,.emp_data:hover{
		color: #fff;
	}
	.employeeNameList, .summary, .description, .search-data-comment{
		max-width:300px;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	margin: 0 auto;
    	text-align: center;
	}
	.employeeTaskName{
		height:50px;
		overflow:hidden;
	}
	#agreementReportWidth th:nth-child(1){
		width:10%!important;
	}
	#agreementReportWidth th:nth-child(2){
		width:12%!important;
	}
	#agreementReportWidth th:nth-child(3){
		width:30%!important;
	}
	#agreementReportWidth th:nth-child(4){
		width:30%!important;
	}
	#agreementReportWidth th:nth-child(5){
		width:13%!important;
	}
	#agreementReportWidth th:nth-child(6){
		width:10%!important;
	}
	.signedCount {
		position: absolute;
		top: 6px;
		left: 200px;
	}
	.signedCountd {
		position: absolute;
		top: 6px;
		left: 200px;
	}
	
	footer{
		background: #fff;
		height: 40px;
		padding-top: 15px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.download_icon{
		float: right;
	}
	#myTable_paginate{
		text-align: center;
	}
	.form-ctrl-Width .widthCtrl{
		width: auto;
	}
	.profile_info_blog .form-control{
		padding-left: 10px!important;
	}
	.profile_info_blog .control-label{
		line-height: 25px;
		margin-bottom: 0;
	}
	.profile_info_blog .form-control{
		height: 37px;
	}
	.profile_info_blog .widthCtrl .form-control{
		padding-top: 0;
		padding-bottom:0;
		height: auto;
		color:#00c5fb;
	}
	.mail_img_loader{
		position: fixed;
	    z-index: 2;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: auto;
	    background-color: rgba(0,0,0,0.4);
	}
	#mail_loader{
		position: absolute;
		top: 40%;
		left: 45%;
		z-index: 1;
	}
	.profile-info{
		width:70%;
		float: right;
	}
	.profile-info h3{
		padding-bottom: 4px;
		border-bottom:1px solid #cfcfcf;
		margin-bottom: 25px;
	}
	.profile-info h5{
		margin-bottom: 0;
		padding-left: 10px;
		font-weight: 600;
	}
	/*.profile-info-header .form-group{
		padding-left:20px;
		background: url("../images/user.png") no-repeat left;
		background-size: 22px;
	}*/
	.profile-info-header{
		margin-bottom: 20px;
	}
	.profile-info-block, .profile-info-header{
		border-bottom: 1px solid #f3f3f3;
		padding-bottom: 15px;
		margin-bottom: 15px;

	}
	.upload-emp-profilepic{
		width:30%;
		float: left;
	}
	.profile-info-left-block{
		float: left;
		width:30%;
		padding-left: 25px;
	}
/*	.profille-sub-heading{
		border-bottom: 2px solid #00c5fb;
		background: url("../images/user.png") no-repeat 7px 0;
		padding-left:40px;
		padding-right: 20px;
		padding-bottom: 6px;
		background-size: 22px;
		line-height: 25px;
	}
*/	.profile-block-heading{
		font-size:25px;
	}
	.profile-info h2, .profile-info-left-block h2
	{
		color: #333;
		padding: 0 10px;
		margin: 15px 0;
		/*font-weight: bold;*/
	}
	/*.profile-info .control-label,
	.profile-info-left-block .control-label{
		font-weight: normal;
	}*/

	.profile-info-left-block .control-label{
		padding-left: 10px;
    	padding-right: 10px;
    	margin-bottom: 0;
	}
	.profile-info-left-block .control-label a{
		padding: 0;
	}	
	.profile-info-left-block h2{
		/*padding-left: 10px;
		margin-bottom: 0;
		line-height: 25px;*/
		display: inline-block;
	}
	.profile-info-left-block .widthCtrl .form-control{
		padding-left: 12px!important;
	}
	.profile-info-left-block-formgroup{
		margin-top: 15px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom:1px solid #f3f3f3;
	}
	.description
	{
		max-width:410px;
		text-align: left;
		margin: 0;
		/*height: 25px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
	}
	.search-data-comment{
		max-width: 480px;
		margin: 0;	
	}
	.summary{
		max-width:290px;
		text-align: left;
		margin: 0;
		/*height: 25px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
	}
	.assignee p{
		padding:18px 12px;
	}
	.mandatoryData{
		padding:5px 5px 15px 5px;
		color: red;
	}
	.mandatoryData .mandatory{
		padding: 0 5px;
	}
	.deleteBtn{
		background: transparent;
	    border: 0;
	    font-size: large;
	    color: orangered;
	}
	.deleteBtn:hover, .deleteBtn:focus, .deleteBtn:active, .deleteBtn:visited, .deleteBtn:focus-within{
		color: indianred;
		outline: 0;
	}
	.navbar-default .navbar-nav>.active > a{
  		border: 1px solid #FFF;
    	background: transparent;
    	color: #FFF;
    }
    #reportID{
    	display: none;
    }
    .emailAlertCount{
    	color:#337ab7;
    	position: absolute;
    	top: 48px;
    	left: 47%;
    }
        /* custom check box */
    .uploadCheckboxWizard{
	    position: relative;
	    top: 9px;
    }
	.uploadCheckbox {
	    position: relative;
	    margin-bottom: 0;
	    cursor: pointer;
	    font-size: 22px;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	/* Hide the browser's default checkbox */
	.upload-documents, .upload-documents-details{
		font-size: 13px;
	}
	.upload-documents th, .upload-documents-details th
	{
		font-weight: normal;
    	line-height: 30px;
	}
	.upload-documents th:nth-child(1), .upload-documents th:nth-child(2), .upload-documents th:nth-child(3), .upload-documents th:nth-child(4),
	.upload-documents th:nth-child(5)
	{
		width:220px;
	}
	
	.uploadCheckbox input {
	    position: absolute;
	    opacity: 0;
	    cursor: pointer;
	    display: none;
	}
	/* Create a custom checkbox */

	.styled-checkbox {
	  position: absolute;
	  opacity: 0;
	}
	.styled-checkbox + label {
	  position: relative;
	  cursor: pointer;
	  padding: 0;
	  margin-bottom: 0;
	}
	.styled-checkbox + label:before {
	  content: '';
	  margin-right: 10px;
	  display: inline-block;
	  vertical-align: baseline;
	  width: 25px;
	  height: 25px;
	  background-color: #FFF;
      border: 1px solid #2196F3;
	}
	.styled-checkbox:focus + label:before {
	  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
	}
	.styled-checkbox:checked + label:before {
	  background: #2196F3;
	}
	.styled-checkbox:disabled + label {
	  color: #b8b8b8;
	  cursor: auto;
	}
	.styled-checkbox:disabled + label:before {
	  box-shadow: none;
	  background: #ddd;
	}
	.styled-checkbox:checked + label:after {
	  content: '';
	  position: absolute;
	  left: 7px;
	  top: 10px;
	  background: white;
	  width: 3px;
	  height: 3px;
	  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	  -webkit-transform: rotate(45deg);
	          transform: rotate(45deg);
	}

	.document-expiry input{
		border: 1px solid red;
	}
	.document-expiry input[disabled]{
		background: #FFF;
		color:#f62d51!important;

	}
	.uploadIcon{
		color: #35BA67;
		font-size: 22px;
		cursor: pointer;
	}
	.fileUpload {
 		position: relative;
  		overflow: hidden;
  		padding:0;
	}
	.fileUpload input {
	  position: absolute;
	  opacity: 0;
	  right: 0;
	  top: 0;
	  left: 0;
	}
	.upload-documents tr
	{
		border-bottom: 1px solid #ddd;
	}
	.upload-documents tr:nth-child(odd), .upload-documents-details tr:nth-child(odd), .project-status tr:nth-child(odd), .project-status-details tr:nth-child(odd),
	.project-report tr:nth-child(odd){
    	background: #FFF;
	}
	.upload-documents-details th:nth-child(1), .upload-documents-details th:nth-child(2), .upload-documents-details th:nth-child(3),
	 .upload-documents-details th:nth-child(4){
    	width:200px;
	}
	.trash{
		cursor: pointer;
	}
	.send-alert-button
	{
		left:0;
		z-index:9;
	}
	/*#report #no-more-tables .dataTables_length, #reportTable_wrapper .dataTables_length, #taskList .dataTables_length{
		left:0px;
	}*/
	.employeesListWizard{
		margin-bottom: 20px;
	}
	#projectStatus .dropdown-menu.open ul{
		max-height: 45vh!important;
	}
	/*
	#projectStatus th:nth-child(1),#projectStatus th:nth-child(2), #projectStatus th:nth-child(3), #projectStatus th:nth-child(4),
	#projectStatus th:nth-child(5), #projectStatus th:nth-child(6), #projectStatus th:nth-child(7){
		border: 1px solid red;
	}*/
	#projectStatus th:nth-child(1), .project-status-details th:nth-child(2), .project-report th:nth-child(1){
		width: 4%;
	}
	#projectStatus th:nth-child(2), #projectStatus th:nth-child(3), #projectStatus th:nth-child(4), 
	#projectStatus th:nth-child(5), #projectStatus th:nth-child(6), #projectStatus th:nth-child(7),
	.project-status-details th:nth-child(2), .project-status-details th:nth-child(3), .project-status-details th:nth-child(4), 
	.project-status-details th:nth-child(5), .project-status-details th:nth-child(6), .project-status-details th:nth-child(7){
		width: 16%;
	}
	.project-report th:nth-child(2), .project-report th:nth-child(3), .project-report th:nth-child(4), 
	.project-report th:nth-child(5), .project-report th:nth-child(6), .project-report th:nth-child(7),
	.project-report th:nth-child(8), .project-report th:nth-child(9){
		width:12%;
	}
	#projectStatus .bootstrap-select{
		width:90%!important;
	}

	#textarea {
	    -moz-appearance: textfield-multiline;
	    -webkit-appearance: textarea;
	    border: 1px solid #ccc;
	    font: medium -moz-fixed;
	    font: -webkit-small-control;
	    height: 180px;
	    overflow: auto;
	    padding: 2px;
	    resize: both;
	    max-width: 100%;
	    font-size: 14px;
	    color: #555;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:6px 12px;
		font-family: inherit;
	}
	#textarea p{
		margin-bottom: 10px;
	}
	.textarea-from-block{
		margin-top:35px;
	}
	.from-text{
		margin-bottom: 3px;
		display: block;
	}
	.employeesListTable #myTable_filter{
		margin-top: -20px;
	}
	.employeesListTable .dataTables_length{
		position: relative;
		left: 115px;
		z-index: 9;
	}
	.non-solicitation-block .form-field{
		border:0;
		border-bottom:1px solid #ccc;
	}

    @media print {
    	a:after { content:''; }
    	a[href]:after { content: none !important; }
    	.btn_ctrl{display:none;}
    	.media-left{display:none;}
    	.employee_profile_pic{
    		display:none;	
    	}
		.emp_agr_parent{
    		display:none;				
		}
		/*.iconBar
		{
			position: absolute;
			right: 0;
			top: 67px;
			}*/
			#filter_employee_data #myTable_filter
			{
				position: absolute;
				left: 30%;
			}
			.mediaWizard{border-right:0;}
			.dropdown-menu
			{
				display:none;
			}
			.bootstrap-select
			{
				width:auto!important;
			}
		/*.admin_approval_status .btn
		{
			width:auto!important;
			}*/
			.bootstrap-select
			{
				width:auto!important;
				margin-right:0;
			}
			#myTable td:nth-child(1) {
				width:50px;
			}
			#myTable td:nth-child(2) {

				width:100px;
			}
			#myTable td:nth-child(3) {

				width:400px;
			}
			#myTable td:nth-child(4) {

				width:400px;
			}
			#myTable td:nth-child(5) {

				width:100px;
			}
			#myTable th:nth-child(6) {

			}
			#myTable .employee_img {
				margin-right:0;
			}
			#no-more-tables .btn
			{
				width:187px!important;

			}
			#no-more-tables th, #no-more-tables td
			{
				padding:0 1px;
			}
			.task_data_bg{
				padding-top:0;
			}
			.task_data_bg label
			{
				width:125px;
			}
			.navbar-fixed-bottom,.navbar-fixed-top{
				position:static;
			}
			.task_data_bg ul.list-inline.paddingLftRgt,.statusBtns
			{
				float:right;
			}
			.navbar {
				display: block;
				border-width:0 !important;
				float:left;
			}
			.navbar-toggle {
				display:none;
			}
			.content {
				margin-top:0px;
			}
			.logo-title{
				top:25px!important;
			}
			.navbar-brand img
			{
				margin-left:0;
				margin-top:20px;
			}
			.dateColumn
			{
				padding:5px;
				font-size:11px!important;
				display:block;
			}
			.nav.navbar-nav.navbar-right{
				display:none!important;
			}
			.agreement_copy {
				width: 210mm;
				height: 297mm;        
			}
			.page {
				margin: 0;
				border: initial;
				border-radius: initial;
				width: initial;
				min-height: initial;
				box-shadow: initial;
				background: initial;
				padding:35px 25px 0;
			}
			.page .form-filed{
				border-bottom: 1px solid #000;
			}
			.agreementDate .form-filed{
				text-align: center;
			}
			#bg-text {
				color: #d5d5d5;
				opacity: 0.2;
			}	
		}
		.page-link {
		
    color: #FFF;
    color: #0146aa;
    background: #FFF;
    margin-right: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    padding-left: 0;
    padding-right: 0;
	}
	.page-link:hover{
		background: transparent;
	}
        
/*.page-link:visited {color: #0146aa;
    background: #FFF;} 
.page-link:hover {color: #0146aa;
    background: #FFF;}   
.page-link:active {color: #0146aa;
    background: #FFF;}  */
.page-link a:active, .page-link a:focus, .page-link a:hover, .page-link a:visited
    {
    padding-top: 0;
    padding-bottom: 0px;
    color: #0146aa!important;
    }
		@media only screen and (max-width: 1450px) {
			.logo-title{
				top: 5px;
				text-align: center;
				line-height: 20px;
			}
			.navbar-default .navbar-nav {
				padding-top: 30px;
				padding-bottom: 0;
			}
		}
		@media only screen and (max-width: 1450px) {
			.navbar-default .navbar-nav > li{
				width:135px;
			}
		}

		@media only screen and (max-width: 1450px) {
			.register_form{
				margin-top: 165px;
			}
		}

		@media only screen and (max-width: 1200px) {
			.navbar-default .navbar-nav > li{
				width: auto;
			}
			.navbar-default .navbar-nav > li > a
			{
				padding-left: 10px;
				padding-right: 10px;
			}
			.hrLine{
				width:100%;
			}
			#filter_employee_data #myTable_filter
			{
				position:absolute;
				left:0%;
				width:100%;
			}
			#no-more-tables .dataTables_length
			{
				padding-top: 20px;
				left: 0px;
				/*z-index: -1;*/
			}

			#filter_employee_data #myTable_filter
			{
				width:100%;
				left:0;
				top: -90px;
			}
			div.dataTables_wrapper div.dataTables_filter label
			{
				width:100%;
			}
			.iconBar {
				top: 55px;
				left: 0;
				width: 100%;
				bottom:0;
			}
			.iconBar .pull-right
			{
				width:100%;
			}
			.iconBar .bootstrap-select.btn-group:not(.input-group-btn)
			{
				margin-left:55px;
				width:80%!important;
			}
			#myTable_filter input
			{
				width:80%!important;
			}
			#report #myTable_filter input{
				width:auto!important;
			}
			#report #myTable_filter
			{
				display: inline-block;
				float: right;
				padding-top: 20px;
			}
			#responsceinfo
			{
				margin-top:90px;
			}
			.searchEmployeeName
			{
				width: 84%;
				margin-left: 34px;
			}
			#search
			{
				width:80%;
				margin-left:55px;
			}
			.signedCount{
				top:25px;
			}
			#taskList .bootstrap-select{
				width:84%!important;
			}
			#taskList .dropDownBar{
				left: 65px;
			}
			#taskList #responsceinfo{
				margin-top: 21px;
			}
			.description,.search-data-comment
			{
				max-width:280px;
			}	
			.summary {
   				max-width: 230px;
			}
			.send-alert-button{
				top:-35px;
			}
			.employeesListWizard{
				margin-top:100px ;
			}
		}
		@media only screen and (max-width: 992px) {
			body{
				padding: 0 10px 70px 10px;
			}
			.navbar-default .navbar-nav > li{
				width: auto;
			}
			.navbar-default .navbar-nav > li > a
			{
				padding-left: 10px;
				padding-right: 10px;
			}
			/* Force table to not be like tables anymore */
			#no-more-tables table, 
			#no-more-tables thead, 
			#no-more-tables tbody, 
			#no-more-tables th, 
			#no-more-tables td, 
			#no-more-tables tr { 
				display: block; 
			}

			/* Hide table headers (but not display: none;, for accessibility) */
			#no-more-tables thead tr { 
				position: absolute;
				top: -9999px;
				left: -9999px;
			}

			#no-more-tables tr { border: 1px solid #ccc; }

			#no-more-tables td { 
				/* Behave  like a "row" */
				border: none;
				border-bottom: 1px solid #eee; 
				position: relative;
				padding-left: 40%; 
				white-space: normal;
				text-align:left;
			}

			#no-more-tables td:before { 
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				left: 6px;
				width: 45%; 
				padding-right: 10px; 
				white-space: nowrap;
				text-align:left;
				font-weight: bold;
			}
			#no-more-tables td:before { content: attr(data-title); }
			footer.navbar-fixed-bottom
			{
				position:relative;
			}
			#send-email-alert-report #no-more-tables td{
				padding-left: 55%;
			}
		/*#filter_employee_data #myTable_filter
		{
			top:0;
			left:0;
			right:0;
			}*/
			div.dataTables_wrapper div.dataTables_info
			{
				width: 45%;
				margin-top: 25px;
				overflow: auto;
				float:left;
			}
			div.dataTables_wrapper div.dataTables_paginate {
				width: 48%;
				float: left;
				display: inline-block;
				margin-top: 29px;
			}
		/*#myTable tr
		{
			overflow:auto;
			}*/
			.employee_pic_wizard, .employee_pic_wizard img, .employee_img
			{
				float:none;
			}
			.bootstrap-select
			{
				margin-right:0;
			}
			.Employee_Agreement .modal-dialog{
				max-width:100%;
			}
			#agreementReportWidth td:nth-child(2)
			{
					padding-left:173px;
			}
			.profile-info{
				width: 100%;
			}
			.profile-info-left-block{
				width:100%;
			}
			.upload-emp-profilepic{
				width:100%;
				float: left;
			}
			#responsceinfo #filter_employee_data, #report #searchupdateinfo+div{
				padding: 0;
			}
			#report .go_btn .btn{
				width: 40%;
			}
			#no-more-tables .dataTables_length {
				float: left !important;
			}
			.assignee p {
    			padding: 18px 12px 0;
    		}	
			/*.summary {
			    max-width: 100vh;
			}*/
			/*div.dataTables_wrapper div.dataTables_filter label {
				width: 45%;
				float: right;
				margin-left: 2px;
			}*/
		}
		@media only screen and (max-width: 767px) {
			.detailWizard .detailBorder
			{
				width:100%;
			}
			.descriptionWizard .DetailsText,.people_wizard .DetailsText,.detailWizard .DetailsText
			{
				width:100%;
			}
			.content
			{
				margin-top:150px;
			}
			.navbar-default .navbar-nav > li{
				text-align: left;
			}
			.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover
			.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover{
				background-color: #eff3f6;
				color: #333;
			}
			.logo-title
			{
				background:#FFF;
				color:#337ab7;
				font-size:18px;
				top: 77px;
				width: 100%;
				left: 0;
				line-height: 75px;
			}
		/*#search
		{
			margin:0 auto;
			max-width:100%;
			}*/
			.submit,.cancel{
				width:100%;
			}
			.xs-padding-lftrgt{
				padding-left:10px;
				padding-right:10px;
			}
			.hrLine
			{
				width:100%;
			}
			.lading-page-header .navbar-collapse li a
			{
				color:#323232;
			}
			.lading-page-header .navbar-collapse
			{
				background:#FFF;
			}
			.iconBar
			{
				top:45px;
			}
			.searchEmployeeName
			{
				padding-right:0px;
			}
			#no-more-tables .dataTables_length {
				padding-top: 0;
			}
			.bootstrap-select
			{
				width:100%!important;
			}
			.admin_approval_status .btn
			{
				width:100%!important;
			}
			div.dataTables_wrapper div.dataTables_info
			{
				width: 100%;
			}
			div.dataTables_wrapper div.dataTables_paginate {
				width: 100%;
			}
			.mediaWizard
			{
				border:0;
			}
			.mediaWizard .media-left
			{
				width:100%;
				display:block;
			}
			.mediaWizard .media-left img
			{
				margin:0 auto;
			}
			.mediaWizard .media-heading  
			{
				text-align:center;
			}
			.Employee_Agreement .modal-dialog
			{
				margin: 10px 0;
			}
			.authorized_sign{
		    	margin-top:0;
		    }
		    .marginbtm{
		    	margin-bottom: 0;
		    }
		    #report #myTable_info{
				margin-top: 0;
				margin-bottom: 10px;
			}
			#report #myTable_paginate{
				margin-bottom: 10px;
			}
			.Employee_Agreement .modal-body{
				padding: 25px 35px;
			}
			.agreementHeader img{
				margin:5px auto 10px;
				display: block;
				float: none;
			}
			.signedCount{
				top:5px;
			}
			.emp_agr_parent,.download_icon 
			{
				padding-top: 10px;
			}
			.emp_agr_parent a{
				float: left;
			}
			#taskList #responsceinfo{
				margin-top: 41px;
			}
			#report #myTable_filter
			{
				padding-top: 0px;
			}
			.navbar-brand img{
				margin: 0;
			}
			.upload-document-details{
				margin-top: 80px;
			}
			.employeesListWizard{
				margin-top:30px ;
			}
			.send-alert-button h4{
				max-width: 97%;
				text-align: center;
			}
			.employee_data_container .text-muted, .recruiter_data_container .text-muted{
				text-align: center;
				display: block;
				margin-bottom: 20px;

			}

			.nca_form
			{
				width: 100%
			}
		}
		@media only screen and (max-width: 580px){
			.signedCount {
				top: 35px;
				width: 100%;
				left: 15px;
			}
			#agreementReportWidth #myTable{
				padding-top:50px;
			}
			/*div.dataTables_wrapper div.dataTables_filter label {
				width: 45%;
				float: left;
				margin-left: 10px;
			}*/
		}
		@media only screen and (max-width: 480px){
			/*.logo-title
			{
				font-size:16px;
			}*/
			/*.profile-widget
			{
				height:160px;
			}*/
			#report .go_btn .btn{
				margin-bottom: 10px;
				margin-left: 0;
			}
			#report #no-more-tables td{
				padding-left: 48%;
			}
			.agreement_signature .form-control{
				width: 100%;
			}
			#report .form-control{
				padding-left:0!important;
				line-height: 25px!important;
				padding-top: 10px;
				margin-right: 5px;
				padding-right: 0;
				font-size: 8px;
				width: 68px;
			}
			#report #myTable_length {
				widht:35%!important;
			}
			#report #myTable_filter{
				width: 50%;
				float: left;
			}
			#report #myTable_filter{
				width: 50%;
				float: left;
			}
			#report #myTable_filter input{
				width:80%!important;
			}
			#CreateForm .form-control{
				padding-left: 2px;
				padding-right: 2px;
				font-size: 14px;
			}
			.assignee{
				font-size:12px;
			}
			.dateWizard, .date-form-group, .date-container{
				width: 75px;
			}
			.date-input-group, .date-input-group .form-control{
				width: 70px;
				border: 1px solid #000;
			}
			.date-container
			{
				padding-left: 0px;
				padding-right: 5px;
			}
			#report .input-group{
				display:table-cell;
			}
		}
		@media only screen and (max-width: 380px){
			.pop{
				width: 100%;
			}
			.img-preview{
				background-size:100% 100%!important;
			}
			.date.paddingLftRgt {
				padding: 0 5px 0 0;
			}
			
		}
		@media only screen and (max-width: 360px){
			
			#report #myTable_filter{
				width: 40%;
			}
			.assignee{
				margin-bottom: 0!important;
				/*font-size: 11px;*/
			}
			#CreateForm .form-control{
				padding-left: 0px;
				padding-right: 0px;
			}
			.logo-title{
				font-size:16px;
			}
		}
		
		.input-group-addon
		{
			background: transparent;
			border: none;
			color: #29a9e1;
			cursor: pointer;
		}
		#error_date
		{
			display: none;
		}
		.pagenate
		{
			margin-top: 20px;
		}
		.pagenate_home
		{
			padding: 8px 15px;
			background: #fff;
			color: #00c5fb;border: 1px solid #ccc;
		}
		.pagenate_home_active
		{
			background: #00c5fb;
			color: #fff;
		}
		.pagenate_home:hover
		{
			color: #000;
		}
		.pagenate_home_pre
		{
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.pagenate_home_next
		{
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
		.print_btn
		{
			padding-left:6px;
			font-size:14px;
		}
		.icon_Wizard img
		{
			margin-bottom:38px !important;
		}
		.hide_arrow{
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

		.hide_btn{
			display: none;
		}

		.calbag{color: #fff}
		.pop img{
		}
		.uploadedimages
		{
			border: 1px solid #ccc;
			padding: 10px;
			background: #FAFAFA;
			border-radius: 10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin-left:25px;
		}
		.delimage{   
			border:1px solid #cecece;
			padding: 0px 6px;
			background:#FAFAFA;
			color: red;
			font-weight:bold;
			font-size:14px;
			position: absolute;
			right: -8px;
			top: -9px;
			cursor:pointer;
			-webkit-border-radius: 50px!important;
			-moz-border-radius: 50px!important;
			border-radius: 50px!important;
		}
		.image-title
		{
			padding:12px;
			text-align:center;
		}
	/*#task-create-attachemtn #drop_file_zone:before
	{
		content: "";
		position: static;
		}*/
		#drop_file_zone:before{
			content: "Drop files here";
			position: absolute;
			font-size: 120%;
			left: 0;
			width: 100%;
			text-align: center;
			top: 45%;
			opacity: .25;
			filter: alpha(opacity=25);
		}
		#drop_file_zone, #drop_file_zone_wizard{
			background-color: #FAFAFA;
			border: 1px dashed #CCC;
			width: 100%;
			height: 80px;
			padding: 8px;
			font-size: 18px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#drop_file_zone_wizard
		{
			padding:0;
		}
		#myFileInput+.attachment .glyphicon-pencil
		{
			position: absolute;
			top: 10px;
			left: 0;
		}
		.attachment #myFileInputfile,#task-create-attachemtn #myFileInputfile
		{
			width: 155px;
			color: #FFF;
			background: #00c5fb!important;
			border: 1px solid #00c5fb!important;
			margin:20px 0 20px 20px;
			padding:6px 12px;
			font-size:14px;
		}
		#drag_upload_file {
			/*width:50%;*/
			margin:0 auto;
		}

		#drag_upload_file p {

			text-align: center;

		}

		#drag_upload_file #selectfile {

			display: none;

		}
		#preview img {
			width: 100px;
			margin: 5px;
			border: 1px solid #ccc;
			border-radius: 10px;
		}
		.removeimage{position: absolute;
			margin-left: -10px;
			border-radius: 50%;
			border: 1px solid #cecece;
			padding: 0px 6px;
			background: #FAFAFA;
			color: red;
			font-weight: bold;
			font-size: 14px;
			position: absolute;
			top: 75px;
			cursor: pointer;
			-webkit-border-radius: 50px !important;
			-moz-border-radius: 50px !important;
			border-radius: 50px !important;}
			#signAreaold{display: none;}