.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0px;
	padding-left: 0px;
}
.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 300;
 src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
 font-family: 'OpenSansLight';
 src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
 font-family: 'Open Sans Semi';
 font-weight: bold;
 font-style: normal;
 src: url('../fonts/OpenSans-Semibold.ttf');
}
html {
}
body {
	font-family: 'Open Sans';
	font-size: 14px;
	margin:0;
	padding:0 !important;
	background-color:#F5F5F5;
	color:#000;
}
.container-fluid {
	padding:0px 20px 0 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F5F5F5;
}
/*****************************************************************************************/

table {
	font-size:13px;
	color: #000;
}
table tr td {
	font-size:12px;
	color:#000;
}
label {
	font-weight: normal !important;
}
.left_label {
	width:auto;
}
.left_label label {
	float:left !important;
	margin-top:4px;
}
.right_label label {
	float:right !important;
}
.left_label input {
	float:left !important;
}
.right_label input {
	float:right !important;
}
.kra_heading label {
	float:left !important;
	margin-left:4%;
}
.ess_left_label label {
	float:left !important;
}
.ess_invest_label label {
	float:left !important;
	margin-left:2%;
}
.ess_big_label1 label {
	text-align:right;
	white-space:nowrap;
}
.ess_big_label label {
	margin-top:0;
	text-align:right;
}
.review_form_label label {
	float:left !important;
	margin-left:15px;
	font-weight:bold !important;
	font-family: 'Open Sans Semi';
}
.review_form_label {
	padding-top:15px;
}
.ess_sublabel {
	display: block;
	margin-top: 0px;
	color: #3E3E3E;
	font-size:9px;
	text-align:center;
	padding-left:10px;
	margin-bottom:0;
}
.ess_sublabel_right {
	display: block;
	margin-top: 0px;
	color: #3E3E3E;
	font-size:9px;
	text-align:right;
	padding-left:10px;
	margin-bottom:0;
}
.ess_sublabel_left {
	display: block;
	margin-top: 0px;
	color: #3E3E3E;
	font-size:9px;
	text-align:left;
	padding-left:10px;
	margin-bottom:0;
}
.ess_sublabel_heading label {
	margin: 5px 0 10px 50px;
}
.ess_sublabel_left label {
	margin: 5px 0 10px 50px;
}
.ess_left_label input {
	float:left;
}
.ess_subtitle {
	font-size:13px;
	font-weight:bold;
	margin-top:-5px;
	font-family: 'Open Sans Semi';
}
select {
	width:114%;
	height:29px;
	/*	overflow-x:hidden;
	overflow-y:scroll;*/
	box-shadow: none !important;
}
.ess_selectbox select {
	width:auto;min-width: 100px;
}
.ess_selectbox input[type="text"] {
	width:50%;
}
.ess_auto_input input[type="text"], .ess_auto_input input[type="text"][disabled] {
	width:80%;
}
.ess_selectbox_long select {
	width:250px;
}
input[type="radio"], input[type="checkbox"] {
	margin: 2px;
	line-height: normal;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
	width:114%;
	text-align:left;
	height:29px;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="date"], select, select[multiple], textarea {
	padding: 3px;
	line-height: 1.42857;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	/*  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;*/
 	 box-shadow: none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="date"], select, select[multiple], textarea {
	background-color: #FFF;
	background: #FFF;
	background-image: none;
	border: 1px solid #CCC;/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF));
	background: -webkit-linear-gradient(top, #FFF, #FFF);*/
}
input:focus, select:focus, textarea:focus {
	border-color: #66AFE9;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6) !important;
}
a[disabled] a.disabled {
	text-decoration:none;
	-webkit-cursor: not-allowed !important;
	-moz-cursor: not-allowed !important;
	-o-cursor: not-allowed !important;
	-ms-cursor: not-allowed !important;
	cursor: not-allowed !important;
}
a[disabled]:hover, a.disabled:hover {
	-webkit-cursor: not-allowed !important;
	-moz-cursor: not-allowed !important;
	-o-cursor: not-allowed !important;
	-ms-cursor: not-allowed !important;
	cursor: not-allowed !important;
}
button[disabled], .ess_save[disabled], .ess_save[disabled="disabled"] {
	-webkit-cursor: not-allowed !important;
	-moz-cursor: not-allowed !important;
	-o-cursor: not-allowed !important;
	-ms-cursor: not-allowed !important;
	cursor: not-allowed !important;
}
.btn-default[disabled], .btn.disabled {
	-webkit-cursor: not-allowed !important;
	-moz-cursor: not-allowed !important;
	-o-cursor: not-allowed !important;
	cursor: not-allowed !important;
}
.btn.disabled, .btn[disabled], .btn {
	pointer-events: all;
}
.ess_input_center {
	text-align:center;
}
input[type="text"][disabled], input[type="password"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="text"][readonly], input[type="password"][readonly], input[type="number"][readonly], input[type="email"][readonly], select[disabled], textarea[disabled], textarea[readonly] {
	text-align:left;
	padding: 3px;
	line-height: 1.42857;
	background-color: #EAEAEA;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	cursor: default;
	-webkit-color:#000;
	-moz-color:#000;
	color:#000 !important;
	-webkit-background-color: #EAEAEA !important;
	-moz-background-color: #EAEAEA !important;
	background-color: #EAEAEA !important;
	-webkit-background: #EAEAEA !important;
	-moz-background: #EAEAEA !important;
	background: #EAEAEA !important;
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
input:disabled, select:disabled, textarea:disabled {
	-webkit-color:#000;
	-moz-color:#000;
	color:#000;
	-webkit-background-color: #EAEAEA !important;
	-moz-background-color: #EAEAEA !important;
	background-color: #EAEAEA !important;
	-webkit-background: #EAEAEA !important;
	-moz-background: #EAEAEA !important;
	background: #EAEAEA !important;
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
textarea {
	width: 110%;
	margin: 4px 0px 0px 3px;
	min-height:70px;
	resize: vertical;
}
.ess_conversion_box_emp textarea {
	width: 99%;
	border:1px solid #CCC;
	background-color:#B8FEFE;
	margin: 4px 0px 0px 3px;
}
.ess_conversion_box_hr textarea {
	width: 99%;
	background-color:#F3F5CB;
	border:1px solid #CCC;
	margin: 4px 0px 0px 3px;
}
.ess_input_auto {
	width: 9.6%;
}
.ess_input_auto input, .ess_input_auto select {
	width: 95% !important;
}
.ess_conversion_box_emp p, .ess_conversion_box_hr p {
	margin:0;
	padding:0 1%;
}
.error {
	color:#bb0000;
}
input.error, select.error, textarea.error {
	border-color: #CB0404 !important;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 4px rgba(203, 4, 4, 0.6);
}
label.error {
	float: left;
	margin-top: 2px;
	padding: 0 0 0 5px;
	color:#F00;
	font-size:11px !important;
	white-space: normal;
}
.ess_inner_row > .form-group > div label.error {
	float: left;
	margin-top: 2px;
	padding: 0 0 0 5px;
	color: #F00;
	font-size: 11px;
	white-space: normal;
}
td > label.error {
	float: left;
	margin-top: 0px;
	padding: 0 0 0 5px;
	color:#F00;
	font-size:11px;
	text-align:left
}
td > .valid, .valid, .error.valid, .inner_row > .form-group > div > .error.valid {
	margin:0;
	padding:0 !important;
	margin-top:0 !important;
}
input.valid, select.valid {
}
textarea.valid {
	padding:3px !important;
	margin-top:4px!important;
}
label.error {
	width: 114%;
	max-width: 114%;
}
td label.error {
	width: 100%;
	max-width: 100%;
	text-align:left
}
td label.error, th label.error {
	width: 100%;
	max-width: 100%;
	text-align:left;
	margin: 0;
}
.bos_feedback_ques_text label.error {
	width: 100%;
	max-width: 100%;
	margin:0;
}
.error.valid {
	margin-bottom: 0 !important;
}
.ess_btn_del {
	padding: 6px 15px;
}
.jd_textbox textarea {
	height:500px;
}
.ess_table_caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000;
	padding: 8px 0px;
	font-family: 'Open Sans Semi';
}
.panel_submenu {
	position:relative;
}
table th {
	font-family: 'Open Sans Semi';
}
tspan {
	font-family: 'Open Sans Semi';
}
text, text tspan {
	font-family: "Open Sans Semi";/*color: #FB622F !important;
	fill:#FB622F;*/
}
/* Buttons */
/* Buttons */
.ess_save {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-color: #427216;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.5;
	margin: 15px 0px 10px 4px;
	padding: 7px 22px;
}
.ess_save:hover, .ess_save:focus, .ess_save:active, .ess_save.active, .open>.dropdown-toggle.ess_save {
	color:#fff;
	background-color:#315C0A;
	border-color:#315C0A;
}
.ess_cancel {
	color:#282828;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	border-radius: 4px;
	background-color:#DBDBDB;
	padding: 7px 15px;
	margin: 15px 0px 10px 10px;
	border: 1px solid #DBDBDB;
}
.ess_cancel:hover, .ess_cancel:focus, .ess_cancel:active, .ess_cancel.active, .open>.dropdown-toggle.ess_cancel {
	background: none repeat scroll 0% 0% #CDCCCC;
	outline: 0px none;
}
.blank_tab1 {
	padding-left:0.2em;
}
.blank_tab1 {
	padding-left:0.2em;
	margin-right:4px;
	padding-top:2px;
}
.kra_msg {
	text-align:center;
	color:#BB0000;
	margin:0 1%;
}
.kra_msg_left {
	text-align:left;
	color:#BB0000;
	margin: 0 1%;
}
.kra_msg_left > h4 {
	text-align:left;
	color:#BB0000;
	margin:1% 0 1% 2%;
}
.ess_total_label label {
	float:right;
}
.ess_total_label {
	margin-left:38%;
}
.ess_total_label_2 {
	margin-left: 38%;
}
.weight_kra_total {
	margin-top:10px;
}
.colon {
	padding-left: 0.2em;
	margin-right: 4px;
	padding-top: 2px;
	float: right;
	font-weight: bold;
}
.header {
	background-color:#FFF;
}
.ess_ft_inner_row {
	width:100%;
	/*	position:absolute;*/
	bottom:0;
	left:0;
	background-color:transparent;
	padding: 0 10px;
	color: #0A0A0A;
	font-size: 12px;
	height: 40px;
}
.ess_footer_div {
	color: #0A0A0A;
	position:relative;
	width:100%;
	bottom:0;
	font-size: 12px;
}
.ess_footerlink__div {
	padding:0 5px;
}
.ess_footerlink__div {
	margin:5px 0;
	font-size: 10px;
	text-align:center;
}
.ess_footerlink__div a {
	color: #0A0A0A;
	text-decoration: none;
}
.ess_footerlink__div ul.list-inline li {
	padding:0px;
}
.ess_ft_left {
	float:left;
	text-align:left;
}
.ess_ft_right {
	float:right;
}
.ess_ft_right > p {
	text-align:right;
	margin:5px;
}
.ess_ft_left > p {
	margin:5px;
}
.header_left {
	float:left;
}
.ess_heade_logo {
	float:left;
	margin: 10px 15px;
}
.ess_heade_logo > img {
	width:150px;
	height:80px;
	float:left;
}
.ess_heade_logo > .ess_rect_logo > img {
	width:150px;
	height:80px;
	float:left;
}
.ess_heade_logo > .ess_squar_logo > img {
	width:80px;
	height:80px;
	float:left;
}
.ess_login_logo {
	float:left;
	margin:10px 15px;
	border-radius:2px;
}
.ess_header_text_logo {
	float: left;
	margin: 0;
	/*width: auto;*/
	width: 330px;
	padding: 35px 5px 10px 1px;
}
.ess_header_text_logo > p {
	font-size: 17px;
	color: #333;
	font-weight: bold;
	text-align:center;
	font-family: 'Open Sans Semi';
}
.hrm_saas_logo {
	width:auto;
	float:right;
	margin-right: 0px;
	margin-top: 0px;
}
.hrm_saas_logo > img {
	width: 120px;
	float: right;
	height: 30px;
	margin:5px 8px 0 0;
}
.header_right {
	float:right !important;
}
.subheader1 {
}
.user_name {
	float:right;
	padding-right: 10px !important;
	padding-top: 5px;
}
.user_name a {
	text-decoration:none;
}
.user_name ul li:first-child a span {
	background-color: #D9534F;
	color: #FFF;
	padding: 4px 5px;
	border-radius: 4px;
	font-size: 11px;
}
.user_name ul {
	float:right;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
ul {
	margin:0;
}
.subheader2 {
	padding:10px 0px 0px 0px !important;
	margin-top: 12px !important;
}
.notification {
	font-size: 1.5em;
	text-align: end;
	width:auto !important;
}
.notification a {
	padding: 0 10px 0 5px;
}
.notification img {
	width:20px;
	height:20px;/*width: autos;*/
}
.notification > .nav-pills > li {
	float: left;
	padding-right: 10px;
	padding-left: 5px;
	margin-bottom: -5px;
}
.notification > .nav > li > a {
	position: relative;
	display: block;
	padding: 5px 8px 5px 8px;
	margin-top: 10px;
}
.notification > .nav > li > a.year:hover, .notification > .nav > li > a.year:focus {
	background-color: #2A962A !important;
	Color:#fff !important;
}
.year {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	color:#fff !important;
	border-radius: 1px;
	background-color:#2A962A;
}
.year:hover, .year:focus, .year:active, .year.active, .open>.dropdown-toggle.year {
	background-color: #2A962A;
	outline: 0px none;
	color:#fff !important;
}
.dorpdown_year {
	width: 100px !important;
	max-height: 200px;
	overflow: auto;
	right: 0px;
	text-align: right;
	border-bottom:1px solid #CCC;
}
.ess_see_all a {
	padding:8px 10px;
	text-align:center;
	font-weight:bold !important;
	font-family: 'Open Sans Semi';
}
.dropdown-menu > div > li:hover, .dropdown-menu > div > li:focus {/*  background-color:#0286A4; */
	background-color: #006060;
	color:#FFF;
}
.ess_tab_settings ul .dropdown-menu > div > li:hover > a, .ess_tab_settings ul .dropdown-menu > div > li:focus > a {
	color:#FFF;
	/* background-color: #0286A4; */
		background-color: #006060;
}
div.ess_see_all > li:hover {
	background-color:transparent !important;
	color:#FFF;
}
div.ess_see_all > li > a:hover {
	color:#FFF;
}
.years {
	width: 50px !important;
	text-align: left;
	left: 0;
	right: 0;
}
.line_devider {
	border-bottom:1px solid #CCC;
	margin:3px -1px;
}
.line_devider_medium {
	border-bottom:1px solid #CCC;
	margin:1% 0;
}
.ess_emp_sublabel label {
	margin: 5px 0 10px 0px;
}
.ess_sub_row {
	margin: 0 0 10px 5px;
}
.ess_sub_row input[type="text"] {
	width:76%;
}
.ess_sub_row label {
	margin: 0 0 10px 20px;
	float:left !important;
}
.ess_sub_row textarea {
	margin: 0 0 0 15px;
}
.ess_rediobuttons label {
	float: left;
	width: auto;
	margin-right: 20px;
}
.ess_video_div {
	padding:1%;
	width:60%;
	border:1px solid #C00;
}
.invest_year_value {
	padding: 3px 0 0 10px;
}
.ess_auto_genrate a {
	font-size:13px;
	text-decoration:none;
	color:#C63;
	margin-left:10%;
}
.ess_auto_genrate a {
	display: block !important;
}
.ess_auto_genrate a:hover {
	color:#695105;
}
.ess_password_block {
	padding: 20px 15px 35px 15px;
	background-color:#F1E7BC;
	border-radius:4px;
}
.ess_password {
	font-family: 'Open Sans Semi';
	font-size:16px;
	font-weight:600;
	text-align:center;
	padding-bottom:10px;
}
.ess_password_block label {
	float:left !important;
	margin-left: 10px;
	font-size:13px;
	white-space:nowrap;
}
/* ***************************** ESS Tab Div ***********************************************/
.ess_tab_div {
	min-height: 30px;
	/* background-color: #033D4A; */
	background-color: #007D7D;
	padding: 0;
}
.ess_tab_div_fixed {
	right: 0px;
	left: 0px;
	top:0;
	z-index: 1000;
	position: fixed;
}
.ess_tab_emp_name {
	color:#FFF;
	width: auto;
	margin: 3px 0;
}
.ess_tab_emp_name > ul {
	display: table-row;
}
.ess_tab_emp_name > ul > li {
	display: table-cell;
	vertical-align:middle;
}
.ess_tab_emp_name li {
}
.ess_tab_emp_img {
}
.ess_tab_emp_img img {
	width:25px;
	height:24px;
	margin-left: 15px;
	margin-top: 0px;
}
.ess_tab_settings {
	width:auto;
	float:right;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 0px;
}
.ess_tab_settings {
}
.ess_tab_settings .list-inline > li {
	display: inline-block;
	padding:0 5px;
}
.ess_tab_settings .list-inline > li:last-child {
	margin-top:0px;
}
.ess_tab_settings > .list-inline > li > a {
	color:#FFF;
	text-decoration:none;
	padding:0;
	background-color: #007D7D;
	border-radius: 4px;
	vertical-align: middle;
	position: relative;
	display: block;
}
.ess_tab_settings .list-inline > li > a > span {
	/* font-size:15px;
top: 2px; */
font-size: 12px;
	padding: 4px 5px;
	top:0;
}
.dropdown-menu > div > li > a {
	display: block;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.42857;
	white-space: normal;
	padding: 2px 4px !important;
	color: #FFF;
	font-size: 12px;
}
.ess_tab_settings span.glyphicon { /* font-size:15px; top: 1px; */
}
.ess_event {
	/* background-color:#033D4A; */
		background-color: #007D7D;
	left: -227px;
	right:5px;
	padding:5px 0 0 0;
}
.ess_event_list {
	width: 250px !important;
	max-height: 200px;
	overflow: auto;
	right: 0px;
	text-align: left;
	border-bottom:1px solid #CCC;
}
.ess_reminder {
	/* background-color:#033D4A; */
		background-color: #007D7D;
	left: -227px;
	right:5px;
	padding:5px 0 0 0;
}
.tab_notification {
	margin-top: 5px;
	padding: 0;
}
.tab_calender {
	margin-top: 5px;
	padding: 0;
}
/*.ess_notif_dropdown > a {padding: 4px 25px 4px 4px !important;  }
.ess_remind_dropdown > a { padding: 4px 25px 4px 4px !important; }*/
/*.red_badge, .blue_badge {
line-height: 10px;
padding: 3px 4px 4px;
top: 3px;
position: absolute;
background-color: #F7FF7A !important;
color: #000;
right: 5px;
border-radius: 1px;
font-size: 9px;
font-family: "Open Sans Semi";
}*/
.red_badge {
	/* line-height: 1;
padding: 3px 3px 3px;
top: -12px;
position: absolute;
background-color: #F93B13 !important;
color: #FFF;
right: -5px;
border-radius: 50%;
font-size: 9px;
font-family: "Open Sans Semi"; */
padding: 1px !important;
	position: absolute;
	background-color: #F32626 !important;
	color: #FFF;
	right: -10px;
	font-family: "Open Sans semi";
	font-size: 8px !important;
	font-weight: bolder;
	border-radius: 50%;
	top: -12px !important;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	line-height: 13px;
	min-width: 15px;
	height: auto;
}
.blue_badge {
	/* line-height: 10px;
padding: 3px 3px 3px;
top: -14px;
position: absolute;
background-color: #F93B13 !important;
color: #FFF;
right: -10px;
border-radius: 50%;
font-size: 9px;
font-family: "Open Sans Semi"; */
/* line-height: 1px;
padding: 1px  !important;
top: -14px  !important;
position: absolute;
background-color: #F93B13 !important;
color: #FFF;
right: -10px;
border-radius: 50%;
font-size: 9px  !important;
font-family: "Open Sans Semi";
min-width: 15px;
height: auto;
text-align: center;
white-space: nowrap; */
padding: 1px !important;
	position: absolute;
	background-color: #F32626 !important;
	color: #FFF;
	right: -10px;
	font-family: "Open Sans semi";
	font-size: 8px !important;
	font-weight: bolder;
	border-radius: 50%;
	top: -12px !important;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	line-height: 13px;
	min-width: 15px;
	height: auto;
}
.ess_reminder_list {
	width: 250px !important;
	max-height: 200px;
	overflow: auto;
	right: 0px;
	text-align: left;
	border-bottom:1px solid #CCC;
}
.ess_see_all a {
	padding:8px 10px;
	text-align:center;
	font-weight:bold !important;
	font-family: 'Open Sans Semi';
}
div.ess_see_all > li > a {
	border-bottom:none !important;
}
div.ess_see_all > li > a:hover {
	background-color:transparent;
	color:#F2F2F2;
}
.tab_logout_btn > a {
	/* padding:0 !important;
color:#000 !important;
background-color:transparent !important;
font-size: 14px !important;
margin-top:0; */
color: #000 !important;
	background-color: transparent !important;
	font-size: 14px !important;
	margin-top: 0px;/* padding: 0px 0px 0px 23px !important; */
}
.tab_logout_btn span {/*  font-size:15px !important; background-color:#C30; padding:2px 4px 2px 4px;  color:#FFF; border-radius: 4px; */
	background-color: #C30;
	color: #FFF;
	border-radius: 4px;
	top: 0px;/* font-size: 15px !important;

 position: absolute;
top: -1px;
width: 23px;
padding: 3px 4px 4px;
left: -1px; */
}
.ess_subheader2 {
	margin-top:40px;
}
/* ***************************** ESS Main Section ***********************************************/

.ess_main_panel {
	padding:15px 0px 100px;
	min-height:700px;
}
.ess_title_link {
	margin-top:0;
	text-align: right;
}
.ess_title_link > a {
	text-decoration:none;
	margin: 0 10px 0 0;
}
.ess_title_buttons {
	padding:0px;
	vertical-align:middle;
}
/* *******************************************ESS Left Panel *********************************/
.ess_left_panel {
	width:22%;
	padding-right:20px;
}
.panel-heading {
}
.panel-default > .panel-heading {
	color:#FFF;
	/* 	background-color: #033D4A; */
	background-color: #007D7D;
	border-color: #DDD;
	margin-top: 1px !important;
	padding: 8px 12px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.panel-default .panel-heading {
	margin-bottom: 0 !important;
}
.panel-heading:hover, .panel-heading:focus, .panel-heading.active {
	text-decoration: none !important;
	/*  background-color: #0286A4; */
	background-color: #006060;
}
.panel-group .panel + .panel {
	margin-top: 1px !important;
}
.panel {
	margin-bottom: 20px;
	background-color: #FFF;
	border:none;
	box-shadow:none;
}
.panel-title {
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration:none;
	font-size:15px;
}
.panel-title a {
	text-decoration:none !important;
}
.panel-body ul {
	left: 10px;
	padding: 0px;
}
.panel-body ul li a {
	text-decoration:none;
	color: #1A1A1A;
	font-size: 14px;
}
.panel-body > ul > li {
	display: block;
	padding: 7px 2px 0px 30px;
	list-style: outside none none;
	float: left;
	border-bottom: 1px solid rgba(29, 92, 105, 0.08);
	letter-spacing: 0px;
	width: 100%;
	background-color: #FFF;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	padding: 0px;
	margin: 0px;
}
.ess_left_sidebar_menu .panel-body > ul > li > a {
	padding-bottom:4px;
	display:block;
}
.ess_left_sidebar_menu .panel-body > ul > li:hover {
	background-color:#059898;
}
.ess_left_sidebar_menu .panel-body > ul > li:hover > a .ess_left_sidebar_menu .panel-body > ul > li:focus > a {
	color:#FFF;
}
.ess_left_sidebar_menu > .panel-group > .panel > .panel-heading > h4.panel-title > a > span.glyphicon {
	font-size: 15px;
	padding-right: 5px;
}
.panel-group .panel-default .panel-collapse ul li a:before {
	font-family:'Glyphicons Halflings';
	content:"\e095";
	position:relative;
	top:1px;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	line-height:1;
	padding-right:5px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.down_trangle {
	display: inline-block;
	width: 0px;
	height: 0px;
	margin-left: 4px;
	margin-top: 5px;
	vertical-align: middle;
	float: right;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
li.ess_side_menu_active {
	/* background-color:#0286A4 !important; */
	/*background-color:#006060 !important;*/
	background-color: #059898 !important;
}
li.ess_side_menu_active > a {
	color:#FFF !important;
}
/***************************ESS Right Panel ****************************************************/
.ess_right_panel {
	min-width:78% !important;
	min-height:700px;
	padding:0;
	/*background-color: #F5F5F5;*/
background-color: #FFF;
	margin-bottom:2%;
	border:1px solid #CCC;
}
.ess_main_content {
	padding: 0px;
}
.ess_main_content label {
	font-size:14px;
}
.ess_title_div {
/* padding: 6px 0px;
border-bottom: 1px solid #CCC;
vertical-align: middle;
margin-bottom: 20px; */
}
.title {
	font-size:14px;
	font-weight:bold;
	font-family: 'Open Sans Semi';
}
.ess_help_div {
	padding-top:5px;
	padding-left:2%;
	padding-right:2%;
}
.ess_help_text {
	color: #666565;
	font-size: 13px;
	font-family: OpenSansLight;
	padding: 10px 15px;
	text-align: left;
	border-left: 5px solid #AEAEAE;
	border-right: 0px none;
	background-color: #EAEAEA;
}
.ess_help_text button.close {
	padding:3px;
	margin:-13px;
}
.ess_breadcrumb_list {
	list-style: outside none none;
	background-color: transparent;
	border-radius: 4px;
	margin-bottom:0;
	margin-top:0;
	font-size:12px;
	padding: 3px 5px;
}
.ess_breadcrumb_list a {
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.ess_breadcrumb_list > li + li::before {
 padding: 0px;
 color: #000;
 content: "/ ";
}
.ess_breadcrumb_list > .active {
	color: #000;
}
.ess_hide_show_row {
	border-bottom: 1px solid #CCC;
	padding: 6px 3px;
	background-color: #FFF;
}
.ess_hide_show_div {
	width:8%;
	padding: 0 2px;
	float:left;
}
.ess_hide_menu {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	/* 	background-color: #033D4A; */
   	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 12px;
	padding: 5px 9px 5px 5px;
	margin: 0px;
}
.ess_breadcrumb_div {
	float:left;
	width:65%;
	padding: 0px 3px;
}
.ess_hide_menu:hover, .ess_hide_menu:focus, .ess_hide_menu:active, .ess_hide_menu.active.open > .dropdown-toggle.ess_hide_menu {
	color: #FFF;
	/* background-color: #0286A4; */
		background-color: #006060;
	border-color: #006060;
}
.ess_help {
	width:9%;
	float:right;
	margin-right: 7px;
}
.ess_help > a {
	float:right;
}
.ess_help_btn {
	color: #282828;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	background-color: #DBDBDB;
	padding: 5px 8px;
	margin: 0px;
	border: 1px solid #DBDBDB;
}
.ess_help_btn:hover, .ess_help_btn:focus, .ess_help_btn:active, .ess_help_btn.active, .open > .dropdown-toggle.ess_help_btn {
	background: none repeat scroll 0% 0% #CDCCCC;
	outline: 0px none;
}
.modal-header {
	border-bottom:none;
	height: auto;
	padding: 5px 10px;
}
.ess_help_modal_dialog {
	width: 50% !important;
	margin: 14% 12% 15% 35%!important;
}
.ess_back_btn {
	min-width: 5.33333%;
	float: right !important;
	margin: 0px 5px 0px 5px;
}
.ess_back_btn > button {
	float:right;
}
.ess_back_btn > a {
	float:right;
}
.ess_add_new_btn {
	width:auto;
	float: right;
	margin-right:10px;
	margin: 0px 5px;
}
.ess_back {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	/* 	background-color: #033D4A; */
	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 1.5;
}
.ess_back:hover, .ess_back:focus, .ess_back:active, .ess_back.active, .open>.dropdown-toggle.ess_back {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #006060;
}
.ess_dwn_load_btn {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	/* 	background-color: #033D4A; */
	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1.5;
}
.ess_dwn_load_btn:hover, .ess_dwn_load_btn:focus, .ess_dwn_load_btn:active, .ess_dwn_load_btn.active, .open>.dropdown-toggle.ess_dwn_load_btn {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #006060;
}
.ess_print {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	/* 	background-color: #033D4A; */
	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1.5;
}
.ess_print:hover, .ess_print:focus, .ess_print:active, .ess_print.active, .open>.dropdown-toggle.ess_print {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #006060;
}
.ess_add_new {
	color: #FFF;
	padding: 4px 6px;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #007D7D;
}
.ess_add_new:hover, .ess_add_new:focus, .ess_add_new:active, .ess_add_new.active, .open>.dropdown-toggle.ess_add_new {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #006060;
}
/* .print_download_btns  span.glyphicon.glyphicon-print, .print_download_btns  span.glyphicon.glyphicon-download-alt{ font-size:20px;} */
.print_download_btns {
	float:right;
	margin:0 5px;
}
.close_icon {
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #F00;
	text-shadow: 0px 1px 0px #FFF;
	margin: 11px 5px 0 0;
}
.close_icon span:hover, .close_icon span:focus {
	color: #C00;
	;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
}
.close_icon a {
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #F00;
	text-shadow: 0px 1px 0px #FFF;
	margin: 5px 10px 0 0;
	float: none;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #F00;
	text-shadow: 0px 1px 0px #FFF;
	margin: 0;
	text-align: center;
	width:25px;
	margin:0 auto;
}
.close_icon a:hover, .close_icon a:focus {
	color: #C00;
	text-decoration: none;
	/* cursor: pointer;*/
	 opacity: 1;
}
#lang_div .close_icon {
	font-size: 13px;
	margin: 0px 5px 0px 0px;
}
.ess_add_new_field {
	font-size:13px;
	border:1px solid #007D7D;
	margin-right:10px;
	padding: 5px 7px;
	font-weight:bold;
	font-family: 'Open Sans Semi';
	color:#fff;
	background-color: #007D7D;
}
.ess_add_new_field:hover {
	color:#fff;
	background-color: #006060;
	border:1px solid #006060;
}
.ess_add_new_field a {
	text-decoration:none;
	color:#fff;
}
.esstrns_intfam_tbl_row .ess_add_row .ess_add_new_field {
	margin-right: 0;
}
.td > textarea {
	width:71%;
}
.ess_save a {
	color:#FFF;
	text-decoration:none;
}
/******************************** ALERTS DIV ****************************************************/	
 .modal-dialog {
	margin: 15% auto;
}
.ess_new_del_confirm {
}
.ess_new_del_confirm > .modal-dialog {
	width:500px;
}
.ess_new_del_confirm > .modal-dialog > .modal-content {
	background-color: #F2DEDE;
	padding: 4px;
}
.ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border: 1px solid #BDBDBD;
	color: #000;
	border-radius: 7px;
}
.ess_btn_del {
	display: inline-block;
	padding: 6px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #A20D08;
}
.ess_btn_del:hover {
	color: #FFF;
	background-color: #B62B27;
}
.ess_btn_del_cancel {
	display: inline-block;
	padding: 6px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #000;
	background-color: #FFF;
}
.ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:72%;
	padding-left:10px;
}
.ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_new_aft_del {
}
.ess_new_aft_del > .modal-dialog {
	width:500px;
}
.ess_new_aft_del > .modal-dialog > .modal-content {
	background-color: #F2DEDE;
	padding: 4px;
}
.ess_new_aft_del > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 10px;
	border: 1px solid #BDBDBD;
	color: #000;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999; /* sidebar must have z-index > 999 */
	background: black;
	opacity: 0.5; /* or background set to rgba(255, 255, 255, 0); */
}
#ess_alert_background {
	display: none;
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.95);
	width: 100%;
	z-index: 10;
}
#ess_save_alert {
	display: none;
	position: absolute;
	border-radius:7px;
	width:500px;
	z-index: 11;
	margin-top:4%;
	padding: 4px;
	text-align:center;
}
.green_box {
	background-color: #DFF0D8;
	color: #000;
}
.green_box > P {
	margin:0;
	background-color: #DFF0D8;
	color: #000;
	padding:30px 5px;
	border:1px solid #BDBDBD;
	border-radius:7px;
}
.red_box {
	background-color: #F2DEDE;
	color: #A94442;
}
.red_box > p {
	margin:0;
	background-color: #F2DEDE;
	color: #A94442;
	padding:30px 5px;
	border:1px solid #BDBDBD;
	border-radius:7px;
}
.ess_alert_close_btn:hover, .ess_alert_close_btn:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
}
.ess_alert_close_btn {
	float: right;
	font-size: 21px;
	font-weight: 700;
	color: #999;
	line-height: 1;
	text-shadow: 0px 1px 0px #FFF;
	vertical-align: top;
	margin-top: -30px;
	padding: 0px;
	cursor: pointer;
	background: none repeat scroll 0px 0px transparent;
	border: 0px none;
}
.view_pdf_doc_div {
	width:100%;
	max-height:700px;
	overflow:auto;
}
.view_pdf_doc_div iframe {
	width:100%;
	height:700px;
}
/************************************* Data Table List*******************************************/
/************************************* Data tables************************************/
.data_table_row { /*padding:0;*/
}
.tfootBg select {
	width: 100%;
	background:transparent;
	margin: 0px;
	border: 1px none;
	font-family: 'Open Sans Semi';
	border-radius:0 !important;
}
.dataTables_wrapper > .table-bordered > thead > tr > th, .dataTables_wrapper > .table-bordered > thead > tr > td, .dataTables_wrapper > .table-bordered > tbody > tr > th, .dataTables_wrapper > .table-bordered > tbody > tr > td, .dataTables_wrapper > .table-bordered > tbody > tr > td:last-child, .dataTables_wrapper > .table-bordered > tfoot > tr > th, .dataTables_wrapper > .table-bordered > tfoot > tr > td {
	border: 1px solid #8B8989 !important;
	vertical-align:middle;
}
.dataTables_wrapper > .table-bordered > tbody > tr > td:nth-child(1) {
 text-align: center;
 width: 70px;
}
.theadBg th {
	background-color: #FFFFFF;
	color: #000;
	text-align: center;
	font-size: 14px;
	padding: 4px 10px !important;
	font-weight: normal;
	font-family: 'Open Sans Semi';
}
.tfootBg th {
	background-color: #D5D5D5;
	padding: 0 !important;
}
.dataTables_info {
	margin-bottom: 50px;
	margin-top: 0;
}
.dataTables_paginate {
	margin-top: 0;
}
.dataTables_wrapper > .table-bordered > tbody > tr > td {
	padding: 2px 4px !important;
}
.dataTables_wrapper > .table-bordered > tbody > tr > td:first-child {
	width:50px;
	text-align:center;
}
.ess_list_thead_sublabel {
	display: inline-block;
	margin-top:3px;
	font-size: 9px;
	text-align: center;
	margin-bottom:0;
}
.dataTables_filter label input[type="text"], .dataTables_length select {
	height: 27px;
}
.ess_title_buttons_div {
	padding:0;
	vertical-align:middle;
}
.ess_title_selectbox {
	float:right;
	width:auto;
	margin: 0 5px 0;
}
.ess_title_selectbox label {
	font-size: 13px;
	font-weight: bold;
	margin-bottom:0;
}
.ess_title_selectbox > label {
	margin-left:5px;
}
.ess_title_selectbox select {
	width: auto;
	font-weight: normal;
	padding: 4px 5px;
}
.ess_list_btn {
	display: inline-block;
	color:#000;
	/*padding:2px;*/
	border-radius: 6px;
	background-color:transparent;
	border: 1px none transparent;
	width:100%;
}
.ess_list_btn > span {
	padding:2px;
	border-radius: 6px;
}
.ess_list_btn:hover > span, .ess_list_btn:focus > span, .ess_list_btn:active > span, .ess_list_btn.active > span, .open > .dropdown-toggle.ess_list_btn > span {
	color: #333;
	background-color: #E6E6E6;
}
.ess_pay_history_list_btn {
	display: inline-block;
	color: #FFF;
	padding: 2px 5px;
	background-color:  #BD0808;
	border: 1px none transparent;
}
.ess_pay_history_list_btn:hover, ess_pay_history_list_btn:focus, .ess_pay_history_list_btn.focus, .ess_pay_history_list_btn:active, .ess_pay_history_list_btn.active, .open > .dropdown-toggle.ess_pay_history_list_btn {
	color: #FFF;
	background-color: #930202;
}
.ess_list_btn_red {
	display: inline-block;
	color: #FFF;
	padding: 2px 5px;
	background-color: #CB0100;
	border: 1px none transparent;
}
.ess_list_btn_red:hover, ess_list_btn_red:focus, .ess_list_btn_red.focus, .ess_list_btn_red:active, .ess_list_btn_red.active, .open > .dropdown-toggle.ess_list_btn_red {
	color: #FFF;
	background-color: #AB1111;
}
.ess_list_btn_green {
	display: inline-block;
	color: #FFF;
	padding: 2px 5px;
	background-color: #398910;
	border: 1px none transparent;
}
.ess_list_btn_green:hover, ess_list_btn_green:focus, .ess_list_btn_green.focus, .ess_list_btn_green:active, .ess_list_btn_green.active, .open > .dropdown-toggle.ess_list_btn_green {
	color: #FFF;
	background-color: #28600B;
}
.ess_list_btn_orange {
	display: inline-block;
	color: #FFF;
	padding: 2px 5px;
	background-color: #DB7503;
	border: 1px none transparent;
}
.ess_list_btn_orange:hover, ess_list_btn_orange:focus, .ess_list_btn_orange.focus, .ess_list_btn_orange:active, .ess_list_btn_orange.active, .open > .dropdown-toggle.ess_list_btn_orange {
	color: #FFF;
	background-color: #C06704;
}
a.ess_list_link {
	text-decoration:none;
	color:#2980B9;
	text-align:center;
	display:block;
}
.ess_list_ok_icon:after {
	font-family:'Glyphicons Halflings';
	content:"\e089";
	position:relative;
	top:1px;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	line-height:1;
	padding-right:5px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#0C0;
	font-size:1.3em;
}
.ess_list_close_icon:after {
	font-family:'Glyphicons Halflings';
	content:"\e088";
	position:relative;
	top:1px;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	line-height:1;
	padding-right:5px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#F00;
	font-size:1.3em;
}
/* ******************** ESS  step wizards *************************/
.ess_emp_form_steps {
	font-size:14px;
	font-weight:bold;
	margin:5px 10px;
	font-family: 'Open Sans Semi';
}
.ess_emp_form_steps li {
	Color:#CCC;
	padding: 0px 0.1% !important;
}
.ess_emp_form_steps span {
	background-color: #777;
	border-radius: 50px;
	padding: 1px 5px;
	color: #CCC;
	margin: 0 7px;
	font-family: 'Open Sans Semi';
}
.ess_emp_form_steps li.active {
	Color:#2980B9;
}
.ess_emp_form_steps li.active span {
	background-color:#993300;
	border-radius:50px;
	padding: 1px 5px;
	color:#fff;
}
/* ******************** New  step wizards*************************/
.ess_emp_form_steps_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.ess_emp_form_steps_div {
	width: 100%;
	float: left;
	padding:0;
	margin-bottom: 0px;
	background-color:#CDD1D4;
	display: table;
	text-align: center;
}
.ess_emp_form_steps_1 {
	font-size: 13px;
	font-weight: bold;
	font-family: "Open Sans Semi";
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 13px;
	display: table-row;
}
.ess_emp_form_steps_1 li {
	padding: 5px 7px;
	display: table-cell;
	float: none;
	width: 1%;
	white-space: nowrap;
	border-left: 1px solid #FFF;
}
.ess_emp_form_steps_1 span {
	margin: 0 5px 0 0;
}
.ess_emp_form_steps_1 li.active {
	background-color:#364F60;
	color:#FFF;
}
/* ********************************* Employee Joinee Foem Class **********************************/
.ess_ej_emp_photo {
	float:right;
	text-align:center;
	margin-bottom:-72px;
	margin-right: 15px;
}
.ess_ej_emp_photo img {
	height:80px;
	width:80px;
	border: 1px solid #CCC;
	padding: 1px;
}
.ess_ej_emp_photo a {
	text-decoration:none;
	font-size:11px;
}
/* ***************************************ESS EMP INFO ROw ***************************************/
.ess_emp_info {
	padding:10px 20px;/*  border:10px solid #F5F5F5; */
}
.ess_emp_img_div {
	width:8%;
	max-height:90px;
}
.ess_emp_img img {
	width:90px;
	height:90px;
}
.ess_img_name {
	text-align:center;
	font-size:12px;
}
.ess_emp_info label {
	float:right;
}
.ess_emp_info label:after {
	content:":";
	padding:0 8px;
}
.ess_label {
	width:14%;
}
.lerge_value {
	white-space:nowrap;
}
div.dataTables_wrapper {
	font-size: 12px;
	width: 99%;
	margin: 0 5px;
	padding: 0;
	max-height: 700px;
}
/* ******************************** ESS EMP info row 2 ***********************************************/
.ess_dashboard_count_1 {
	padding:0 15px 0 0;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.ess_left_inner_row {
	padding:0 0 2.5% 0;
}
.ess_dashboard_count_1_heading {
	font-family: 'Open Sans Semi';
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
	border: 1px solid transparent;
	color: #FFF;
	background-color: #4AC;
	font-size: 16px;
	font-weight: bold;
}
.ess_dashboard_count_1_block {
	padding:15px;
	text-align:center;
	border: 1px solid transparent;
	border-top: none;
	background-color:#0F7192;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ess_dashboard_count_1_count {
	font-size: 2.5em;
	padding: 8px;
	color: #FFF;
	border-radius: 3px;
}
.ess_left_inner_row > .col-md-6:first-child > .ess_empty_block {
	padding: 10px 0 0 0;
}
.ess_left_inner_row > .col-md-6:last-child > .ess_empty_block {
	padding: 10px 0px 0px 20px;
}
.ess_dashboard_count_2 {
	padding:0 0 0 15px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.ess_dashboard_count_2_heading {
	font-family: 'Open Sans Semi';
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
	border: 1px solid transparent;
	color: #FFF;
	background-color: #59B066;
	font-size: 16px;
}
.ess_dashboard_count_2_block {
	padding:15px;
	text-align:center;
	border: 1px solid transparent;
	border-top: none;
	background-color:#2A6E34;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ess_dashboard_count_2_count {
	font-size: 2.5em;
	padding: 8px;
	color: #FFF;
	border-radius: 3px;
}
.ess_emp_info_row2 {
/* 	background-color:#F5F5F5; */
}
.ess_row2_left {
	padding: 20px 15px 20px 20px;
}
.ess_row2_right {
	padding:10px 5px 0 0;
}
.ess_to_do_list_row {
}
.ess_to_do_list_panel {
	margin-bottom:0;
	background-color: #FFF;
	border: medium none;
	box-shadow: none;
	border-radius: 4px;
}
.ess_to_do_list_title {
	font-family: 'Open Sans Semi';
	background-color: #FFECE7;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_to_do_list_body {
	padding:10px;
	max-height:210px;
	overflow:auto;
	background-color:#FFF;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
ul.ess_to_do_list > li {
	padding:5px 8px;
	border-bottom:1px solid #CCC;
	background-color:#FFF !important;
}
.ess_to_do_list_date {
	display:inline;
	padding:0 5px;
}
.ess_to_do_list_time {
	display:inline;
	font-size:10px;
	color:#999;
	padding-right:5px;
}
.ess_to_do_list_list_task {
	display:inline;
}
.ess_announcement_row {
	padding: 10px 15px 5px;
}
.ess_announcement_panel {
	margin-bottom:2.5%;
	padding: 0;
}
.ess_announcement_title {
	font-family: 'Open Sans Semi';
	font-size:13px;
	font-weight:bold;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color:#FFECE7;
}
.ess_announcement_body {
	padding: 0;
	max-height:200px;
	overflow:auto;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border:1px solid #CCC;
	background-color:#FFF;
	border-top:none;
}
ul.ess_announcement_list > li {
	font-size:12px;
	padding:5px 8px;
	border-bottom:1px solid #CCC;
	background-color:#FFF !important;
}
.ess_announcement_list_item_date {
	/*display:inline;*/ 
padding:0 5px;
	width: 22%;
	float: left;
}
div.ess_announcement_list_item_date:after {
	content:" - ";
	padding: 0 2px 0 2px;
	float:right;
}
.ess_announcement_list_item_text {
	/*display:inline;*/ 
padding:0 5px;
	max-width: 77%;
	float: left;
	text-align: justify;
}
.ess_notice_row {
	padding-top:10px
}
.ess_notice_panel {
	margin-bottom:10px;
}
.ess_notice_title {
	font-family: 'Open Sans Semi';
	background-color:#FFECE7;
	font-size:13px;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_notice_body {
	padding: 0 10px;
	max-height:150px;
	overflow:auto;
	background-color:#FFF;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
ul.ess_notice_list > li {
	font-size:12px;
	padding:5px 8px;
	border-bottom:1px solid #CCC;
	background-color:#FFF !important;
}
.ess_notice_list_item_date {
	/*display:inline;*/ 
padding:0 5px;
	width: 17%;
	float: left;
}
div.ess_notice_list_item_date:after {
	content:" - ";
	padding: 0 0 0 5px;
}
.ess_notice_list_item_text {
	/*display:inline;*/ 
padding:0 5px;
	max-width: 80%;
	float: left;
}
/*ul.ess_notice_list > li > span { font-weight:bold; padding:0 8px;}*/
.ess_myrequest_div {
	padding:0 0 15px 20px;
}
.ess_myrequest_panel {
}
.ess_myrequest_title {
	font-family: 'Open Sans Semi';
	background-color:#FFECE7;
	font-size:13px;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_myrequest_pending_count {
	display: inline-block;
	min-width: 10px;
	padding: 3px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #CC0808;
	border-radius: 0;
	margin-top: 0;
}
.ess_myrequest_approved_count {
	display: inline-block;
	min-width: 10px;
	padding: 3px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #1F9B1C;
	border-radius: 0;
	margin-top: 0;
}
.ess_myrequest_body {
	padding: 0 10px;
	max-height:85px;
	overflow:auto;
	background-color:#FFF;
}
.ess_myrequest_body .table thead tr th {
	border-bottom: 1px solid #DDD;
	line-height: 1.1;
	vertical-align: middle;
	color: #111010;
	text-align: center;
	padding:5px;
	background-color: #FFF;
}
.ess_myrequest_body .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 3px;
	line-height: 1.1;
}
.ess_myrequest_body .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.ess_myrequest_body .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFFDE6;
}
.ess_myrequest_body > table > thead > tr > th, .ess_myrequest_body > table > tbody > tr > td {
	width:4%;
	text-align:center;
}
.ess_myrequest_body > table > thead > tr > th:nth-child(1), .ess_myrequest_body > table > tbody > tr > td:nth-child(1) {
width:45% !important;
text-align:left;
}
.ess_myrequest_body > table > thead > tr > th:nth-child(1) {
text-align:center;
}
.ess_myrequest_body .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_empty_block {
	padding: 10px 15px 0;
	margin-bottom:3%;
}
.ess_empty_block_title {
	font-family: 'Open Sans Semi';
	text-align:left;
	color:#000;
	background-color: #FFECE7;
	font-size: 13px;
	padding: 8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_empty_block_text {
	font-family: 'Open Sans Semi';
	border:1px solid #CCC;
	border-top: none;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:30px 0;
	color:red;
	/*border-radius: 4px;*/
	 margin:0;
	height:80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ess_birthday_div {
	padding: 10px 15px 5px 15px;
}
.ess_birthday_panel {
	margin-bottom:10px;
}
.ess_birthday_title {
	font-family: 'Open Sans Semi';
	background-color:#FFECE7;
	font-size:13px;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_birthday_title > span {
	float:right;
}
.ess_birthday_empty {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.ess_birthday_count {
	display: inline-block;
	min-width: 10px;
	padding: 6px 2px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #CC0909;
	border-radius: 4px;
	margin-top: -5px;
	width:25px;
}
.ess_birthday_body {
	padding:0;
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#FFF !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #CCC;
	border-top:none;
}
ul.ess_birthday_list {
	padding:0;
}
.ess_birthday_list > li:nth-child(2n+1) {
background-color: #F2F2F2;
}
.ess_birthday_list > li:nth-child(2n+2) {
background-color: #FFF;
}
li.ess_birthday_list_item {
	padding:5px 8px;
	border-bottom:1px solid #CCC;
}
.ess_birthday_list_item > .list_item_innr_row > div {
	display:inline;
	vertical-align:middle;
}
.ess_birthday_emp_img {
	margin-right:10px;
	height:auto;
}
.ess_birthday_emp_img > img {
	height:30px;
	width:30px;
}
.ess_birthday_emp_name {
	font-family: 'Open Sans Semi';
	font-size:12px;
	font-weight:bold;
}
.ess_emp_dept {
	font-size:10px;
	font-weight:normal;
	font-family: 'Open Sans';
}
.ess_birthday_emp_status {
	font-size:10px;
	color:#666;
}
.ess_anniversry_div {
	padding: 10px 15px 5px;
}
.ess_anniversry_panel {
	margin-bottom:10px;
}
.ess_anniversry_title {
	font-family: 'Open Sans Semi';
	font-size:13px;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color:#FFECE7;
}
.ess_anniversry_title > span {
	float:right;
}
.ess_anniversry_count {
	display: inline-block;
	min-width: 10px;
	padding: 6px 2px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color:#CC0909;
	border-radius: 4px;
	margin-top: -5px;
	width:25px;
}
.ess_anniversry_body {
	padding:0;
	max-height:210px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#FFF !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border:1px solid #CCC;
	border-top:none;
}
ul.ess_anniversry_list {
	padding:0;
}
ul.ess_anniversry_list > li {
	padding:5px 8px;
	border-bottom:1px solid #CCC;
}
.ess_anniversry_list > li:nth-child(2n+1) {
 background-color: #F2F2F2;
}
.ess_anniversry_list > li:nth-child(2n+2) {
 background-color: #FFF;
}
.ess_anniversry_list_item > .anniversry_list_item_inner_row > div {
	display: inline;
	vertical-align: middle;
}
.ess_anniversry_emp_img {
	margin-right: 10px;
	height: auto;
}
.ess_anniversry_emp_img > img {
	height:30px;
	width:30px;
}
.ess_anniversry_emp_name {
	font-family: 'Open Sans Semi';
	font-size:12px;
	font-weight:bold;
}
.ess_emp_dept1 {
	font-size:10px;
	font-weight:normal;
	font-family: 'Open Sans';
}
.ess_anniversry_emp_status {
	font-size:10px;
	color:#666;
}
.ess_anniversry_list > li:last-child, ul.ess_announcement_list > li:last-child, .ess_birthday_list > li:last-child {
	border-bottom: none;
}
.ess_dsh_sal_row {
}
.ess_dsh_sal_row {
	padding: 7px 15px 5px;
}
.ess_dsh_sal_panel {
	margin-bottom:10px;
}
.ess_dsh_sal_title {
	font-family: 'Open Sans Semi';
	font-size:13px;
	padding:8px 10px;
	border: 1px solid #FFD7CC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color:#FFECE7;
}
.ess_dsh_sal_title > span {
	float:right;
}
/* .ess_anniversry_count{
	display: inline-block;
	min-width: 10px;
	padding: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color:#CC0909;
	border-radius: 0;
	margin-top: -6px;
} */
.ess_dsh_sal_body {
	padding:0 1%;
	height:210px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#FFF !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border:1px solid #CCC;
	border-top:none;
}
.ess_dsh_sal_list {
}
.sal_btn {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	/* 	background-color: #033D4A; */
	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 1.4;
	text-decoration:none;
	margin:10px 0;
}
.sal_btn:hover, .sal_btn:focus, .sal_btn:active, .open>.dropdown-toggle.sal_btn {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #006060;
	text-decoration:none;
}
.essdsh_sal_tbl .table {
	font-size:13px;
}
.essdsh_sal_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
.essdsh_sal_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 6px 5px;
	line-height: 1.1;
	vertical-align:middle;
}
.essdsh_sal_tbl .table-striped > tbody > tr:hover > td {
	background-color: #D6D6D6;
}
.essdsh_sal_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #F2F2F2;
}
.essdsh_sal_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
/************************************************* Working times pages ********************************/

.ess_holiday_list {
}
.ess_holiday_list table caption {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#000;
	font-family: 'Open Sans Semi';
}
.ess_holiday_list .table thead tr th {
	color:#FFF;
	background-color: #007D7D;
	text-align:center;
	border: 1px solid #DDD;
	padding: 5px 5px;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_holiday_list .table thead tr th:nth-child(1), .ess_holiday_list .table tbody tr td:nth-child(1) {
width:8%;
}
.ess_holiday_list .table thead tr th:nth-child(2), .ess_holiday_list .table tbody tr td:nth-child(2) {
width:10%;
}
.ess_holiday_list .table thead tr th:nth-child(3), .ess_holiday_list .table tbody tr td:nth-child(3) {
width:10%;
}
.ess_holiday_list .table thead tr th:nth-child(4), .ess_holiday_list .table tbody tr td:nth-child(4) {
}
.ess_holiday_list .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 7px 6px;
	line-height: 1.1;
}
.ess_holiday_list .table > tbody > tr > td:nth-child(1), .ess_holiday_list .table > tbody > tr > td:nth-child(2), .ess_holiday_list .table > tbody > tr > td:nth-child(3) {
text-align:center;
white-space:nowrap;
}
.ess_holiday_list .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.ess_holiday_list .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #F2F2F2;
}
.ess_holiday_list .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_title_div {
	padding: 6px 5px 6px 0;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
	margin-bottom: 20px;
	position: relative;
}
.ess_emp_title_div {
	/*     border-bottom: 1px solid #CCC; 
   	margin: 20px 0px 15px 0px;
	padding-bottom: 5px; */
	 padding: 6px 5px 6px 0;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
	margin-bottom: 20px;
	position: relative;
}
.ess_list_title_div {
	/*     border-bottom: 1px solid #CCC;
   	margin: 20px 0px 20px 0px; */
	 padding: 6px 5px 6px 1px;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
	margin-bottom: 20px;
	position: relative;
}
.ess_title {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding: 3px 0px 0px 5px;
	text-align: left;
	font-family: 'Open Sans Semi';
}
.ess_title:before {
	font-family:'Glyphicons Halflings';
	/*content:"\e095";*/
	/* content:"\2a"; */
	content:"\e250";
	position:relative;
	top:2px;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	line-height:1;
	padding-right:-2px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
strong {
	font-family: 'Open Sans Semi';
}
.ess_list_title {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding: 2px 0px 0 5px;
	text-align: left;
	font-family: 'Open Sans Semi';
}
.ess_list_title:before {
	font-family:'Glyphicons Halflings';
	/*content:"\e095";*/
	/* content:"\2a"; */
	content:"\e250";
	position:relative;
	top:2px;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	line-height:1;
	padding-right:-2px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.ess_inner_row {
	margin-bottom:1.7%;
}
.ess_inner_row > .form-group > div > label {
	float:right;
	margin-top:4px;
	padding: 0 5px;
}
.ess_inline_label {
	width:16.5%;
	margin-left:3%;
}
.ess_inline_input {
	margin-left: 3%;
}
.ess_inline_label select {
	width:100%;
}
.review_result {
}
#apr_boss_feedback textarea {
	width:80%;
}
.view_org_structure {
	width:100%;
	overflow:auto;
}
/* ************************************ KRA Schedule Review **********************************/
.ess_kra_label_row {
	padding:10px 0;
	margin: 1% 0;
	border-bottom: none;
}
.ess_emp_kra_sr_no {
	float:left;
	width:4%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_emp_kra {
	float:left;
	width:40%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_kra_weight {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_kra_review {
	float:left;
	width:35%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_emp_kra_sr_no p {
	font-family: 'Open Sans Semi';
	font-weight:bold;
	width:98% !important;
	vertical-align:middle;
	margin-top:1%;
}
.ess_emp_kra textarea {
	width:98% !important;
	vertical-align:middle;
	height:65px;
}
.ess_kra_weight input {
	width:80% !important;
	vertical-align:middle;
	margin-top:4px;
	height:65px;
}
.ess_kra_review textarea {
	width:98% !important;
	vertical-align:middle;
	height:65px;
}
/************************************ KRA PERFORMANCE REVIEW *********************************/
.review_result {
}
.ess_kra_label_row {
	/*	border-top:1px solid #CCC;
	border-bottem:1px solid #CCC;*/
	padding:10px 0;
	margin: 1% 0;
}
.ess_emp_kra_srno_edit {
	float:left;
	width:7%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_emp_kra_edit {
	float:left;
	width:40%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_kra_weight_edit {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
	white-space:nowrap;
}
.ess_kra_add_more_edit {
	float:left;
	min-width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_add_new_field a[disabled], .ess_add_new_field[disabled], .ess_add_new_field a[disabled="disabled"], .ess_add_new_field[disabled="disabled"] {
	text-decoration:none;
	cursor:not-allowed !important;
	color:#fff !important;
}
.ess_kra_close_edit div {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
}
.ess_emp_kra_srno_edit p {
	width:98% !important;
	vertical-align:middle;
	font-weight:bold;
	font-family: 'Open Sans Semi';
}
.ess_emp_kra_edit textarea {
	width:98% !important;
	vertical-align:middle;
}
.ess_kra_weight_edit input {
	width:80% !important;
	vertical-align:middle;
	margin-top: 4px;
	height:63px;
}
.ess_emp_kra_edit textarea {
	min-height:63px;
}
.ess_emp_kra_total {
	margin-top:1%;
}
.ess_total_input {
	width: 15.5% !important;
	margin-left: 0;
}
.ess_emp_kra_total input[type="text"] {
	margin-left:1% !important;
}
.ess_total_input input[type="text"] {
	width: 100%;
	margin-left:0;
}
/* ***************************************ESS EMP INFO Performance Appraisal ***************************************/
.ess_emp_review_info {
	padding:10px 3px 10px 15px;
}
.ess_emp_img_div {
	width:9%;
	max-height:90px;
}
.ess_emp_img img {
	width:90px;
	height:90px;
	border: 1px solid #CCC;
}
.ess_img_name {
	text-align:center;
	font-size:12px;
}
.emp_dsh_info_block {
	width:91%;
}
/*.ess_info_label{ width:12%:}
.ess_emp_information{width:20%;}
*/.ess_info_label {
	width:12%;
}
.ess_info_label_2 {
	width:11%;
}
.ess_info_label_3 {
	width:11%;
}
.ess_emp_information {
	width:15%;
}
.ess_emp_information_2 {
	width:28%;
}
.ess_emp_information_3 {
	width:23%;
}
.ess_emp_review_info label {
	float:right;
}
.ess_emp_review_info label:after {
	content:":";
	padding:0 8px;
}
.ess_label {
	width:14%;
}
.lerge_value {
	white-space:normal;
}
.ess_emp_review_info_2 {
	font-size:12px;
	padding:15px 3px 0 15px;
}
.ess_emp_review_info_2 p:before {
	content:":";
	padding:0 5px;
	font-weight:bold;
}
.ess_emp_img_2_div {
	width:6%;
}
.review_info_2_label {
	width:auto;
	text-align:right;
	font-weight:bold;
	padding-left:2%;
	font-family: 'Open Sans Semi';
}
.review_info_2_label label {
	font-family: 'Open Sans Semi';
	font-weight:600 !important;
	white-space:nowrap;
}
.review_info_2_text {
	width:auto;
}
.ess_emp_img_2 img {
	width:50px;
	height:50px;
	border-radius: 1px;
	margin-top:-15px;
}
.ess_img_name_2 {
	text-align:center;
	font-size:12px;
}
.ess_holiday_list {
	width:95%;
	padding:0 5%;
}
/* **************** Attendance  Report *************************************/
.ess_attendance_report_div {
	padding-left:3%;
}
/* **************** Attendance Views  Report *************************************/


.attendance_month_Calender_table1 {
	padding:0;
}
.attendance_month_Calender_table1 table caption {
	font-family: 'Open Sans Semi';
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding: 5px 5px;
	background-color: #007D7D !important;
}
.month_year_block label {
	vertical-align:middle;
}
.month_year_block select {
	vertical-align:middle;
}
.month_year_block label {
	display:inline-block;
}
.attendance_month_Calender_table1 table caption select {
	color:#333;
}
.attendance_month_Calender_table1 table tbody tr td {
	border: 1px solid #DDD;
	padding:5px;
	line-height: 1.5;
	height:80px;
	width:80px;
	border:2px solid #CCC;
}
.attendance_month_Calender_table1 > table > tbody > tr > td:hover {
	background-color: #D6D6D6;
}
/* Table 2*/

.attendance_month_Calender_table2 {
	padding:0 0 0 5%;
}
.attendance_month_Calender_table2 table caption {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding: 8px 5px;
	background-color:#33BEFF !important;
}
.attendance_month_Calender_table2 table thead th {
	border: 1px solid #DDD;
	padding:6px;
	line-height: 1.5;
	border:1px solid #CCC;
	text-align:center;
	background-color: #007D7D;
	color:#FFF;
}
.attendance_month_Calender_table2 table tbody tr td {
	border: 1px solid #DDD;
	padding:5px;
	line-height: 1.5;
	border:1px solid #CCC;
}
.attendance_month_Calender_table2 table tbody tr td:nth-child(2) {
 text-align:center;
}
 .attendance_month_Calender_table2 > table > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.attendance_month_Calender_table2 > table > tbody > tr:nth-child(2n+2) {
background-color: #F2F2F2;
}
.attendance_month_Calender_table2 > table > tbody > tr:hover {
	background-color: #D6D6D6;
}
.calender_date {
	vertical-align:text-top;
	text-align:right !important;
	padding:0 3% 0 0;
}
td > .calender_date label {
	font-family: 'Open Sans Semi';
	font-weight:bold!important;
}
td > .calender_date {
	font-family: 'Open Sans Semi';
	font-weight:bold;
}
div.attendance_status {
	font-family: 'Open Sans Semi';
	text-align:left;
	vertical-align:text-bottom;
	font-weight:bold;
	padding:15% 0 1% 3%;
}
.P {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #209320;
}
.A {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #D5002B;
}
.H {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #a923c6;
}
.F {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #F56800;
}
.T {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #0493E1;
}
.N {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #08315A;
}
.TM {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color:#930202;
}
.L {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #0493E1;
}
.WO {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #08315A;
}
.HD {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color:#930202;
}
.NA {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color:red;
	font-family: 'Open Sans Semi';
}
/**************************************Performance Appreaisal******************************/
.tab-pane {
	padding-top:15px;
}
.ess_pa_tab > ul.nav {
	padding-left:10px;
}
/* .td > strong{margin-left:15px;} */
.tab-pane label, .tab-content label {
	margin-left:2px;
}
.td > textarea {
	width: 71%;
	margin-left: 2px;
}
.ess_pa_tab > .nav > li > a {
	margin: 0px;
	background-color: #007D7D;
	color: #fff;
	padding:8px 15px;
}
.ess_pa_tab > .nav > li {
	margin-right:5px;
}
.ess_pa_tab > .nav > li > a:hover {
	background-color: #006060;
	border-color: #006060 #006060 #006060;
}
.ess_pa_tab > .nav-tabs > li.active > a, .ess_pa_tab > .nav-tabs > li.active > a:hover, .ess_pa_tab > .nav-tabs > li.active > a:focus {
	background-color: #006060;
	color: #fff;
	border-color: #006060 #006060 #006060;
}
.appraisal_dashboard_schedule {
	border:1px solid #F03;
	min-height:140px;
}
.appraisal_dashboard_schedule_title {
	font-family: 'Open Sans Semi';
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #F03;
}
.appraisal_dashboard_schedule p {
	margin-bottom:0;
	padding-left: 2px;
}
.appraisal_dashboard_schedule_heading > .col-lg-6 > p:nth-child(1), .appraisal_dashboard_schedule_content > .row > .col-lg-6 > p:nth-child(1) {
padding-left:15px;
}
.appraisal_dashboard_task {
	padding:0;
	border:1px solid #F03;
	margin-left:15px;
	min-height:140px;
}
.appraisal_dashboard_task_title {
	font-family: 'Open Sans Semi';
	border-bottom:1px solid #F03;
	text-align:left;
	font-weight:bold;
	padding:5px;
}
.appraisal_dashboard_task p {
	margin-bottom:0;
	padding-left: 2px;
}
.appraisal_dashboard_schedule_heading > .col-lg-8 > p:nth-child(1), .appraisal_dashboard_task_content > .row > .col-lg-8 > p:nth-child(1) {
padding-left:15px;
}
.ess_prof_skills_table3 input {
	width:98% !important;
	line-height:1.4;
	vertical-align:middle;
}
.ess_thead_sublabel {
	display: block;
	margin-top:3px;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.ess_inline_sublabel {
	margin-top:3px;
	color: #000;
	font-size: 10px;
}
.ess_perform_emp_detail {
	border:1px solid #CCC;
}
.kra_kpi_selectbox select {
}
.ess_perform_emp_detail1 img {
	margin:5px;
	width:90px;
	height:90px;
}
.ess_perform_emp_detail2 {
	border-right:1px solid #CCC;
}
.appraisal_dashboard_table table caption {
	font-size:16px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.appraisal_dashboard_table table thead tr th {
	color:#FFF;
	background-color:#2980B9;
	text-align:center;
	padding:5px 5px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.appraisal_dashboard_table {
	padding:1%;
}
.appraisal_dashboard_table table tbody tr td {
	padding:8px 5px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.appraisal_dashboard_table .table-striped > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.appraisal_dashboard_table .table-striped > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.appraisal_dashboard_table .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_prof_skills_table3 {
	padding:10px;
}
.ess_prof_skills_table3 table caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	padding-left: 10px;
	background-color: #CEBE9B !important;
}
.ess_prof_skills_table3 .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 3px;
	background-color: #007D7D;
}
.ess_prof_skills_table3 .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	text-align:center;
	vertical-align:middle;
}
.ess_prof_skills_table3 .table > thead > tr > th, .ess_prof_skills_table3 .table > tbody > tr > td {
	width:10%;
	vertical-align:middle;
}

/* .ess_prof_skills_table3 .table > tbody > tr > td:nth-child(1){ width:5%; } */
.ess_prof_skills_table3 .table > thead > tr > th:nth-child(1) {
width:50%;
vertical-align:middle;
}
.ess_prof_skills_table3 .table > tbody > tr > td:nth-child(1) {
width:50%;
vertical-align:middle;
text-align:left;
height: 30px;
padding:0 5px;
}
.ess_prof_skills_table3 .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #F2F2F2;
}
.ess_prof_skills_table3 .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.ess_prof_skills_table3 .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
tr.ess_skills_avg_rate_percent {
	text-align:right;
}
 .ess_skills_avg_rate_total > td:nth-child(1) {
text-align:right !important;
font-weight: bold;
font-family: 'Open Sans Semi';
}
 .ess_skills_avg_rate_percent > td:nth-child(1) {
text-align:right !important;
font-weight: bold;
font-family: 'Open Sans Semi';
}
.ess_prof_skills_table3 input[type="text"], .ess_prof_skills_table3 input[type="text"][disabled], .ess_prof_skills_table3 input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	text-align:center;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.ess_prof_skills_table3 input[type="text"], .ess_prof_skills_table3 input[type="text"][disabled], .ess_prof_skills_table3 input[type="text"][readonly] {
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
/* KRA KPI  TAB TABLE */
.ess_emp_kra_kpi_appraisal {
	padding: 1% 1% 1% 0;
}
/* .ess_kra_kpi_table1 label{ text-align:center; padding:10%; float:none;}
.ess_kra_kpi_table1 input[type="text"]{ width:95% !important; height:64px; margin-top: 4px;}
.ess_kra_kpi_table1 textarea{ width:95% !important; height:64px; margin-top: 4px;}
.ess_kra_kpi_table1 input[type="radio"]{ vertical-align:middle; }
.ess_kra_kpi_table1 textarea {width:99% !important;} */

/*.ess_kra_kpi_table1 label{ text-align:center; padding:10%; float:none;}*/
.ess_kra_kpi_table1 input[type="text"] {
	height:64px;
	margin-top: 0px;
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	text-align: center;
}
.ess_kra_kpi_table1 select {
	width:100%;
	margin-left:0 !important;
}
.ess_kra_kpi_table1 textarea, .ess_kra_kpi_table1 textarea[readonly] .ess_kra_kpi_table1 textarea[disabled], .ess_kra_kpi_table1 textarea.valid {
	width:100% !important;
	height:64px;
	margin-top: 0px;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	padding:5px;
}
.ess_kra_kpi_table1 textarea.valid {
	padding:5px !important;
}
.ess_kra_kpi_table1 input[type="radio"] {
	vertical-align:middle;
}
.ess_kra_kpi_table1 table caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	padding-left: 10px;
	background-color: #CEBE9B !important;
}
.ess_kra_kpi_table1 .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px;
	background-color: #007D7D;
}
.ess_kra_kpi_table1 .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding:0;
	line-height: 1.1;
	text-align:center;
	vertical-align:middle;
}
.ess_kra_kpi_table1 .table-striped > tbody > tr > td {
	background-color: #FFF;
}
.ess_kra_kpi_table1 .table-striped > tbody > tr:hover > td {
	background-color: #D6D6D6;
}
.ess_kra_kpi_table1 .table > thead > tr > th, .ess_kra_kpi_table1 .table > tbody > tr > td {
	width:11%;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:last-child {
min-width: 149px;
}
/*.ess_kra_kpi_table1 .table > thead > tr > th:nth-child(1), .ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(1){ width:20% !important;}
.ess_kra_kpi_table1 .table > thead > tr > th:nth-child(5), .ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(5){ width:20% !important;}
.ess_kra_kpi_table1 .table > thead > tr > th:nth-child(4), .ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(4){ width:20% !important;}
*/ 
  
 .ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(1) {
width:20% !important;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(2) {
width:9% !important;
background-color: #EAEAEA;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(3) {
width:9% !important;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(2) input, .emp_appraisal_table1 .table > tbody > tr > td:nth-child(3) input {
text-align:center;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(4) {
width:15% !important;
vertical-align:top;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(5) {
width:15% !important;
vertical-align:top;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(6) {
width:15% !important;
vertical-align:top;
}
.ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(7) {
width:15% !important;
padding:1px;
}
.ess_kra_kpi_table1 .table {
	width:1500px;
	max-width:1500px;
}
.ess_kra_kpi_table1_row {
	overflow:auto;
}
.ess_strength_improvements > .form-group > div.col-lg-5 > textarea {
	width:95% !important;
	margin-left:15px;
}
.ess_strength_improvements p {
	font-family: 'Open Sans Semi';
	float:none;
	text-align:center !important;
	font-weight:bold !important;
}
/* **************************** Review KRA OF Employee ***************************/

.appraisal_schedule_table1 table caption {
	font-size:16px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.appraisal_schedule_table1 table thead tr th {
	color:#FFF;
	background-color: #007D7D;
	text-align:center;
	padding:3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.appraisal_schedule_table1 {
	padding:1%;
}
.appraisal_schedule_table1 table tbody tr td {
	padding:8px 5px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.appraisal_schedule_table1 .table-striped > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.appraisal_schedule_table1 .table-striped > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.appraisal_schedule_table1 .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
/* ****************************** Attedence List Page *****************************************/
.ess_pendind_leave_badge {
}
.ess_pendind_leave_badge {
	display: inline-block;
	padding: 4px 9px;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	min-width: 26px;
	height: 22px;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #007D7D;
	border-radius: 10px;
	margin-top:5px;
	margin-left:5px;
}
.ess_emp_detail {
}
.ess_emp_detail_inner_row {
	margin-bottom:1.7%;
	border-bottom: 1px solid #CCC;
}
.ess_emp_detail1 img {
	width:90px;
	height:90px;
	float:left;
	margin:5px 0 0 5px;
}
.ess_emp_detail1 {
	min-height:108px;
	border-left:none;
}
.ess_emp_detail2 {
	border-left:none;
	border-right:none;
	min-height:108px;
}
.ess_emp_detail3 {
	border: 1px solid #CCC;
	width: auto;
	padding: 1% 3.3% 5%;
	border-left:none;
	text-align: center;
	min-height:108px;
}
dl {
	margin: 0 !important;
	float: left;
}
.dl-horizontal dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
dt {
	font-weight: normal !important;
}
dt, dd {
	line-height: 1.42857;
	padding: 5px 0 !important;
}
.ess_emp_detail1, .ess_emp_detail2 {
	border: none;
}
.ess_emp_detail1 .dl-horizontal {
	max-width:78%;
}
.ess_emp_detail > .ess_inner_row:first-child {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-left: 0px;
}
.ess_emp_detail1 {
	border-right: 1px solid #CCC;
}
.essmedi_clm_tbl_row > .ess_add_row {
	padding: 0px 10px 0px 10px;
}
.leave_tab > ul > li > a {   /* padding: 5px 5px; */
}
.leave_tab > ul > li.active > a, .leave_tab > ul > li.active > a:hover, .leave_tab > ul > li.active > a:focus {
	font-family: 'Open Sans Semi';
	outline:none;
}
.ess_emp_leave_table table caption {
	font-size:14px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.ess_leave_count {
	margin:0;
	text-align: right;
	float: none !important;
}
.ess_leave_count > li:nth-child(2) {
padding: 6px 20px;
border-radius: 4px;
background-color: #007D7D;
color: #FFF;
margin: 5px;
text-align: center;
min-width: 30px;
}
.ess_leave_count > li:nth-child(4) {
padding: 6px 20px;
border-radius: 4px;
background-color: #007D7D;
color: #FFF;
margin: 5px;
text-align:center;
min-width: 30px;
}
.ess_emp_leave_table table thead tr th {
	color:#FFF;
	/* background-color:#2980B9;*/
	background-color: #007D7D;
	text-align:center;
	padding:5px 3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_emp_leave_table table tbody tr td {
	padding:10px 3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
	text-align:center;
}
.ess_emp_leave_table .table-striped > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.ess_emp_leave_table .table-striped > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.ess_emp_leave_table .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_emp_leave_table table thead tr th, .ess_emp_leave_table table tbody tr td {
	white-space: nowrap;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(6) {
background-color: #EAEAEA;
}
/* *********************************** Common table class ******************************/
.ess_tbl thead tr th {
	color:#FFF;
	background-color:#2980B9;
	text-align:center;
	padding:3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_tbl table tbody tr td {
	padding:3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_tbl > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.ess_tbl > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.ess_tbl tbody > tr:hover {
	background-color: #D6D6D6;
}
/***************************** Personal Folder *****************************/
.ess_emp_datails {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.ess_emp_datails1 {
	border-right:1px solid #CCC;
}
.ess_emp_datails2 {
	border-right:1px solid #CCC;
}
.ess_emp_datails dl {
	margin: 0 !important;
	float: left;
}
.ess_emp_datails .dl-horizontal dt {
	float: left;
	width: 140px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ess_emp_datails .dl-horizontal dd {
	margin-left: 150px;
}
.ess_emp_datails dt {
	font-weight: normal !important;
}
.ess_emp_datails dt, dd {
	line-height: 1.42857;
	padding: 5px 0 5px 5px !important;
}
.ess_emp_datails3 dl {
	margin: 0 !important;
	float: left;
}
.ess_emp_datails3 .dl-horizontal dt {
	float: left;
	width: 70px !important;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ess_emp_datails3 .dl-horizontal dd {
	margin-left: 80px;
}
.ess_emp_datails3 dt {
	font-weight: normal !important;
}
.ess_emp_datails3 dt, dd {
	line-height: 1.42857;
	padding: 5px 0 5px 5px !important;
}
.total_pay_amt_row label {
	font-weight: bold !important;
	font-family: 'Open Sans Semi';
}
.amt_label {
}
.amt_value {
}
.ess_letter_div {
	font-size: 16px;
	padding: 5px 15px;
	line-height: 2.5;
	vertical-align: middle;
}
.ess_letter_div, .ess_letter_div p, .ess_letter_div span, .ess_letter_div div {
	font-family: 'Open Sans' !important;
}
.ess_emp_payslip_table1 {
	padding:1%;
}
.ess_emp_payslip_table1 table caption {
	font-size:16px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.ess_emp_payslip_table1 table thead tr th {
	color:#FFF;
	background-color: #007D7D;
	text-align:center;
	padding:5px 5px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_emp_payslip_table1 table tbody tr td {
	padding:7px 5px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_emp_payslip_table1 .table-striped > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.ess_emp_payslip_table1 .table-striped > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.ess_emp_payslip_table1 .table-striped > tbody > tr > td:nth-child(1) {
width:50%;
}
.ess_emp_payslip_table1 .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_emp_payslip_table1 .table-striped > tbody > tr > td:nth-child(2), .ess_emp_payslip_table1 .table-striped > tbody > tr > td:nth-child(3) {
text-align:center;
}
.ess_emp_payslip_div {
}
/* ************************************************** ESS EMP YTD REPORT *****************************/
 .ess_pay_ytd_table1 {
	padding:0 5px;
}
.ess_pay_ytd_table1 table caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	padding-left: 10px;
	background-color: #CEBE9B !important;
}
.ess_pay_ytd_table1 .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align: middle;
	color: #111010;
	text-align: center;
	padding: 10px 3px;
	background-color: #F5F1EA;
}
.ess_pay_ytd_table1 .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 7px 3px;
	line-height: 1.1;
	text-align:center;
	white-space:nowrap;
}
div.ess_pay_ytd_table1 > table > tbody > tr > td:nth-child(1) {
text-align:left;
}
div.ess_pay_ytd_table1 > div > table > tbody > tr > td:nth-child(1) {
text-align:left;
}
div.ess_pay_ytd_table1 > div > table > tbody > tr:last-child > td:first-child {
	text-align:center;
}
.ess_pay_ytd_table1 .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.ess_pay_ytd_table1 .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #F2F2F2;
}
.ess_pay_ytd_table1 .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_pay_ytd_table1 > .table-striped > tbody > tr.ess_earning_heading > td {
	background-color:#33BEFF !important;
	padding: 10px 0 !important;
	color:#FFF;
	padding:10px !important;
}
.ess_pay_ytd_table1 > .table-striped > tbody > tr.ess_deduction_heading > td {
	background-color:#33BEFF !important;
	color:#FFF;
	padding:10px !important;
}
.ess_pay_ytd_table1 > .table-striped > tbody > tr.ess_earning_total > td {
	background-color: #D5CEB4;
	padding: 10px 0 !important;
	font-weight:bold !important;
	font-family: 'Open Sans Semi';
}
.ess_pay_ytd_table1 > .table-striped > tbody > tr.ess_deduction_total > td {
	background-color: #D5CEB4 !important;
	padding: 10px 0 !important;
	font-weight:bold !important;
	font-family: 'Open Sans Semi';
}
/*   .ess_pay_ytd_table1 > table > thead > tr > th, .ess_pay_ytd_table1 > table > tbody > tr > td{ width:6%;} */

  .ess_pay_ytd_table1 > table > tbody > tr.ess_total_net_pay > td {
	width:6%;
	background-color: #CEBE9B;
	font-weight:bold;
	font-family: 'Open Sans Semi';
	padding:10px 0;
}
 .ess_total_net_pay > td:nth-child(1) {
}
.ess_erning_tbl_row > td, .ess_deduction_tbl_row > td, .ess_total_net_pay > td {
	background-color: #CEBE9B !important;
	border: medium none !important;
	font-weight: bold;
	font-family: "Open Sans Semi";
	color: #FFF;
	padding:5px 3px;
}
.ess_earning_total > td, .ess_deduction_total > td {
	font-weight: bold;
	font-family: "Open Sans Semi";
}
/* ***********************************Payroll Module ************************************************/
.ess_assignltr_div {
	height:500px;
	overflow-y:auto;
	overflow-x:hidden;
}
.ess_compliance_table1 {
	padding: 1%;
	overflow: auto;
	height: 280px;
}
.table_header {
	background-color: #007D7D;
	color:#FFF;
	margin:0 3px;
	margin-bottom:2%;
}
caption {
	font-family: 'Open Sans Semi';
}
.ess_compliance_table1 table caption {
	font-size:16px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.ess_compliance_table1 table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	padding:3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_compliance_table1 table tbody tr td {
	padding:3px;
	border: 1px solid #DDD;
	line-height: 1.1;
	vertical-align:middle;
}
.ess_compliance_table1 .table-striped > tbody > tr:nth-child(2n+1) {
 background-color: #FFF;
}
.ess_compliance_table1 .table-striped > tbody > tr:nth-child(2n+2) {
 background-color: #F2F2F2;
}
.ess_compliance_table1 .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
/* ********************************** Transport Module**********************************************/

.domestic_transport_detail {
	border:1px solid #CCC;
	padding-top:1%;
}
.ess_tr_srno {
	float:left;
	width:5%;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	margin-top: 0;
}
.ess_tr_date {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_from_city {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_to_city {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_mode {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_accommodation {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_status {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_subtitle p {
	margin-bottom:0;
}
.ess_tr_srno p {
	vertical-align:middle;
	margin-bottom:5px;
}
.ess_tr_date input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_from_city input, .ess_tr_from_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_to_city input, .ess_tr_to_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_mode input, .ess_tr_mode select {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_accommodation input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_status input {
	width:98% !important;
	vertical-align:middle;
}
.ess_transport_label_row .close_icon, .ess_edu_input_row .close_icon {
	margin: 8px 5px 0px 0px;
}
/* ********************************** Reimbursement form**********************************************/
.ess_reimbes_bill_view > img {
	display:block;
	max-width:100%;
	height:auto;
}
.ess_reimbursement_label_row {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.ess_reimburse_srno {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	margin-top: 0;
}
.ess_reimburse_date_to {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_date_from {
	float:left;
	width:11%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_days {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_city {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_biil {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_amount {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_upload {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_reimburse_srno p {
	vertical-align:middle;
	margin-bottom:5px;
}
.ess_reimburse_date_to input {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_date_from input {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_days input {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_city select, .ess_reimburse_city input {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_biil input, .ess_reimburse_biil select {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_amount input {
	width:98% !important;
	vertical-align:middle;
}
.ess_reimburse_upload input {
	width:98% !important;
	vertical-align:middle;
}
/* ********************************** International form**********************************************/
/* ********************************** International form**********************************************/

.ess_international_label_row {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.ess_international_srno {
	float:left;
	width:3%;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	margin-top: 0;
}
.ess_international_date {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_from_city {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_to_city {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_mode {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_country {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_accommodation {
	float:left;
	width:22%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_status {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_international_srno p {
	vertical-align:middle;
	margin-bottom:5px;
}
.ess_international_date input {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_from_city input, .ess_international_from_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_to_city input, .ess_international_to_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_mode input, .ess_international_mode select {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_country input, .ess_international_country select {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_accommodation input {
	width:98% !important;
	vertical-align:middle;
}
.ess_international_status input {
	width:98% !important;
	vertical-align:middle;
}
/* ********************************** International Family Details**********************************************/
.internation_trans_family_info {
	width:100%;
	overflow:auto;
}
.internation_trans_family_info_inner_block {
	width:1750px
}
.ess_international_label_row2 {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.ess_family_srno {
	float:left;
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	margin-top: 0;
}
.ess_family_name {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_age {
	float:left;
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_tr_date {
	float:left;
	width:100px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_to_country {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_from_city {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_to_city {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_relation {
	float:left;
	width:150px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_passport {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_mobile {
	float:left;
	width:150px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_status {
	float:left;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_family_srno p {
	vertical-align:middle;
	margin-bottom:5px;
}
.ess_family_name input {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_age input {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_tr_date input {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_to_country input, .ess_family_to_country select {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_from_city input, .ess_family_from_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_to_city input, .ess_family_to_city select {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_relation input, .ess_family_relation select {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_passport input {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_mobile input {
	width:98% !important;
	vertical-align:middle;
}
.ess_family_status input {
	width:98% !important;
	vertical-align:middle;
}
/************************************ Employee Education info **********************************/

.ess_edu_label_row {
	padding:10px 0;
	margin-bottom: 3%;
	width: 100%;
	overflow: auto;
	max-height: 300px;
}
.edu_info_inner_block, .career_inner_block, .ess_subtitle ess_cors_name, .training_detail_inner_block, .course_detail_inner_block {
	width:1400px;
}
/*.edu_info_inner_block .ess_subtitle p{ vertical-align:middle;}*/
.ess_edu_exam {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_college {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_board {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_dur {
	float:left;
	width:9%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_dur p {
	margin-bottom:5px;
	margin-top:-5px;
}
.ess_edu_pass {
	float:left;
	width:9%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_branch {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_grade {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_edu_exam select {
	width:98% !important;
	vertical-align:middle;
}
.ess_edu_college input {
	width:98% !important;
	vertical-align:middle;
}
.ess_edu_board input {
	width:98% !important;
	vertical-align:middle;
}
.ess_edu_dur select {
	width:98%;
	vertical-align:middle;
}
.ess_edu_pass select {
	width:98%;
	vertical-align:middle;
}
.ess_edu_branch input {
	width:98% !important;
	vertical-align:middle;
}
.ess_edu_grade input {
	width:98% !important;
	vertical-align:middle;
}
/***************************** ESS Emp career Form***************************************/

.ess_cer_emp {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_desg {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_dept {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_work {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_work p {
	margin-bottom:5px;
}
.ess_cer_location {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_salary {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_reason {
	float:left;
	width:17%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cer_emp input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_desg input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_dept input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_work input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_location input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_salary input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cer_reason input {
	width:98% !important;
	vertical-align:middle;
}
/****************************** family Details ***************************/
.ess_fam_name {
	float:left;
	width:25%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_fam_age {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_fam_rel {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_fam_occu {
	float:left;
	width:25%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_fam_dob {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_fam_name input {
	width:98% !important;
	vertical-align:middle;
}
.ess_fam_age input {
	width:98% !important;
	vertical-align:middle;
}
.ess_fam_rel select {
	width:98% !important;
	vertical-align:middle;
}
.ess_fam_occu input {
	width:98% !important;
	vertical-align:middle;
}
.ess_fam_dob input {
	width:98% !important;
	vertical-align:middle;
}
/********************* other Details Course info ***************************/
.ess_cors_name {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_insti {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_dur {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_complet {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_location {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_type {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_remark {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_cors_name input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_insti input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_dur input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_complet input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_location input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_type input {
	width:98% !important;
	vertical-align:middle;
}
.ess_cors_remark input {
	width:98% !important;
	;
	vertical-align:middle;
}
/********************* other Details Training info ***************************/
.ess_tr_org {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_prog {
	float:left;
	width:16%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_insti {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_location {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_dur {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_type {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_remark {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_tr_org input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_prog input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_insti input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_location input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_dur input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_type input {
	width:98% !important;
	vertical-align:middle;
}
.ess_tr_remark input {
	width:98% !important;
	vertical-align:middle;
}
/********************* other Details Refrence info ***************************/
.language_info, .reference_info, .training_info, .course_info {
	border:1px solid #CCC;
	margin-bottom:2%;
	padding-top:1%;
}
.ess_ref_name {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_occu {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_ind {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_location {
	float:left;
	width:15%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_email {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_mob {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_ref_name input {
	width:98% !important;
	vertical-align:middle;
}
.ess_ref_occu input {
	width:98% !important;
	vertical-align:middle;
}
.ess_ref_ind input {
	width:98% !important;
	vertical-align:middle;
}
.ess_ref_location input {
	width:98% !important;
	vertical-align:middle;
}
.ess_ref_email input {
	width:98% !important;
	vertical-align:middle;
}
.ess_ref_mob input {
	width:98% !important;
	vertical-align:middle;
}
/********************* other Details Lanhuage  ***************************/
.ess_language {
	float:left;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_lang_read {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_lang_write {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_lang_speak {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_language input {
	width:98% !important;
	vertical-align:middle;
}
.ess_lang_read input {
	vertical-align:middle;
}
.ess_lang_write input {
	vertical-align:middle;
}
.ess_lang_speak input {
	vertical-align:middle;
}
/* ******************************************** Login Page ************************************************/
.login_main_header {
	border-bottom:2px solid #B20000;
}
.ess_login_text_logo {
	margin: 12px 0px 0px 10px;
	padding: 13px 5px 10px 1px;
	width: auto;
}
.ess_login_text_logo > p {
	font-size: 34px;
	color: #333;
	text-align: center;
}
.ess_login_container {
	background-color:#FFF;
}
.login_welcome_img {
	padding:0 5px;
}
.login_welcome_img img {
	height: 296px;
	max-width: 100%;
	display: block;
}
.ess_emp_login_row_1 {
	padding: 4% 1%;
}
.login_row_1_block_2 {
	padding: 0px 40px 0 80px;
}
.login_row_1_block_3 {
	padding: 0 5% 0 3%;
}
.block_2_content {
	padding:0 15px 0 0;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.block_2_content_heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
	border: 1px solid #CCC;
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
.block_2_content_body {
	padding:5px 15px;
	border: 1px solid #CCC;
	border-top: none;
	background-color: #F3F3F3;
}
.block_2_content_count {
	font-size: 2.5em;
	padding: 8px;
	color: #666;
	border-radius: 3px;
}
ul.block_2_content_list {
	list-style:square;
	padding: 0 7px;
}
ul.block_2_content_list > li {
}
.ess_emp_login_row_2 {
	padding:2% 0 0 0;
}
.row_2_block {
	padding:0 15px 0 0;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.row_2_block_heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
	border: 1px solid #CCC;
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
.row_2_block_body {
	padding: 10px 17px;
	border: 1px solid #CCC;
	border-top: none;
	background-color: #F3F3F3;
}
.row_2_block_count {
	font-size: 2.5em;
	padding: 8px;
	color: #666;
	border-radius: 3px;
}
ul.row_2_block_list {
	list-style:square;
}
ul.block_2_content_list > li {
	padding: 11px 0px;
}
.ess_login_error_div {
	position:relative;
}
.ess_login_error_mgs {
	position:absolute;
	color: #FF1F00;
	font-size: 12px;
	left: 15px;
	top: -10px;
}
.ess_login_error_mgs > p {
	color: #FF1F00;
	font-size: 12px;
	text-align:center;
}
.ess_login_btn {
	color: #FFF;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-color: #033D4A;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	margin: 15px 0px 10px 4px;
	padding: 7px 30px;
 -webkit-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
}
.ess_login_btn:hover, .ess_login_btn:focus, .login_btn:active, .ess_login_btn.active, .open>.dropdown-toggle.ess_login_btn {
	color:#fff;
	background-color: #930202;
}
.ess_login_cancel {
	color:#282828;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	border-radius: 4px;
	background-color:#DBDBDB;
	padding: 5px 15px;
	margin: 15px 0px 10px 10px;
	border: 1px solid #DBDBDB;
}
.ess_login_cancel:hover, .ess_login_cancel:focus, .ess_login_cancel:active, .ess_login_cancel.active, .open>.dropdown-toggle.ess_login_cancel {
	background: none repeat scroll 0% 0% #CDCCCC;
	outline: 0px none;
}
.ess_login_main_header {
	padding:10px 0 0 0;
	background-color:#FFF;
}
.ess_login_div {
	vertical-align: middle;
	border-radius: 4px;
	border: 1px solid #CCC;
	margin: 0% auto;
}
.ess_login_block_header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ess_login_block_header_img {
	width:35%;
	float:left;
}
.ess_login_clovkheader_img img {
	height:40px;
	width:100%;
	float:left;
}
.ess_login_block_header_text {
	text-align:center;
	padding:7px;
}
.ess_login_block_header_text p {
	margin: 0px;
	font-size: 14px;
	padding: 10px 0px;
	color: #7E7A7A;
	font-weight: bold;
}
.ess_login_label {
	color:#666;
	padding: 10px 0;
}
.ess_login_label > label {
	color:#666;
	font-size:14px !important;
	margin-top: 1px;
}
.ess_login_input {
	color:#666;
	padding: 10px 5px;
}
.ess_login_input > input[type="text"], .ess_login_input > input[type="password"] {
	float:left;
	margin:0 !important;
	width: 85%;
}
.ess_login_content_link_row {
	padding: 10px 0;
}
.ess_login_content_links {
	text-align:center;
	padding: 0 5px;
}
.ess_login_content_links > a {
	text-decoration:none;
}
.ess_login_buttons {
	text-align:center;
}
.ess_login_buttons > button {
}
.ess_login_buttons > a {
	text-decoration:none;
	padding-top:38px;
	vertical-align:middle;
}
.ess_login_footer {
	padding:10px 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ess_login_footer_block1 {
	float:left;
}
.ess_login_footer_social_icon {
	padding:5px 10px;
}
.ess_login_footer_social_icon > ul > li > a {
	opacity:0.8;
}
.ess_login_footer_social_icon > ul > li > a > img {
	height:20px;
	width:20px;
}
.ess_login_footer_social_icon > ul > li > a:hover {
	opacity:1;
}
.ess_login_footer_social_icon > ul > li > a:hover, .ess_login_footer_social_icon > ul > li > a:focus, .ess_login_footer_social_icon > ul > li > a:active, .ess_login_footer_social_icon > ul > li > a.active, .open>.dropdown-toggle, .ess_login_footer_social_icon > ul > li > a {
	opacity:1;
}
.ess_facebook_badge {
	font-size:14px;
	padding: 3px 6px 4px;
	background-color: #0399FE !important;
	color: #FFF;
	border-radius: 4px;
}
.ess_google_badge {
	font-size:14px;
	padding: 3px 8px 4px;
	background-color: #C00 !important;
	color: #FFF;
	border-radius: 4px;
}
.ess_twiter_badge {
	font-size:14px;
	padding: 3px 6px 4px;
	background-color: #00ACEE !important;
	color: #FFF;
	border-radius: 4px;
}
.ess_login_main_footer {
	position: fixed;
	clear: both;
	width: 100%;
	bottom: 0;
	border: none;
	padding: 13px 0 0 0;
	text-align: center;
	color: #FFF;
	padding:5px 0;
	background-color: #C50404;
}
.ess_main_login_footer_link a {
	text-decoration:none;
	color:#FFF;
}
.login_left_side_panel {
}
.ess_login_content {
	padding: 11px 0px;
}
.ess_fpwd_content {
	padding: 36px 0px;
}
.ess_send_btn {
	color: #FFF;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-color:#007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	margin: 15px 0px 10px 4px;
	padding: 5px 19px;
	transition: all 0.2s ease-in-out 0s;
}
.ess_login_footer_block {
	padding-top:4%;
}
.block_footer_list {
	text-align:center;
	border-top:1px solid #CCC;
}
.block_footer_list {
	padding:8px;
}
.block_footer_list > ul > li > a > img {
	height:20px;
	width:20px;
}
.ess_login_main_footer_2 {
	position: fixed;
	clear: both;
	width: 100%;
	height: 30px;
	bottom:0;
	border: medium none;
	padding: 13px 0px 0px;
	text-align: center;
	color: #FFF;
	background-color: #517FA4;
	padding: 5px 4px 0 4px;
}
.ess_login_main_footer_2 a {
	color:#FFF;
	text-decoration:none;
}
.ess_login_footer_list_link {
	padding:0;
	vertical-align:middle;
}
.ess_login_footer_list_link > ul > li {
	padding:0 15px;
}
.ess_login_main_footer_2 > div > div.col-md-2:nth-child(1) > p:nth-child(1) {
font-family: 'Open Sans Semi';
font-size:13px;
font-weight:bold;
text-align:left;
}
.ess_login_main_footer_2 > div > div.col-md-2:nth-child(3) > p:nth-child(1) {
font-family: 'Open Sans Semi';
font-size:13px;
font-weight:bold;
text-align:right;
}
.login_2 {
	background-color: #F2F2F2;
	min-height:700px;
}
.emp_img_2 {
	border-radius:4px;
	width: auto;
	border-radius: 4px;
}
.emp_img_2 img {
	left: 10px;
	bottom: 0px;
	height: 420px;
	margin-left: 4px;
	position: absolute;
	top: 147px;
	width: 330px;
	border-radius: 4px;
}
.ess_login_div_2 {
	left: -43px;
	bottom: 0px;
	position: absolute;
	top: 239px;
	background-color: #FFF;
	width: 70%;
	border-radius: 4px;
	padding: 0px;
	height: 350px;
	border: 2px solid #E6E6E6;
}
.l_header {
	background-color:transparent;
}
.ess_login_block_header_text_2 {
	text-align:left;
	padding:5px;
}
.ess_login_block_header_text_2 p {
	margin: 0px;
	font-size: 14px;
	padding: 10px 0px;
	color: #7E7A7A;
	font-weight: bold;
}
/************************* Login 2 *************************************/

.login_main_header_2 {
	width: 100%;
	height: 330px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #517FA4;
	background-image: linear-gradient(center top, #517FA4, #306088);
	background-position: 50% 50%;
}
.ess_company_logo {
	position: relative;
}
.ess_company_logo > img {
	position:absolute;
	top: 140px;
	left: -58px;
	width: 150px;
	height: 75px;
	border-radius: 2px;
	margin:10px 15px;
	background-color:#FFF;
	border-radius:2px;
}
.ess_company_logo > p {
	font-family: 'Open Sans Semi';
	position: absolute;
	top: 186px;
	left: 156px;
	margin: 5px;
	color: #FFF;
	font-size: 24px;
	font-weight:bold;
	text-shadow: transparent 0px 0px 0px, #000 1px 2px 1px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
/******************************************* Sub Menu Of Sub Menu In Dropdown ***************************************/
div.left_panel_sub_menu1, ul > li > div.left_panel_sub_menu2 {
	position:static;
	display:none;
}
div.left_panel_sub_menu1 {
	position: relative;
	float: left;
	width: 113.2%;
}
div.left_panel_sub_menu2 {
	max-height:300px;
	overflow:auto;
	position: relative;
	float: left;
	width: 122.8%;
	margin-left: -50px;
}
div.left_panel_sub_menu2 > ul {
	margin-top:5px;
}
div.left_panel_sub_menu1 > ul > li {
	display: block;
	width:100%;
	padding: 7px 0 0 50px;
	list-style: outside none none;
	float: left;
	letter-spacing: 0px;
	background-color: #FFF;
	margin-left: -30px;
	border-top: 1px solid #DDD;
}
div.left_panel_sub_menu2 > ul li {
	width:100%;
	background-color:#FFF;
	display: block;
	width:100%;
	padding: 7px 0 0 60px;
	border-top:1px solid #FFF;
}
div.left_panel_sub_menu2 > ul li > a {
	color:#000;
}
/*#submenu_1 > ul:nth-child(1) > li:nth-child(4){padding: 5px 0 5px 0;}
#submenu_1 > ul:nth-child(1) > li:nth-child(4) a {padding-left: 40px;}
 div.left_panel_sub_menu2 > ul > li {
  display: block;
  padding: 7px 0 0px 50px;
  list-style: outside none none;
  float: left;
  letter-spacing: 0px;
  width: 307px;
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  margin-left: -40px;
}*/
.left_panel_sub_menu1 > ul > li:last-child {
	border-top:none;
	margin-bottom: -3px;
}
.left_panel_sub_menu2 > ul > li:last-child {
	border-top: medium none;
	margin-bottom: 0px;
	border-bottom: 1px solid #DDD;
}
div.left_panel_sub_menu1 > ul > li > a:before, div.left_panel_sub_menu2 >ul > li > a:before {
	font-family: "Glyphicons Halflings";
	content: "\e095";
	position: relative;
	top: 1px;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	padding-right: 5px;
}
.ess_left_sidebar_menu .left_panel_sub_menu1 > ul > li > a, .ess_left_sidebar_menu .left_panel_sub_menu2 > ul > li > a {
	padding-bottom:4px;
	display:block;
}
.ess_left_sidebar_menu .panel-body > ul > li:hover {
	background-color:#059898;
}
.ess_left_sidebar_menu .panel-body > ul > li:hover > a, .ess_left_sidebar_menu .panel-body > ul > li:focus > a {
	color:#FFF;
}
div.left_panel_sub_menu1 > ul > li:hover, div.left_panel_sub_menu1 > ul > li:focus, div.left_panel_sub_menu1 > ul > li.active {
	text-decoration: none !important;
	background-color: #059898;
}
div.left_panel_sub_menu1 > ul > li:hover > a, div.left_panel_sub_menu1 > ul > li:focus > a, div.left_panel_sub_menu1 > ul > li.activ >e a {
	text-decoration: none !important;
	color:#FFF;
	outline:none;
}
div.left_panel_sub_menu2 > ul > li:hover, div.left_panel_sub_menu2 > ul > li:focus, div.left_panel_sub_menu2 > ul > li.active {
	text-decoration: none !important;
	background-color: #059898;
}
div.left_panel_sub_menu2 > ul > li:hover > a, div.left_panel_sub_menu2 > ul > li:focus > a, div.left_panel_sub_menu2 > ul > li.active > a {
	text-decoration: none !important;
	color:#FFF;
	outline:none;
}
/*#submenu_6 > ul > li:hover, #submenu_6 > ul > li:focus{ text-decoration: none !important;  background-color: #059898;}
#submenu_6 > ul > li:hover a, #submenu_6 > ul > li:focus a{ text-decoration: none !important;    color:#FFF;  }*/
.ui-datepicker .ui-datepicker-prev-hover:hover {
	width: 1.2em;
	height: 1.8em;
	background-image: url("ui-icons_222222_256x240.png");
	background-position: -80px -188px;
	left: 5px;
}
.ui-datepicker .ui-datepicker-next-hover:hover {
	width: 1.2em;
	height: 1.8em;
	background-image: url("ui-icons_222222_256x240.png");
	background-position: -50px -188px;
	right: 4px;
}
.mid_term_label {
	width:auto;
	padding-left:15px;
}
.ess_logo_company_name {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 32px;
	color: #000;
	font-weight: 600;
	padding: 5px;
	text-align: center;
}
/*****************************************************New css ***********************************/
.ess_red_ok {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #A20D08;
}
.ess_red_ok:hover {
	color: #FFF;
	background-color: #B62B27;
}
.ess_orange_ok {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #EC971F;
}
.ess_orange_ok:hover {
	color: #FFF;
	background-color: #CB8017;
}
.ess_btn_cancel {
	display: inline-block;
	padding: 6px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #000;
	background-color: #FFF;
}
.btn_ok_green {
	display: inline-block;
	padding: 6px 20px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #006F02;
}
.btn_ok_green:hover {
	color: #FFF;
	background-color: #178119;
}
.ess_leavetype_alert {
}
.ess_leavetype_alert > .modal-dialog {
	width:500px;
}
.ess_leavetype_alert > .modal-dialog > .modal-content {
	background-color: #DFF0D8;
	padding: 4px;
}
.ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border-radius: 7px;
	border: 1px solid #BDBDBD;
}
.ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:85%;
	padding-left:10px;
	font-size:14px;
}
.ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > p > input[type="password"] {
	width:160px;
}
.ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_valid_date_alert {
}
.ess_valid_date_alert > .modal-dialog {
	width:500px;
}
.ess_valid_date_alert > .modal-dialog > .modal-content {
	background-color: #F2DEDE;
	padding: 4px;
}
.ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border-radius: 7px;
	border: 1px solid #BDBDBD;
}
.ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > button .btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:85%;
	padding-left:10px;
	font-size:14px;
}
.ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > p > input[type="password"] {
	width:160px;
}
.ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_pending_alert {
}
.ess_pending_alert > .modal-dialog {
	width:500px;
}
.ess_pending_alert > .modal-dialog > .modal-content {
	background-color: #F2DEDE;
	padding: 4px;
}
.ess_pending_alert > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border: 1px solid #BDBDBD;
	color: #000;
	border-radius: 7px;
}
.ess_pending_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_pending_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_pending_alert > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:85%;
	padding-left:10px;
}
.ess_pending_alert > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_already_exist_alert {
}
.ess_already_exist_alert > .modal-dialog {
	width:500px;
}
.ess_already_exist_alert > .modal-dialog > .modal-content {
	background-color: #F8D6B5;
	padding: 4px;
}
.ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border: 1px solid #BDBDBD;
	color: #000;
	border-radius: 7px;
}
.ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:85%;
	padding-left:10px;
}
.ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_already_applied_alert {
}
.ess_already_applied_alert > .modal-dialog {
	width:500px;
}
.ess_already_applied_alert > .modal-dialog > .modal-content {
	background-color: #F8D6B5;
	padding: 4px;
}
.ess_already_applied_alert > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border: 1px solid #BDBDBD;
	color: #000;
	border-radius: 7px;
}
.ess_already_applied_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_already_applied_alert > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.ess_already_applied_alert > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:85%;
	padding-left:10px;
}
.ess_already_applied_alert > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_new_apply_confirm {
}
.ess_new_apply_confirm > .modal-dialog {
	width:500px;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content {
	background-color: #DFF0D8;
	padding: 4px;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border-radius: 7px;
	border: 1px solid #BDBDBD;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > button.btn_del, .ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > button.btn_del_cancel {
	text-align:right;
	margin-left:5px;
}
.btn_apply {
	display: inline-block;
	padding: 6px 20px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #006F02;
}
.btn_apply:hover {
	color: #FFF;
	background-color: #178119;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:72%;
	padding-left:10px;
	font-size:14px;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > p > input[type="password"] {
	width:160px;
}
.ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_new_aft_apply {
}
.ess_new_aft_apply > .modal-dialog {
	width:500px;
}
.ess_new_aft_apply > .modal-dialog > .modal-content {
	background-color: #DFF0D8;
	padding: 4px;
}
.ess_new_aft_apply > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border-radius: 7px;
	border: 1px solid #BDBDBD;
}
.ess_new_aft_apply > .modal-dialog > .modal-content > .modal-body > p {
	padding-left:10px;
	font-size:14px;
}
.ess_new_aft_apply > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_new_login_header {
	-o-background-color:rgba(29, 92, 105, 0.48);
	-ms-background-color:#1D5C69;
	background-color:rgba(29, 92, 105, 0.48);
	color: #FFF;
	padding: 2px 0;
	color: #FFF;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}
.ess_header_login_inputs {
	float: right;
	margin: 0px auto;
	width: 85%;
}
.ess_header_login_inputs label {
	padding-left:8px;
	color:#FFF;
	margin-bottom:1px !important;
	font-size: 15px;
}
.ess_header_login_inputs input[type="text"], .ess_header_login_inputs input[type="password"], .ess_header_login_inputs input[type="email"] {
	width: 215px;
	border-color: #A29D9D;
	height: 33px;
	padding: 1px 4px;
	font-size: 15px;
}
.ess_header_container {
	padding:0;
}
.ess_hl_user_name {
	float:left;
	width:40%;
}
.ess_hl_user_password {
	width:40%;
	float:left;
}
.ess_hl_user_password > a {
	font-size:12px;
	color:#FFF;
	padding-left:8px;
	text-decoration:none;
	float: right;
	margin-right: 15px;
}
.ess_hl_user_password > a:hover {
	color:#FFF;
}
.ess_hl_btn_div {
	width:20%;
	float:left;
	padding-top: 23px;
}
.ess_hl_btn {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing:1px;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #0B3741;
	border-radius:4px;
}
.ess_hl_btn:hover, .ess_hl_btn:focus, .ess_hl_btn.focus, .ess_hl_btn:active, .ess_hl_btn.active, .open > .dropdown-toggle.ess_hl_btn {
	color: #FFF;
	background-color: #15444E;
	border-color: #15444E;
}
.ess_login_logo > img {
	width: 125px;
	height: 45px;
	background-color: #FFF;
	border-radius: 2px;
}
.ess_logo_company_name {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 23px;
	color: #FFF;
	font-weight: 500;
	padding: 5px;
	text-align: center;
}
.ess_logo_company_name::first-letter {
font-size:46px;
}
.ess_hl_error {
	color: #FFF;
	float: left;
	font-size: 12px;
	margin-top: -16px;
	padding: 0 0 0 4px;
}
.ess_fgt_error, .ess_fgt_alert {
	color: #FFF;
	float: left;
	font-size: 12px;
	margin-top: 0px;
	padding: 0 0 0 4px;
}
.ess_main_footer_links {
	text-align:center;
}
 .ess_main_footer_links > ul > li:nth-child(2) {
padding-left: 25px;
}
.ess_main_footer_links > ul > li:nth-child(2) ~ li {
float:right;
}
.ess_main_footer_links > ul > li {
	padding: 8px 4px;
}
.ess_main_footer_links > ul > li > a > img {
	width: 20px;
	height: 20px;
}
.ess_main_container_fluid {
	background-image: url("../images/hrms-bkg4.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-color: #FFF;
	height: 510px;
	display: block;
	position: relative;
	color:#FFF;
	margin-bottom:0;
	padding: 0 !important;
}
.ess_new_footer_div {
	width: 100%;
	position: fixed;
	bottom: 0px;
	min-height: 30px;
	background-color: #1D5C69;
	background-color: #1D5C69;
	color: #FFF;
	padding: 5px 10px 5px;
	box-shadow: 0px 1px 4px #000;
}
.ess_new_footer_div a {
	text-decoration:none;
	color:#FFF;
}
.ess_new_hrms_logo {
}
.ess_new_logo_img {
	position:absolute;
	top:26px;
	right:3px;
	background-color:#FFF;
	width:110px;
	height:43px;
	z-index:2000;
	border-radius:2px
}
.ess_new_logo_img > img {
	width:100%;
	height:100%;
}
.social_icon_img {
	position:relative;
}
.social_icon_img li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
.social_icon_img a {
	height: 28px;
	display: block;
}
.ft_icon_facebook {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -38px -35px transparent;
	margin:0;
}
.ft_icon_facebook a:hover {
	background: url("../images/sl3.png") no-repeat scroll -38px -69px transparent;
}
.ft_icon_twiter {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -4px -35px transparent;
	margin:0;
	left:30px;
}
.ft_icon_twiter a:hover {
	background: url("../images/sl3.png") no-repeat scroll -4px -70px transparent;
}
.ft_icon_g_plus {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -632px -35px transparent;
	margin:0;
	left:60px;
}
/* .ft_icon_g_plus a:hover {
		background: url("../images/sl3.png") no-repeat scroll -632px -70px  transparent;
} */
.ft_icon_g_plus a:hover {
	background: url("../images/gp.png") no-repeat scroll 0px 0px transparent;
	background-size:101% auto;
}
.ft_icon_pin_it {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -74px -35px transparent;
	margin:0;
	left:90px;
}
.ft_icon_pin_it a:hover {
	background: url("../images/sl3.png") no-repeat scroll -74px -70px transparent;
}
.ft_icon_blog {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -424px -35px transparent;
	margin:0;
	left:120px;
}
.ft_icon_blog a:hover {
	background: url("../images/sl3.png") no-repeat scroll -424px -70px transparent;
}
.ft_icon__linked_in {
	width: 28px;
	height: 28px;
	float: left;
	background: url("../images/sl3.png") no-repeat scroll -214px -35px transparent;
	margin:0;
	left:150px;
}
.ft_icon__linked_in a:hover {
	background: url("../images/sl3.png") no-repeat scroll -214px -70px transparent;
}
.company_rights_div > p, .ess_login_footer_links_inner, .product_by_div > p {
	font-family: 'Open Sans Semi';
	margin:5px 0;
}
.social_icon_div {
	margin-bottom:30px;
}
.ess_hl_email_div {
	float: left;
	width: 50%;
}
.ess_hl_email_btn_div {
	width: 50%;
	float: left;
	padding-top: 23px;
}
.ess_hl_email_btn_div > button {
	margin-left:3%;
}
.ess_header_login_inputs label {
	padding-left: 8px;
}
.ess_hl_cancel:hover, .ess_hl_cancel:focus, .ess_hl_cancel.focus, .ess_hl_cancel:active, .ess_hl_cancel.active, .open > .dropdown-toggle.ess_hl_cancel {
	background-color: #F8F8F8;
	border-color: #F8F8F8;
}
.ess_hl_cancel {
	display: inline-block;
	padding: 5px 8px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #000;
	background-color: #FFF;
	border-radius: 4px;
}
.ess_login_body {
	background-image: url("../images/new ess bkg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-color: #FFF;
	height: 410px;
	display: block;
	position: relative;
	color: #FFF;
	margin-bottom: 0px;
	padding-top: 0px;
}
.ess_header_container_2 {
	width:400px;
	padding:10px;
	background-color: rgba(29, 92, 105, 0.81);
	border-radius: 20px;
	border: 1px solid rgba(25, 76, 87, 0.78);
	position: absolute;
	top: 40%;
	left: 40%;
	height: 330px;
}
.ess_header_login_inputs_2 {
	width: 100%;
	color:#FFF;
}
.ess_hl_user_name_2 {
	width: 66%;
	margin:5% auto;
	text-align:center;
}
.ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
	text-align:left;
	width:100%;
}
.ess_hl_user_password_2 {
	width: 66%;
	margin:5% auto;
	text-align:center;
}
.ess_hl_user_password_2 > a {
	font-size:12px;
	color:#FFF;
	padding-left:8px;
	text-decoration:none;
}
.ess_hl_user_password_2 > a:hover {
	color:#3c3c3c;
}
.ess_hl_btn_div_2 {
	width: 70%;
	margin:5% auto;
	text-align:center;
}
.ess_logo_company_name_2 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 32px;
	color: #FFF;
	font-weight: 500;
	padding: 5px;
	text-align: center;/*	text-shadow: 0px 0px 2px #FFF;*/
}
.ess_new_logo_2 {
	padding: 5px;
	width: 100%;
}
.ess_hl_btn_2 {
	display: inline-block;
	padding: 6px 15px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-image: none;
	border: 1px none #AAF8F2;
	background-color: #AAF8F2;
	border-radius: 4px;
	color: #000;
}
.ess_hl_btn_2:hover, .ess_hl_btn_2:focus, .ess_hl_btn_2.focus, .ess_hl_btn_2:active, .ess_hl_btn_2.active, .open > .dropdown-toggle.ess_hl_btn_2 {
	color: #000;
	background-color: #61D8CF;
	border-color: #61D8CF;
}
.ess_header_login_inputs_2 input[type="text"], .ess_header_login_inputs_2 input[type="password"] {
	width: 250px;
	border-color: #A29D9D;
	height: 36px;
	padding: 5px;
	font-size: 16px;
}
.dataTables_wrapper > .table-bordered > tbody > tr > td > a, .dataTables_wrapper > .table-bordered > tbody > tr > td > a:hover {
	text-decoration: none;
	font-family: 'Open Sans Semi'!important;
}
.ess_org_struct {
	width:100%;
	overflow:auto;
}
.ess_tnd_fedk_heading {
}
.ess_tnd_fedk_redio_div, .ess_tnd_fedk_text_div {
	left:4.3%
}
.ess_tnd_fedk_text_div textarea {
	margin-left: 17px !important;
}
.main_block_row {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.table .table {
	background-color: transparent;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:focus:-webkit-autofill, textarea:focus:-webkit-autofill, select:focus:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px white inset;
}
.ess_incometax_component {
	float:left;
	width:22%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_incometax_component input[type="text"], .ess_incometax_component input[type="text"][readonly], .ess_incometax_component input[type="text"][disabled], .ess_incometax_component select, .ess_incometax_component select[disabled] {
	width:98% !important;
	vertical-align:middle;
}
.ess_incometax_calculation {
	float:left;
	width:18%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_incometax_calculation input[type="text"], .ess_incometax_calculation input[type="text"][readonly], .ess_incometax_calculation input[type="text"][disabled], .ess_incometax_calculation select, .ess_incometax_calculation select[disabled] {
	width:98% !important;
	vertical-align:middle;
}
.ess_incometax_cal_select select {
	width:98% !important;
	vertical-align:middle;
}
.ess_sr_no {
	float:left;
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.ess_sr_no p {
	width:98% !important;
	vertical-align:middle;
}
.sr_no {
	float:left;
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.sr_no p {
	width:99% !important;
	vertical-align:middle;
}
.pay_sal_pro_row {
	width:100%;
	max-height:500px;
	overflow:auto;
}
.pay_sal_pro_row_inner_block {
	width:1500px;
}
.pf_main_block_row {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.pf_sr_no {
	float:left;
	width:4%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_id {
	float:left;
	width:9%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_name {
	float:left;
	width:12%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_number {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_sal_month {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_basics {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_contri {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_contri_1 {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_contri_2 {
	float:left;
	width:8%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pf_emp_total {
	float:left;
	width:10%;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.close_1 {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0px 1px 0px #FFF;
	padding-top: 7px;
}
.close_1 a {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: #F00;
	text-shadow: 0px 1px 0px #FFF;
	margin: 5px 10px 0 0;
}
.close_1 a:hover, .close_1 a:focus {
	color: #FF1919;
	text-decoration: none;
	cursor: pointer;
}
.pf_sr_no p {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_id select {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_name input[type="text"], .pf_emp_name input[type="text"][readonly], .pf_emp_name input[type="text"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_number input[type="text"], .pf_emp_number input[type="text"][readonly], .pf_emp_number input[type="text"][disabled] {
	width:98%;
	vertical-align:middle;
}
.pf_emp_sal_month input[type="text"], .pf_emp_sal_month input[type="text"][readonly], .pf_emp_sal_month input[type="text"][disabled], .pf_emp_sal_month input[type="number"], .pf_emp_sal_month input[type="number"][readonly], .pf_emp_sal_month input[type="number"][disabled] {
	width:98%;
	vertical-align:middle;
}
.pf_emp_basics input[type="text"], .pf_emp_basics input[type="text"][readonly], .pf_emp_basics input[type="text"][disabled], .pf_emp_basics input[type="number"], .pf_emp_basics input[type="number"][readonly], .pf_emp_basics input[type="number"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_contri input[type="text"], .pf_emp_contri input[type="text"][readonly], .pf_emp_contri input[type="text"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_contri_1 input[type="text"], .pf_emp_contri_1 input[type="text"][readonly], .pf_emp_contri_1 input[type="text"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_contri_2 input[type="text"], .pf_emp_contri_2 input[type="text"][readonly], .pf_emp_contri_2 input[type="text"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.pf_emp_total input[type="text"], .pf_emp_total input[type="text"][readonly], .pf_emp_total input[type="text"][disabled] {
	width:98% !important;
	vertical-align:middle;
}
.emp_pf_tbl {
	padding:0 2%;
	overflow-x:auto;
}
.emp_pf_tbl .table > tbody > tr > td:nth-child(1) {
text-align:center;
}
.emp_pf_tbl .table > tbody > tr > td:nth-child(2) {
width:45%;
}
.emp_pf_tbl .table > tbody > tr > td:nth-child(8) {
width:10%;
}
.emp_pf_tbl input[type="text"], .emp_pf_tbl input[type="text"][readonly] {
	width:85px;
}
.emp_pf_tbl .table thead tr th {
	color:#FFF;
	background-color:#2980B9;
	text-align:center;
}
.emp_pf_tbl .table thead tr th {
	border: 1px solid #DDD;
	padding: 8px 3px;
	line-height: 1.1;
	vertical-align:middle;
}
.emp_pf_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 3px;
	line-height: 1.1;
}
.emp_pf_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.emp_pf_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #F2F2F2;
}
.emp_pf_tbl .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.pay_sal_pro_row {
	width:100%;
	max-height:500px;
	overflow:auto;
}
.pay_sal_pro_row_inner_block_1 {
	min-width:4100px;
	margin-bottom: 3%;
}
.main_block_row {
	border:1px solid #CCC;
	padding:10px 0;
	margin-bottom: 3%;
}
.main_block_inner {
}
.pay_sal_tbl_sr_no {
	float:left;
	width:80px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.block_sr_no p {
	margin:0;
	width:100%;
}
.pay_sal_tbl_label {
	float:left;
	/*width:3%;*/
	width:140px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.pay_sal_tbl_inputs {
	float:left;
	/*width:3%;*/
	width:140px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 5px;
	margin-top: 0;
}
.close_1 {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0px 1px 0px #FFF;
	padding-top: 7px;
}
.close_1 a {
	/*float: right;*/
    font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: #F00;
	text-shadow: 0px 1px 0px #FFF;
	margin: 5px 10px 0 0;
}
.close_1 a:hover, .close_1 a:focus {
	color: #FF1919;
	text-decoration: none;
	cursor: pointer;
}
.block11 p {
	width:98% !important;
	vertical-align:middle;
}
.pay_sal_pro_row_inner_block_1 input[type="text"], .pay_sal_pro_row_inner_block_1 input[type="text"][readonly], .pay_sal_pro_row_inner_block_1 input[type="text"][disabled], .pay_sal_pro_row_inner_block_1 select, .pay_sal_pro_row_inner_block_1 select[disabled] {
	width:98%;
	vertical-align:middle;
}
.ess_left_sidebar_menu {
	background-color:#FFF;
}
.ess_notification_div {
	color:#000;
}
.ess_notification_list > li > a {
	color:#000;
	font-size: inherit;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.42857;
}
.ess_notification_list > li > a > label {
	padding:0 20px;
	font-family: 'Open Sans Semi';
}
.ess_notification_list > li a:hover {
	background-color:#EAEAEA;
}
.ess_notification_list > li > a > span {
	padding-right: 15px;
}
.rupee-sign {
	float: left;
	height: 16px;
	width: 15px;
	background: transparent url("../images/rupee.png") no-repeat scroll 3px 4px / 60% 85%;
	margin-right: 15px;
}
.ess_anniversry_list > li:last-child, ul.ess_announcement_list > li:last-child, .ess_birthday_list > li:last-child {
	border-bottom: none;
}
/************************************ My basic information *****************************************/

/****** Education***** */

.essemp_edu_tbl_row {
}
.essemp_edu_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.essemp_edu_tbl_inner_row {
}
.essemp_edu_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essemp_edu_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essemp_edu_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essemp_edu_tbl .table > tbody > tr > td:last-child {
	width:30px;
}
.essemp_edu_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essemp_edu_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essemp_edu_tbl .table > tbody > tr > td > input[type="text"], .essemp_edu_tbl .table > tbody > tr > td > select, .essemp_edu_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essemp_edu_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
.close_row, .close_row a {
	margin:0 !important;
	float:none;
	text-align:center;
	width: 25px;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:10%;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:28%;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:28%;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:8%;
}
/*.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(5) { width:8%;}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(6) { width:20%;}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(7) { width:15%;}*/
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(8) {
padding:0 10px;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:30%;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:20%;
}
.essemp_edu_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:5%;
}
.tbl_view_block > tr > td {
	background-color:#EAEAEA;
}
.tbl_view_text {
	margin:0;
	padding:3px;
	text-align:left;
	background-color:#EAEAEA;
}
/****** Career ***** */
.essemp_cer_tbl_row {
}
.essemp_cer_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
}
.essemp_cer_tbl_inner_row {
}
.essemp_cer_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essemp_cer_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essemp_cer_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essemp_cer_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essemp_cer_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essemp_cer_tbl .table > tbody > tr > td > input[type="text"], .essemp_cer_tbl .table > tbody > tr > td > select, .essemp_cer_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essemp_cer_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:15%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:15%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:15%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:8%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:10%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:20%;
}
.essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(8) {
padding:0 10px;
}
/****** Family ***** */
.essemp_fam_tbl_row {
}
.essemp_fam_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
}
.essemp_fam_tbl_inner_row {
}
.essemp_fam_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essemp_fam_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essemp_fam_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essemp_fam_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essemp_fam_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essemp_fam_tbl .table > tbody > tr > td > input[type="text"], .essemp_fam_tbl .table > tbody > tr > td > select, .essemp_fam_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essemp_fam_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:25%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:8%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:25%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:25%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:8%;
}
.essemp_fam_tbl .table-striped > tbody > tr > td:nth-child(7) {
padding:0 5px;
}
/****** Course ***** */
.essemp_course_tbl_row {
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.essemp_course_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:10px 0;
}
.essemp_course_tbl_inner_row {
}
.essemp_course_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essemp_course_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essemp_course_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essemp_course_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essemp_course_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essemp_course_tbl .table > tbody > tr > td > input[type="text"], .essemp_course_tbl .table > tbody > tr > td > select, .essemp_course_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essemp_course_tbl .table > tbody > tr > td > textarea {
	height:29px;
}

/*.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(1) { width:18%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(2) { width:18%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(3) { width:8%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(4) { width:10%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(5) { width:18%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(6) { width:12%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(7) { width:20%;}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(8) {  padding:0 10px;}*/
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:18%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:22%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:8%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:10%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:18%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:20%;
}
.essemp_course_tbl .table-striped > tbody > tr > td:nth-child(7) {
padding:0;
}
/****** training ***** */
.empess_trn_tbl_row {
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.empess_trn_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:10px 0;
}
.empess_trn_tbl_inner_row {
}
.empess_trn_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.empess_trn_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.empess_trn_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.empess_trn_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.empess_trn_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.empess_trn_tbl .table > tbody > tr > td > input[type="text"], .empess_trn_tbl .table > tbody > tr > td > select, .empess_trn_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.empess_trn_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .empess_trn_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:16%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:16%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:16%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:12%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:8%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:12%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:20%;
}
.empess_trn_tbl .table-striped > tbody > tr > td:nth-child(8) {
padding:0 10px;
}
/****** reference ***** */
.empess_refc_tbl_row {
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.empess_refc_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:10px 0;
}
.empess_refc_tbl_inner_row {
}
.empess_refc_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.empess_refc_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.empess_refc_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.empess_refc_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.empess_refc_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.empess_refc_tbl .table > tbody > tr > td > input[type="text"], .empess_refc_tbl .table > tbody > tr > td > input[type="email"], .empess_refc_tbl .table > tbody > tr > td > select, .empess_refc_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.empess_refc_tbl .table > tbody > tr > td > textarea {
	height:29px;
}

/*.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(1) { width:20%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(2) { width:18%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(3) { width:18%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(4) { width:10%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(5) { width:20%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(5) > input[type="email"] { width:200px !important;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(6) { width:15%;}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(7) {  padding:0 10px;}*/

.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:22%;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:20%;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:20%;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:21%;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(4) > input[type="email"], .empess_refc_tbl .table-striped > tbody > tr > td:nth-child(4) > input[type="text"][readonly] {
min-width:200px !important;
}
.empess_refc_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:10%;
}
/****** language ***** */
.empess_lang_tbl_row {
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.empess_lang_tbl_row .emp_sublabel label {
	padding-left:5px;
}
.empess_lang_tbl {
	padding:1% 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:10px 0px;
}
.empess_lang_tbl .table {
	width:500px;
}
.empess_lang_tbl {
}
.empess_lang_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.empess_lang_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.empess_lang_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.empess_lang_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.empess_lang_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.empess_lang_tbl .table > tbody > tr > td > input[type="text"], .empess_lang_tbl .table > tbody > tr > td > select, .empess_lang_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.empess_lang_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
.empess_lang_tbl .table-striped > tbody > tr > td:nth-child(5) {
padding:0 10px;
}
#lang_div .close_icon {
	font-size: 13px;
	margin: 0px auto !important;
	width: 25px;
}
/****** Domestic Travel ***** */
.esstrns_dom_tbl_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.esstrns_dom_tbl {
	padding:0 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.esstrns_dom_tbl_inner_row {
}
.esstrns_dom_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.esstrns_dom_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.esstrns_dom_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.esstrns_dom_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.esstrns_dom_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.esstrns_dom_tbl .table > tbody > tr > td > input[type="text"], .esstrns_dom_tbl .table > tbody > tr > td > select, .esstrns_dom_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.esstrns_dom_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(8) {
width:20px;
}
/* .esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(1) { width:5%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(2) { width:8%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(3) { width:18%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(4) { width:18%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(5) { width:15%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(6) { width:15%;}
.esstrns_dom_tbl .table-striped > tbody > tr > td:nth-child(7) { width:25%;}
 */
.esstrns_dom_tbl .table > tbody > tr > td:nth-child(7) {
background-color: #EAEAEA;
}
/****** International Travel ***** */
.esstrns_int_tbl_row {
	border-top: 1px solid #CCC;
	/* border-bottom: 1px solid #CCC;*/
  padding:10px 0;
}
.esstrns_int_tbl {
	padding:0 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0 0;
}
.esstrns_int_tbl .table {
	margin-bottom:10px;
}
.esstrns_int_tbl_inner_row {
}
.esstrns_int_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.esstrns_int_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.esstrns_int_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.esstrns_int_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.esstrns_int_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.esstrns_int_tbl .table > tbody > tr > td > input[type="text"], .esstrns_int_tbl .table > tbody > tr > td > select, .esstrns_int_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.esstrns_int_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:5%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:8%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:15%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:18%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:18%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:10%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:30%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(8) {
width:8%;
}
.esstrns_int_tbl .table-striped > tbody > tr > td:nth-child(9) {
padding:0 10px;
}
/****** International family  Travel ***** */
.esstrns_intfam_tbl_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:10px;
	margin:15px 0;
}
.esstrns_intfam_tbl {
	padding:0;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.esstrns_intfam_tbl > .table {
	width:1500px;
	max-width:1500px;
}
.esstrns_intfam_tbl {
	padding: 0;
}
.esstrns_intfam_tbl_inner_row {
}
.esstrns_intfam_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.esstrns_intfam_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.esstrns_intfam_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.esstrns_intfam_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.esstrns_intfam_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.esstrns_intfam_tbl .table > tbody > tr > td > input[type="text"], .esstrns_intfam_tbl .table > tbody > tr > td > select, .esstrns_intfam_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.esstrns_intfam_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:50px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:200px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:50px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:100px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:180px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:150px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:150px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(8) {
width:200px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(9) {
width:200px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(10) {
width:150px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(11) {
width:100px;
}
.esstrns_intfam_tbl .table-striped > tbody > tr > td:nth-child(12) {
width:20px;
}
/****** Reimbusment ***** */
.essremb_tbl_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.essremb_tbl {
	padding:0 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.essremb_tbl_inner_row {
}
.essremb_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essremb_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essremb_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essremb_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essremb_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essremb_tbl .table > tbody > tr > td > input[type="text"], .essremb_tbl .table > tbody > tr > td > select, .essremb_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essremb_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .essremb_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:5%;
}
.essremb_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:15%;
}
.essremb_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:20%;
}
.essremb_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:20%;
}
.essremb_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.essremb_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:35%;
}
.essremb_team_tbl {
	padding: 0;
}
/* .essremb_team_tbl  .table {
    width: 800px;
    max-width: 800px;} */

/******My team Reimbusment ***** */
.essremb_team_tbl_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.essremb_team_tbl {
	padding:0 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.essremb_team_tbl_inner_row {
}
.essremb_team_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essremb_team_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essremb_team_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essremb_team_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essremb_team_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essremb_team_tbl .table > tbody > tr > td > input[type="text"], .essremb_team_tbl .table > tbody > tr > td > select, .essremb_team_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essremb_team_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .essremb_team_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:5%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:15%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:10%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:20%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:10%;
}
.essremb_team_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:25%;
}
/****** medical claim ***** */
.essmedi_clm_tbl_row {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.essmedi_clm_tbl {
	padding:0 10px;
	width:100%;
	overflow:auto;
	max-height:300px;
	margin:15px 0;
}
.essmedi_clm_tbl_inner_row {
}
.essmedi_clm_tbl .table thead tr th {
	color:#FFF;
	background-color:#007D7D;
	text-align:center;
	border: 1px solid #CFCFCF !important;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
}
.essmedi_clm_tbl .table tbody tr td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
	vertical-align:middle;
	text-align: center;
}
.essmedi_clm_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.1;
}
.essmedi_clm_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.essmedi_clm_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.essmedi_clm_tbl .table > tbody > tr > td > input[type="text"], .essmedi_clm_tbl .table > tbody > tr > td > select, .essmedi_clm_tbl .table > tbody > tr > td > textarea {
	width: 100%;
	border-radius: 0;
	border-color:transparent;
	margin: 0px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.essmedi_clm_tbl .table > tbody > tr > td > textarea {
	height:29px;
}
 .essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(1) {
width:5%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(2) {
width:15%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(3) {
width:18%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(4) {
width:30%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(5) {
width:15%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(6) {
width:15%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(7) {
width:15%;
}
.essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(8) {
width:2%;
}
 .essmedi_clm_tbl .table-striped > tbody > tr > td:nth-child(6) {
background-color: #EAEAEA;
}
.ess_add_row {
	padding:0 0 0 0px;
}
.ess_add_row .left_label {
	padding:0 0 0 10px;
}
.ess_add_row {
	padding:0 0 0 0px;
}
.ess_view_rows > tr > td, .view_td, .ess_view_td {
	background-color: #EAEAEA;
}
.rating_head_label_2 p {
	margin:0;
}
.kra_kpi_selectbox select {
	width:230px;
	max-width:350px;
}
.upld_file_name {
	margin-top: 2px;
	float: left;
}
.ess_main_noti_div {
	width:100%;
	left:0;
}
/*Access Denined page */
.ess_acc_den_header {
	height: 80px;
}
.ess_acc_den_msg {
	font-size: 30px;
}
.ess_acc_den_header {
}
.ess_acc_den_msg_row {
	margin:20% 0 0 0;
}
.ess_acc_den_msg_div {
	width:90%;
	margin:0 auto;
	text-align: center;
}
.ess_acc_den_msg {
	font-size:38px;
	font-family: "Open Sans Semi";
	padding:5px;
	color:#F00;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.ess_acc_den_header {
height:auto;
}
.ess_acc_den_msg_row {
margin:30% 0 0 0;
height: 100vh;
}
}
/* ********************* Data tables widths classes************************* */
/* .ess_list_location{ width:200px; white-space:normal;}
.ess_list_emp_reason{ width:250px; white-space:normal;}
.ess_list_description{ width:250px; white-space:normal;}
.ess_list_remarks{ width:200px; white-space:normal;}
.ess_list_accomodation{ width:320px; white-space:normal;}
.ess_list_btn_div{ width:50px; margin: 0 auto;}
 */
 /* ********************* Data tables widths classes************************* */
.ess_list_location {
	width:300px;
	white-space:normal;
}
.ess_list_emp_reason {
	width:450px;
	white-space:normal;
}
.ess_list_description {
	width:450px;
	white-space:normal;
}
.ess_list_remarks {
	width:450px;
	white-space:normal;
}
.ess_list_remarks_auto {
	min-width:550px;
	white-space:normal;
}
.ess_list_accomodation {
	width:400px;
	white-space:normal;
}
.ess_list_btn_div {
	width:50px;
	margin: 0 auto;
}
.ess_filter_height {
	height:28px;
}
.ess_filter_height {
	height:26px;
}
/*************************************new classes for pa prvious review label*************************/
.get_details_label {
	width: 21%;
	padding-left: 5px;
}
/*pa  aanual appraisal*/
.ess_emp_review_info_new {
	padding: 10px 3px 10px 10px;
	margin-bottom: 15px;
}
.ess_kra_edit_label_row {
	margin-top:20px;
}
.kra_heading {
	padding-top:5px;
}
.ess_tree {
	padding: 0 0 5% 0;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left: 2%;
}
.ess_selectbox select {
	width: 105px;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left: 4%;
}
.month_year_block select {
	width:auto;
}
.disabled_close {
	float:none;
	cursor: not-allowed !important;
}
.disabled_close a {
	cursor: not-allowed;
	display:block;
	font-size:18px;
	color:#f00;
}
.disabled_close a:hover, .disabled_close a:focus {
	cursor: not-allowed;
	display:block;
	color: #C00;
}

/* ********************************************** CSS for Mobile *************************************************************/

@media screen and (min-width: 320px) and (max-width: 767px) {
 body {
font-size: 11px;
}
 table tr td {
 font-size: 11px;
}
 .hrm_saas_logo {
width: auto !important;
}
 .hrm_saas_logo > img {
 height: 20px;
 width: 80px !important;
 margin: -35px 5px 0px 0px;
}
 .ess_heade_logo {
margin: 5px 5px 0px 9px;
}
 .user_name {
 font-size: 12px;
 margin-top: 2px !important;
 padding-right: 3px !important;
}
 .user_name ul li:first-child a span {
font-size: 8px;
}
 .ess_reminder_list {
width: 100% !important;
}
 .ess_reminder {
 left: 0;
 max-width: 185px;
}
 .ess_event_list {
 width: 100% !important;
}
 .ess_event {
 max-width: 187px;
 left: 0;
}
 .ess_hide_menu {
 font-size: 9px;
 padding: 4px 3px 3px 3px;
}
 .ess_emp_info label {
 float: none;
}
 .ess_heade_logo > img {
width: 90px;
height: auto;
}
 .ess_heade_logo > .ess_rect_logo > img {
 width:90px;
 height:30px;
 float:left;
}
.ess_tab_settings {
 float: left;
 margin-left: 15px;
}
.ess_heade_logo > .ess_squar_logo > img {
 width:30px;
 height:30px;
 float:left;
}
 .ess_header_text_logo {
	/* max-width:70%; 
	padding:5px 0 0 0;
	margin:5px 0 0 0; */
    max-width: 45%;
 padding: 5px 0px 0px;
 margin: 5px 0px 0px;
 height: 35px;
}
 .ess_ft_left > p, .ess_ft_right > p {
 margin: 5px;
 font-size: 10px;
}
 .ess_header_text_logo > p {
 font-size: 12px;
 margin-bottom: 0;
}
 .tab_logout_btn > a {
 font-size: 10px !important;
}
 .ess_emp_info .ess_label {
min-width:45%;
}
 .ess_emp_info .ess_label label {
 float: right;
}
 .ess_emp_img_div {
 width: 10%;
 margin-bottom: 5px;
}
 .ess_emp_img {
 float:left;
}
 .ess_emp_img > img {
 width: 35px;
 height: 35px;
 margin-left: 26%;
}
 .ess_label {
 min-width: 41%;
}
 .ess_hide_show_div {
 width:75px;
 padding: 0 3px;
 float: left;
}
 .ess_breadcrumb_div {
 float: left;
 width: 60%;
 display:none;
}
 .ess_breadcrumb_list {
 padding: 3px 5px 3px;
 font-size:11px;
}
 .ess_help {
 float: right;
 padding: 0 2px;
 margin-right: 2px;
}
 .ess_help_btn {
 font-size: 10px;
 padding: 2px 4px;
}
 .ess_add_new {
 padding: 2px 4px;
 font-size: 12px;
}
 .ess_help_btn > span {
 font-size: 8px;
}
 .ess_help > a {
 float:right;
}
 .ess_title_selectbox, .ess_title_selectbox > label, .ess_title_selectbox select {
font-size: 10px;
}
 .ess_emp_form_steps_div {
 background-color: #FFF;
}
 .ess_emp_form_steps_1 {
 font-size: 11px;
}
 .ess_emp_form_steps_1 li {
 padding: 5px;
 margin: 0px;
 float: left;
 width: 49%;
 border: 1px solid #FFF;
 background-color: #CDD1D4;
 text-align: left;
 display: block;
}
 .ess_myrequest_div {
 padding: 20px 0px 0px 0px;
}
 .ess_inner_row > .form-group > div > div.error {
 width: 100%;
 display:block;
}
 .ess_auto_genrate {
 float: left;
 white-space: nowrap;
}
 .ess_selectbox select {
 width: auto;
}
 .ess_announcement_list_item_text {
 max-width: 64%;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(4) {
margin-left:0;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(2) {
margin-top:5px;
}
 .ess_title_div {
 margin: 2px 0px;
}
 .ess_left_inner_row > .col-md-6:last-child > .ess_empty_block {
 padding: 20px 0px 0px 0px;
}
 .ess_title {
 font-size: 12px;
 padding: 0px 50px 2px 5px;
}
 .ess_title_buttons {
position:relative;
}
 .ess_back_btn {
 margin: 0px 0px 5px 5px;
 position: absolute;
 top: 4px;
 right: 8px;
}
 .ess_title_buttons > .ess_back_btn, .title_buttons_div > .ess_back_btn, .ess_title_buttons_div > .ess_back_btn {
 margin: 0px 0px 5px 5px;
 position: absolute;
 top: -22px;
 right: 2px;
}
 .ess_tab_emp_img img {
 margin-left: 6px;
}
 .ess_back {
 padding: 3px 4px;
 font-size: 10px;
}
 .blue_badge {
 right: -7px;
}
 .form-group {
 margin-bottom: 10px;
}
 .ess_auto_genrate a {
 font-size: 12px;
 margin-left: 5%;
}
 .ess_password_block {
 width:200px;
 padding: 18px 15px 35px;
 border-radius: 4px;
 margin: 1%;
}
 .ess_password {
 font-size: 14px;
}
 .container-fluid {
 padding: 3px;
}
/* 	
	.ess_left_panel{ 
		display:none;
		min-width: 95%;
		position: absolute;	
		z-index: 100;
		overflow: hidden;
		margin-top:35px;
		-webkit-transition:all .4s ease-in-out;
		-o-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
		padding-right:7px;
	} */
	
	 .ess_left_panel {
/*  width: 23% !important; 
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.75);
	 z-index: 1110; overflow: visible;
	 position: fixed; margin-top: 0px;
	 top: 0px; margin-left: -3px;
	 padding-left: 10px;*/ }
 .ess_left_sidebar_menu {
width:300px;
}
 .ess_left_panel {
	 /*  width: 23% !important; */
	 display: none;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.75);
 z-index: 1110;
 overflow: visible;
 position: fixed;
 margin-top: 0px;
 top: 0px;
 margin-left: -3px;
 padding-left: 10px;
}
 #accordion {
 margin-top: 165px;
 position: fixed;
 overflow: auto;
 max-height: 250px;
 width: 280px;
}
 .ess_hide_menu_fixed {
 z-index: 1111;
 position: fixed;
 top: 129px;
}
 .ess_left_sidebar_menu .panel-body ul li a {
 font-size: 11px;
}
 .ess_hl_error {
width: 50%;
}
 .ess_right_panel {
 min-width: 100% !important;
 border: 1px solid #CCC;
 min-height: 500px;
 padding: 0px;
}
 .ess_tab_settings .list-inline > li > a > span {
 font-size: 10px;
}
 .panel-default > .panel-heading {
 padding: 5px 10px;
}
 .panel-title {
font-size: 12px;
}
 .ess_left_sidebar_menu > .panel-group > .panel > .panel-heading > h4.panel-title > a > span.glyphicon {
 font-size: 12px;
 padding-right: 5px;
}
 .ess_left_sidebar_menu {
 border-right: 1px solid #EDF2F3;
}
 .down_trangle {
 margin-top: 5px;
 border-top: 3px solid;
}
 .panel-body ul li a {
 font-size: 12px;
}
 .panel-body > ul > li {
 padding: 3px 2px 3px 14px;
}
 .ess_save {
 font-size: 12px;
 padding: 4px 12px;
 margin: 15px 0px 10px 0px;
}
 .ess_cancel {
 font-size: 12px;
 padding: 4px 10px;
 margin: 15px 0px 10px 2px;
}
 .ess_inline_label {
margin-top:10px;
margin-left:0;
}
 textarea {
 width: 95% !important;
 margin: 4px 0px 0px 2px;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
 padding-left: 4%;
}
 .ess_inner_row > .form-group > div > label {
 float: none;
 margin-top: 0px;
 padding: 0px 2px;
 white-space:nowrap;
}
 .ess_pendind_leave_badge {
 margin-top: 10px;
 margin-left: 55px;
 font-size:11px;
}
 .dropdown-menu > div > li > a {
 font-size: 10px;
}
 .colon {
 font-size:12px;
 padding-left: 0.2em;
 font-weight: bold;
 float: none;
}
 .ess_invest_label label, .ess_invest_sublabel label {
 float: none !important;
 margin-left: 1%;
}
 .ess_sub_row label {
 margin: 0px 0px 10px 4px;
 float: left !important;
}
 .ess_sub_row input[type="text"] {
 width:75% !important;
}
 .ess_emp_detail1 {
border-bottom: 1px solid #CCC;
border-right: none;
height:auto;
}
 .ess_emp_detail2 {
border-top:none;
height:auto;
}
 .ess_emp_detail1 img {
 width: 40px;
 height: 40px;
}
 .ess_emp_datails .dl-horizontal dd {
 margin-left: 0;
}
 .ess_emp_detail1 .dl-horizontal dt, .ess_emp_detail2 .dl-horizontal dt {
 text-align: right;
 text-overflow: ellipsis;
 overflow: hidden;
 float: left;
 width: 110px;
 clear: left;
 white-space: nowrap;
}
 .ess_emp_detail1.dl-horizontal dd, .ess_emp_detail2.dl-horizontal dd {
 margin-left: 0;
}
 .leave_tab > ul > li > a {
padding: 5px 5px;
}
 .ess_emp_detail1 > .dl-horizontal {
margin-left:5% !important;
}
 .ess_emp_detail2 > .dl-horizontal {
margin-left:4% !important;
}
 .ess_emp_datails1 dt, dd {
 line-height: 1.42857;
 padding: 5px 0px 5px 5px !important;
 float: left;
}
 .ess_emp_datails dl {
 margin: 0px !important;
 float: left;
 clear: both;
}
 .ess_emp_datails3 .dl-horizontal dt {
 width: 140px !important;
 text-align: right;
}
 .ess_emp_datails {
 padding: 0 0 0 4%;
}
 .rating_head_label_2 {
margin-top:0 !important;
}
 .ess_pay_ytd_table1 {
overflow-y:auto;
}
 .apsr_rate_input input[type="text"] {
width:100px;
margin-top:0;
}
 .apsr_rate_input_2 {
margin-top:0 !important;
}
 .apsr_rate_input_2 input[type="text"] {
width:100px;
margin-top:0;
}
 .apsr_rate_label label {
 text-align: left;
 white-space: normal !important;
}
 .ess_kra_kpi_table1 textarea {
 min-height: 48px;
}
.get_details_btn_div {
float:left;
margin-top:10px;
}
 .ess_emp_form_steps {
 font-size: 10px;
 font-weight: 600;
}
 .ess_emp_form_steps > li {
 margin: 0 0 4px 0;
}
 .left_label label {
 float: none !important;
}
 .ess_ej_emp_photo {
 margin: 3px 5px 8px 3px;
 float: left;
 width: 100%;
 text-align: left;
}
 .ess_ej_emp_photo img {
 height: 50px;
 width: 50px;
}
 .ess_inline_input {
 margin-left: 0 !important;
 margin-top: 10px;
}
 .ess_sublabel_left {
 margin-top: 0px;
}
 .ess_sublabel_heading label {
 margin: 5px 0px 10px 1px;
}
 .ess_sublabel {
 display:block;
 text-align: left;
 padding-left: 2px;
}
 .ess_add_new_field {
 font-size: 10px;
 padding: 4px 5px;
/*margin-top: -20px;*/
	}
 .ess_subtitle {
 font-size: 13px;
 font-weight: bold;
}
 .ess_edu_label_row .close_icon {
 font-size: 17px;
}
 #lang_div .close_icon {
 font-size: 13px;
 margin: 0px 5px 0px 0px;
}
 .lerge_value {
 white-space: normal;
}
 .ess_inline_sublabel {
 margin-top: 3px;
 color: #000;
 font-size: 10px;
 display: block;
}
 #rating_summry .ess_inline_input, #apr_boss_feedback .ess_inline_input {
 margin-left: 0px !important;
 margin-top: 0px;
}
 #rating_summry .ess_sublabel {
 display: block;
}
 .ess_emp_review_info label {
 float: right;
}
 .ess_perform_emp_div > .ess_emp_review_info label {
 float: right;
}
 .ess_perform_emp_div > .ess_emp_review_info .ess_label {
 min-width: 50%;
}
 .appraisal_dashboard_schedule {
 margin-bottom: 10px;
 padding: 1%;
}
 .appraisal_dashboard_task {
 padding: 1%;
 margin-left: 0px;
}
 .ess_pa_tab > .nav > li > a {
 padding: 3px 5px;
}
 .ess_pa_tab > .nav > li {
 margin-right: 5px;
 margin-bottom: 4px;
}
 .ess_emp_review_info p {
 float: left;
}
 .red_badge, .blue_badge {
 right: -7px;
 right: -7px;
 line-height: 11px;
 min-width: 12px;
 top: -10px !important;
}
 .ess_holiday_list {
width:95%;
 padding:0 5%;
}
 .attendance_month_Calender_table1 table tbody tr td {
 height: 60px;
 width: 60px;
}
 .ess_emp_leave_table {
 width: 100%;
 overflow: auto;
}
 .ess_leave_count {
 margin: 0px;
 font-size: 11px;
}
 .dl-horizontal dd {
 margin-left: auto;
}
 .ess_leave_count > li:nth-child(2) {
 padding: 3px 4px;
}
 .ess_leave_count > li:nth-child(4) {
 padding: 3px 8px;
}
 #rating_summry input[type="text"], #rating_summry select {
max-width:50% !important;
margin-left: 10px;
}
 #apr_boss_feedback input[type="text"], #apr_boss_feedback select {/* width:50% !important;*/
margin-left: 10px;
}
 .to_label label {
float:left;
}
 .domestic_transport {
 overflow: scroll;
 background-color: #FFF;
 width: 750px;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 clear: both;
}
 .ess_tr_srno {
 width:50px;
}
 .ess_tr_date {
 width:110px;
}
 .ess_tr_from_city {
 width:100px;
}
 .ess_tr_to_city {
 width:100px;
}
 .ess_tr_mode {
 width:100px;
}
 .ess_tr_accommodation {
 width:150px;
}
 .ess_tr_status {
 width:100px;
}
 .review_info_2_label {
 width: 52%;
}
 .review_info_2_text {
 width: 48%;
}
 .ess_emp_review_info_2 p:before {
 content: ": ";
 padding: 0px 0px;
 font-weight: bold;
}
 .review_result {
 position:relative;
 width:100%;
 height:200px;
 overflow:auto;
 border:1px solid #CCC;
}
 .ess_total_label {
 margin-left: 30%;
}
 .ess_total_input {
 margin-left: -7%;
}
 .ess_kra_label_row {
 border:none;
 position:absolute;
 min-width:620px;
}
 .ess_kra_edit_label_row {
 border: medium none;
 position: absolute;
 min-width: 620px;
}
 .review_result_innerblock {
 border:none;
 position:absolute;
 min-width:480px;
}
 .ess_emp_img_2 img {
 width: 40px;
 height: 40px;
 border-radius: 1px;
 margin-top: -15px;
}
 .ess_emp_kra_total input[type="text"] {
 margin-left: -15%;
 margin-top: -11px;
}
 .ess_kra_weight input {
 height: 65px;
}
 .ess_add_new_btn {
 margin: 0px 0px 5px 5px;
 float: left;
}
 .ess_add_new {
 padding: 3px 5px;
 font-size: 10px;
}
 .ess_kra_weight_edit input {
 width: 100% !important;
 height: 45px;
}
 .prof_skill_table_row {
 overflow: scroll;
 background-color: #FFF;
 width: 100%;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 height:200px;
}
 .prof_skill_inner_div {
 padding: 1% 2%;
 position:absolute;
 min-width:620px;
}
 .ess_emp_kra_kpi_appraisal {
 overflow: scroll;
 background-color: #FFF;
 width: 100%;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 height:200px;
}
 .ess_emp_kra_kpi_appraisal_inner_div {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
 .boss_prof_skill_table_row {
 overflow: scroll;
 background-color: #FFF;
 width: 100%;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 height:200px;
}
 .boss_prof_skill_inner_div {
 padding: 1% 2%;
 position:absolute;
 min-width:620px;
}
 .boss_ess_emp_kra_kpi_appraisal {
 overflow: auto;
 width: 100%;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 height:200px;
}
 .boss_ess_emp_kra_kpi_appraisal_inner_div {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
 .career_info_row {
 overflow: scroll;
 background-color: #FFF;
 width: 100%;
 border: 1px solid #CCC;
 padding: 1%;
 position: relative;
 height:200px;
}
 .career_inner_block {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
 .edu_info_row, .family_info_row, .course_detail_row, .training_detail_row, .ref_detail_row {
 overflow: scroll;
 width: 100%;
 padding: 1%;
 position: relative;
 height:200px;
 margin-top:1%;
}
 .ess_title_link > a {
 text-decoration: none;
 margin: 0 5px 0 0;
}
 .edu_info_inner_block, .family_inner_block, .course_detail_inner_block, .training_detail_inner_block, .ref_detail_inner_block {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
 .domestic_transport_info, .internation_trans_info, .internation_trans_family_info, .emp_reimbursement_info {
 overflow: scroll;
 width: 100%;
 padding: 1%;
 position: relative;
 height:200px;
}
 .domestic_transport_info_inner_block, .internation_trans_info_inner_block, .internation_trans_family_info_inner_block, .emp_reimbursement_info_inner_block {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
 .ess_language {
 width: 35%;
}
 .ess_lang_read {
 width: 15%;
}
 .ess_lang_write {
 float: left;
 width: 15%;
}
 .ess_lang_speak {
 float: left;
 width: 15%;
}
 .domestic_transport_info, .internation_trans_info, .internation_trans_family_info {
 overflow: scroll;
 width: 100%;
 padding: 1%;
 position: relative;
 height:200px;
}
 .domestic_transport_info_inner_block, .internation_trans_info_inner_block, .internation_trans_family_info_inner_block {
 padding: 1% 2%;
 position:absolute;
 min-width:820px;
}
	/************************************Login Page ******************************************/
	.login_row_1_block_1 {
display:none;
}
 .ess_emp_login_row_1 {
 padding: 4% 1%;
}
 .login_row_1_block_2 {
 display:none;
 padding: 0 0 0 2% !important;
}
 .ess_login_text_logo {
 margin: 5px 0 0 0;
 padding: 2% 0 0 0;
 width: auto;
}
 .ess_login_btn {
 font-size: 12px;
 padding: 5px 10px;
}
 .ess_login_label > label {
 color: #666;
 font-size: 11px !important;
 margin-top: 1px;
 float: right !important;
}
 .ess_login_input > input[type="text"], .ess_login_input > input[type="password"] {
 float: left;
 margin: 0px !important;
 width: 80% !important;
}
 input[type="text"], input[type="password"], input[type="number"], input[type="email"], select {
 width: 230px;
 margin-left:2px;
}
 .login_row_1_block_3 {
 position: absolute;
 top: 50%;
 left: 50%;
 min-width: 310px;
 min-height: 200px;
 margin-left: -165px;
 margin-top: -150px;
}
 .ess_login_div {
 width: 310px;
}
 .ess_login_text_logo > p {
 font-size: 17px;
}
 .block_footer_list > ul > li > a > img {
 height: 18px;
 width: 18px;
}
 .ess_pa_tab > ul.nav {
 padding-left: 5px;
}
 .header_left {
 width: 100%;
}
 .header_right {
 width: 100%;
}
	/************************************ Data Tables******************************************/
	div.dataTables_wrapper {
 max-height: 300px;
}
 .ess_pay_history_list_btn {
 padding: 1px 4px;
 font-size: 10px;
}
 a.ess_list_link {
 font-size: 12px;
}
 .tfootBg select {
 width:auto;
 min-width: 100%;
 margin: 0px !important;
 border: 1px none;
 font-size: 10px;
 padding: 2px 3px;
}
 .title_selectbox label {
 font-size: 10px;
 font-weight: bold;
}
 .ess_title_selectbox {
 float: left;
 margin: 0px 0px 0px 0px;
}
 .ess_title_selectbox select {
 height: 23px;
 margin-top: 0px;
 font-size: 10px;
 padding: 2px 0px;
}
 div.dataTables_wrapper {
 font-size: 10px;
}
 a.DTTT_button {
 padding: 3px 4px;
 font-size: 0.98em;
}
 .dataTables_length select {
 height: 22px;
 padding: 1px;
}
 .dataTables_filter, .dataTables_filter label {
 width:100%;
 padding-left: 1px;
}
 .dataTables_filter label {
}
 .dataTables_length {
 float: left;
 margin-left: 3px;
}
 .dataTables_filter label input[type="text"] {
 height: 25px;
 width:45% !important;
}
 .theadBg th {
 font-size: 12px;
 padding: 4px 6px;
}
 .dataTables_wrapper > .table-bordered > tbody > tr > td {
 padding: 3px 8px !important;
}
 .ess_breadcrumb_list a {
 color: #000;
 text-decoration: none;
 font-size: 10px;
}
 .ess_breadcrumb_list a, .ess_breadcrumb_list li {
 font-size: 10px;
}
 .ess_tab_emp_name {
 font-size: 10px;
}
 #ess_save_alert {
 width:200px;
 margin-top: 30%;
 left: 15% !important;
}
 .ess_total_input {
 width: 15.5% !important;
 margin-left: 0;
}
 .navbar-collapse {
 padding: 0px 15px !important;
}
 .navbar-nav {
 margin: 7.5px 0px;
}
 .ess_send_btn {
 font-size: 11px;
 padding: 5px 15px;
}
 .ess_login_cancel {
 font-size: 11px;
 padding: 5px 12px;
}
 .ess_to_do_list_list_task {
 display: inline-block;
 padding-left: 5px;
}
 .ess_to_do_list_title, .ess_anniversry_title, .ess_myrequest_title, .ess_announcement_title, .ess_dsh_sal_title, .ess_notice_title, .ess_empty_block_title, .ess_birthday_title {
 font-size: 11px;
 padding: 6px 10px;
}
 .ess_announcement_list_item_date {
 width: 90px;
}
 .ess_notice_list_item_date {
 width: auto;
}
 .ess_empty_block {
 padding: 10px 10px 0px 20px;
}
 .ess_birthday_div {
 padding: 10px 15px 20px;
}
 .ess_birthday_count, .ess_anniversry_count {
 padding: 6px;
 font-size: 12px;
 margin-top: -4px;
}
 .ess_new_del_confirm > .modal-dialog {
 width: 300px;
}
 .ess_new_del_confirm > .modal-dialog > .modal-content > .modal-body > p {
 float: left;
 width: 60%;
 padding-left: 10px;
}
 .modal-dialog {
margin: 35% auto;
}
 .ess_new_aft_del > .modal-dialog {
width: 300px;
}
 .ess_footer_div {
}
 .ess_main_panel {
}
 .ess_main_content label {
font-size: 11px;
}
 .ess_video_div {
width: 70%;
height: 200px;
}
 .ess_video_div > object {
height: 200px !important;
}
 #MediaPlayer {
height: 200px !important;
}
 .attendance_month_Calender_table1 table caption label:nth-child(2) {
}
 .ess_attendance_report_div {
 padding: 2%;
 margin-top:2%;
}
 .ess_title_link {
 margin-top: 0;
}
 .attendance_month_Calender_table2 {
 padding: 0 0 0 0;
}
 .ess_emp_review_info {
padding: 10px 0px 10px 0px;
}
 .ess_kra_kpi_table1 input[type="text"] {
height: 48px;
}
 .ess_logo_company_name::first-letter {
font-size: 36px;
}
 .ess_logo_company_name {
font-size: 24px;
text-align:center;
}
 .ess_header_login_inputs {
 float: left;
 margin: 0px auto;
 width: 100%;
 font-size:16px;
}
 .ess_hl_user_name {
float: none;
}
 .ess_hl_user_password {
float: none;
}
 .ess_hl_user_name, .ess_hl_user_password, .ess_hl_btn_div {
 float: none;
 margin: 0px auto 15px;
 width: 200px;
}
 .ess_hl_btn_div {
text-align:center;
}
 .ess_main_container_fluid {
height: 540px;
}
 .ess_main_container_fluid_1 {
 background-color: rgba(29, 92, 105, 0.43);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-position: 50% 50%;
 position: relative;
 color: #FFF;
 margin-bottom: 0px;
 top: 100%;
}
 .ess_header_login_inputs label {
 padding-left: 2px;
}
 .ess_new_login_header {
 height: 100%;
 background-color: rgba(29, 92, 105, 0.49);
}
 .ess_new_footer_div {
z-index:2;
}
 .ess_header_container_2 {
left: 26%;
}
 .ess_tnd_fedk_redio_div, .ess_tnd_fedk_text_div {
left:0
}
 .ess_tnd_fedk_text_div textarea {
margin-left: 3px !important;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
 color: #FFF;
 float: left;
 font-size: 14px;
 margin: 0px;
 padding: 0px 0px 0px 4px;
 width: 100%;
 text-align: center;
}
 .ess_information_block_ {
 width: 100%;
 padding: 1%;
 position: relative;
 height: 250px;
 overflow:auto;
 border:1px solid #CCC;
 margin-top:1%;
}
 .ess_information_body {
 position: absolute;
 width: 950px;
 padding-bottom: 3%;
}
 .main_block_row {
border:none;
}
 .ess_tab_settings .list-inline > li {
 padding: 0px 2px;
}
 .ess_tab_div .col-xs-6 {
width:100%;
}
 .ess_ft_left, .ess_footerlink__div, .ess_ft_right, .ess_ft_right p {
 width: 100%;
 text-align:left;
}
 .ess_footerlink__div ul {
float:left;
margin-left: 0;
}
	/*.orgChart {
		width: 100%;
		overflow: auto;
	}*/
	.essdsh_sal_tbl .table {
 font-size: 12px;
}
 .sal_btn {
 padding: 3px 3px;
 font-size: 10px;
}
 .ess_print, .ess_dwn_load_btn {
 padding: 4px 8px;
 font-size: 15px;
}
 .ess_tab_settings .list-inline > li a span {
 font-size: 10px;
}
 .ess_dsh_sal_list > .ess_dsh_sal_list_item {
padding:0 0 0 3px;
}
 .ess_tab_settings .list-inline > li a {
/* padding: 2px 4px 5px; */
	}
 .tab_logout_btn span {
/* 	top: -1px !important;
		font-size: 14px !important;
		width: 22px; */
	}
 .emp_dsh_info_block {
width:89%;
}
 table {
 font-size: 12px;
 color: #000;
}
 .ess_list_title {
 font-size: 12px;
 padding: 2px 0px 10px 2px;
}
 .ess_subheader2 {
 margin-bottom: 2px;
 margin-top: 10px;
}
 div.left_panel_sub_menu1 > ul > li, div.left_panel_sub_menu2 > ul > li {
}
 .get_details_btn_div {
margin:10px 0 0 0 !important;
}
 .kra_kpi_selectbox select {
 width: 200px;
 max-width: 350px;
}
 body {
background-color: #F5F5F5;
}
 .ess_emp_info {
 padding: 10px 6px;
}
 .ess_emp_img > img {
 margin-left: 0;
}
 .essmedi_clm_tbl_row, .essremb_tbl_row, .esstrns_dom_tbl_row, .esstrns_int_tbl_row, .esstrns_intfam_tbl_row, .essemp_edu_tbl_row {
 padding-left: 8px;
 padding-right: 2px;
}
 .essemp_edu_tbl_row, .essemp_cer_tbl_row, .essemp_fam_tbl, .eessemp_fam_tbl_row, .essemp_course_tbl_row, .empess_trn_tbl_row, .empess_refc_tbl_row, .empess_lang_tbl_row {
 padding-left: 8px;
 padding-right: 2px;
}
 .essmedi_clm_tbl_row > .ess_add_row, .essemp_fam_tbl {
 padding: 0px 2px;
}
 .essmedi_clm_tbl, .essremb_tbl, .esstrns_dom_tbl, .esstrns_int_tbl, .essemp_edu_tbl, .essemp_cer_tbl, .essemp_course_tbl, .empess_trn_tbl, .empess_refc_tbl, .empess_lang_tbl {
 padding: 0px;
}
	/* .essemp_edu_tbl_row .ess_add_row, .essemp_course_tbl_row .ess_add_row, .empess_trn_tbl_row .ess_add_row {
    padding: 0px 0 0 0px;
	} */
	.essremb_tbl > .table {
width:800px;
max-width:800px;
}
 .essemp_edu_tbl >.table, .essemp_cer_tbl >.table, .essemp_fam_tbl >.table, .essemp_course_tbl >.table, .empess_trn_tbl >.table, .empess_refc_tbl >.table {
width:800px;
max-width:800px;
}
 .essmedi_clm_tbl table, .esstrns_dom_tbl table, .esstrns_int_tbl table {
width:800px;
max-width:800px;
}
 .ess_inner_row, .ess_ess_inner_row, .ess_ess_ess_inner_row {
 padding-left: 8px;
}
 .kra_kpi_selectbox select {
width:33%;
max-width:33%;
}
 .ess_logo_company_name {
 font-size: 22px;
 text-align: center;
}
 .product_by_div > p {
 text-align: left;
}
 .ess_new_footer_div {
 z-index: 0;
 position: relative;
}
 .ess_header_login_inputs_div {
min-height:95vh;
}
 label.error {
 width: 100%;
 max-width: 100%;
}
 .ess_tab_settings .list-inline > li {
 padding: 0px 3px 0 0;
}
 .ess_notification_list li .list-group-item {
 padding: 5px;
}
 .ess_notification_list > li > a > span {
 padding-right: 5px;
}
 .ess_notification_list > li > a > label {
 padding: 0 5px;
}
 .ess_help_modal_dialog {
 width: 70% !important;
 margin: 35% auto 0 !important;
}
 .ess_sublabel_heading label {
 margin: 5px 0px 10px 10px;
}
 .ess_selectbox {
 width: auto;
}
 .ess_emp_form_steps_1 li {
width: 50%;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left:0%;
}
 .ess_add_new_field {
 margin-right: 5px;
}
 .ess_leavetype_alert > .modal-dialog, .ess_valid_date_alert > .modal-dialog, .ess_pending_alert > .modal-dialog, .ess_already_exist_alert > .modal-dialog, .ess_valid_date_alert > .modal-dialog, .ess_new_apply_confirm > .modal-dialog {
width: 300px;
}
 .ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > p, .ess_pending_alert > .modal-dialog > .modal-content > .modal-body > p, .ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > p, .ess_leavetype_alert > .modal-dialog > .modal-content > .modal-body > p, .ess_valid_date_alert > .modal-dialog > .modal-content > .modal-body > p, .ess_already_exist_alert > .modal-dialog > .modal-content > .modal-body > p {
 width:75%;
}
 .ess_red_ok {
padding: 5px 12px;
font-size: 10px;
}
 .ess_btn_del_cancel {
font-size: 10px;
}
 .ess_new_apply_confirm > .modal-dialog > .modal-content > .modal-body > p {
 width: 65%;
}
 .ess_main_panel {
 min-height: 900px;
}
 .ess_emp_detail2 .dl-horizontal dd {
 margin-left: auto;
 max-width: 62%;
}
 .ess_emp_detail1 .dl-horizontal dd {
 margin-left: auto;
 max-width:58%;
}
 .ess_emp_detail2 .dl-horizontal dd {
 margin-left: auto;
 max-width: 58%;
}
.ess_emp_detail2 > .dl-horizontal {
 margin-left: 45px !important;
}
.ess_emp_detail1 > .dl-horizontal {
 margin-left: 0 !important;
}
 .print_download_btns {
float: left;
}
 .ess_dwn_load_btn {
 padding: 5px 8px;
 font-size: 11px;
}
.amt_value {
min-height: 24px;
}
 .view_pdf_doc_div {
 width: 98%;
}
 .ess_emp_payslip_table1 {
 padding: 0 5px 0 0;
}
 .ess_pay_ytd_table1 {
 padding: 0 5px 0 0;
}
 .ess_letter_div {
 font-size: inherit;
}
 .ess_print, .ess_dwn_load_btn {
 padding: 4px 6px;
 font-size: 12px;
}
 .month_year_block select {
width:auto;
}
 .attendance_month_Calender_table1 table caption label:nth-child(2) {
}
 .ess_input_auto {
width: 100%;
margin-bottom:1.7%;
}
 .ess_input_auto input, .ess_input_auto select {
width: 230px !important;
}
 div.left_panel_sub_menu1 > ul > li, div.left_panel_sub_menu2 > ul > li {	/*    width: 248px;*/
}
 .ess_prv_rev_tbl_row {
padding: 0 5px;
}
 .emp_info_block2_list > .block2_list_item {
float: left;
width: 100%;
}
 .block2_list_item_label {
 width: 87px;
text-align: right;
}
 .block2_list_item_text {
 max-width: 63%;
padding-left:15px;
}
 .block2_list_item_text::before {
margin-left: -15px;
}
 .kra_msg_left > h4 {
font-size: 14px;
}
 .ess_orange_popup_model > .modal-dialog {
width: 300px;
}
/* 	div.left_panel_sub_menu1 {    width: 112.5%;}
	div.left_panel_sub_menu2 {    width: 120%;} */
	div.left_panel_sub_menu1 {
 width: 280px;
 margin-left: -26px;
}
 .left_panel_sub_menu1 > ul > li:last-child {
 border-top: none;
 margin-bottom: -4px;
}
 div.left_panel_sub_menu1 > ul > li {
 margin-left: 0px;
}
 div.left_panel_sub_menu2 {
width: 280px;
}
 .essremb_team_tbl .table {
width: 800px;
max-width: 800px;
}
 .ess_announcement_list_item_text {
max-width: 64%;
}
 .ess_announcement_list_item_date {
width: 90px;
}
 .ess_anniversry_div_row .ess_empty_block {
padding: 10px 15px 0px 15px;
}
 .ess_acc_den_msg_row {
 margin: 30% 0 0 0;
 height: 100vh;
}
 .ess_acc_den_header {
 height: 60px;
}
 .ess_acc_den_msg {
 font-size: 20px;
}
}
/* **********************************************CSS for Tablets *************************************************************/
@media screen and (min-width: 768px) and (max-width: 991px) {
 .header_right {
 width: 30%;
}
 .header_left {
 width: 70%;
}
 .ess_subheader2 {
 margin-top: 17px;
}
 .ess_left_inner_row > .col-md-6:last-child > .ess_empty_block {
 padding: 25px 0px 0px 0px;
}
 .ess_left_inner_row {
 padding: 0px 0px 1%;
}
 .hrm_saas_logo > img {
 width: 90px;
 height: 20px;
}
 .ess_attendance_report_div {
 padding: 2%;
}
 .ess_myrequest_div {
 padding: 1% 0px 0px;
}
 .attendance_month_Calender_table2 {
 padding: 0 3% 0 0;
}
 .attendance_month_Calender_table1 table caption label:nth-child(2) {
}
 .ess_kra_weight_edit input {
 height: 48px;
}
 .ess_add_new_field {
 font-size: 11px;
 margin-right: 0;
}
 .ess_emp_login_row_1 {
 padding: 4% 1%;
}
 .ess_footer_div {
/* 	position: fixed; */
	width: 100%;
 bottom: 0px;
}
 .block_2_content {
 padding: 0px 0px 0px 0px;
}
 .ess_login_label > label {
 font-size: 11px !important;
 margin-top: 1px;
}
 .block_footer_list {
 padding: 5px 3px;
}
 .block_footer_list > ul > li > a > img {
 height: 18px;
 width: 18px;
}
 .login_row_1_block_1 {
}
 .login_row_1_block_2 {
padding: 0;
}
 .login_row_1_block_3 {
 padding: 0px 0% 0px 2%;
}
 .login_welcome_img img {
 height: 260px;
 max-width: 100%;
 display: block;
}
 .ess_login_text_logo {
 margin: 5px 0 0 0;
 padding: 2% 0 0 0;
 width: auto;
}
 .block_2_content_body {
 padding: 2px 14px;
}
 .block_2_content_heading {
 padding: 5px 10px;
 font-size: 13px;
}
 ul.block_2_content_list {
 padding: 0px 5px;
}
 ul.block_2_content_list > li {
 padding: 13px 0px;
 font-size: 8px;
}
 .ess_login_block_header_text {
 text-align: center;
 padding: 3px;
}
 .ess_login_btn {
 font-size: 12px;
 padding: 5px 10px;
}
 .ess_login_label > label {
 color: #666;
 margin-top: 1px;
 float: right !important;
}
 .ess_login_input > input[type="text"], .ess_login_input > input[type="password"] {
 float: left;
 margin: 0px !important;
 width: 80% !important;
}
 .ess_login_error_mgs > p {
 font-size: 10px;
}
 .month_holiday_tbl {
padding:0;
}
 .ess_login_text_logo > p {
 font-size: 19px;
}
 .ess_auto_genrate a {
 font-size: 12px;
 margin-left: 3px;
}
 .ess_emp_datails1 dt, dd {
 line-height: 1.42857;
 padding: 5px 0px 5px 5px !important;
 float: left;
}
 .ess_emp_datails dl {
 margin: 0px !important;
 float: left;
 clear: both;
}
 .ess_emp_datails3 .dl-horizontal dt {
 width: 110px;
 text-align: right;
}
 .ess_emp_datails {
 padding: 0 0 0 4%;
}
 .ess_emp_datails .dl-horizontal dd {
 margin-left: 8px;
}
 .ess_emp_datails .dl-horizontal dt {
 width: 140px !important;
}
 #apr_boss_feedback textarea {
width:80% !important;
}
 .ess_total_input {
 width: 15.5% !important;
 margin-left: -8%;
}
 .ess_add_new_btn {
 margin: 0px 0px 0px 5px;
}
 .jd_textbox textarea {
height:200px;
}
 .print_download_btns {
 margin: 0px 0px 0px 5px;
}
 .ess_dwn_load_btn {
 font-size: 12px;
 padding: 5px 5px;
}
/* 	.print_download_btns span.glyphicon.glyphicon-print, .print_download_btns span.glyphicon.glyphicon-download-alt {
    font-size: 16px;
	} */
	.ess_add_new {
 padding: 3px 6px;
 font-size: 11px;
}
 .ess_print {
 padding: 5px;
 font-size: 12px;
}
 .ess_dwn_load_btn {
 padding: 5px;
 font-size: 12px;
}
 .review_form_label {
margin: 15px 0;
}
 .ess_emp_kra_total input[type="text"] {
 width: 90% !important;
 margin-left: -15%;
 margin-top: -11px;
}
 .ess_leave_count {
 margin: 0px;
 font-size: 12px;
}
 .ess_kra_weight input {
 height: 48px;
}
 .ess_leave_count > li:nth-child(2), .ess_leave_count > li:nth-child(4) {
padding: 5px 6px;
}
 .ess_leave_count > li:nth-child(4) {
padding: 5px 10px;
}
 .ess_emp_leave_table {
 width: 100%;
 overflow: auto;
}
 .appraisal_dashboard_schedule {
 margin: 3% 7%;
}
 .appraisal_dashboard_task {
 margin: 3% 7%;
}
 .dropdown-menu > div > li > a {
 font-size: 11px;
}
 .ess_dashboard_count_1, .ess_dashboard_count_2 {
 margin: 0% 20% 4%;
}
 .ess_emp_info .ess_label {
min-width:33%;
}
 .ess_emp_info .ess_label label {
 float: right;
}
 .invest_year_value {
 padding: 0px 0px 0px 10px;
}
 .ess_inline_input {
 margin-left: 0 !important;
 margin-top: 10px;
}
 #rating_summry .ess_inline_input {
 margin-left: 0px !important;
 margin-top: 0px;
}
	
	/*#rating_summry > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > input:nth-child(1)*/
	.ess_sublabel {
 display: inline-block;
}
 .ess_sublabel_heading label {
 margin: 5px 0px 10px 20px;
}
 body {
 font-size: 12px;
}
 .hrm_saas_logo {
 width: auto !important;
}
	/* .hrm_saas_logo > img {
		height: 20px;
		width: 90px  !important;
	} */	
	.user_name {
 font-size: 14px;
 margin-top: 0 !important;
 padding-right: 3px !important;
}
 .ess_hide_menu {
 font-size: 11px;
 padding: 3px 4px 3px 4px;
}
 .ess_emp_info label {
 float: none;
}
 .ess_heade_logo {
 float: left;
 margin: 5px 10px;
}
 .ess_heade_logo > img {
 height: auto;
}
 .ess_tab_emp_img img {
 width: 25px;
 height: 25px;
 margin-left: 6px;
}
 .ess_header_text_logo {
 max-width:70%;
 padding:5px 0 0 0;
 margin:20px 0 0 0;
}
 .ess_header_text_logo > p {
 font-size: 18px;
}
 .ess_inner_row {
 margin-bottom: 1%;
 padding: 0 0 0 2px;
}
 .ess_inner_row, .ess_ess_inner_row, .ess_ess_ess_inner_row {
 padding-left: 6px;
}
 table tr th {
 font-size: 12px;
}
 table tr td {
 font-size: 11px;
 color: #000;
}
	
	/*.ess_label {
		min-width: 49.5%;
	}*/
	.ess_label {
 width: 49%;
}
 .ess_emp_review_info .ess_label label {
 margin-right:-5px;
}
 .ess_hide_show_div {
 width:90px;
 padding: 0 2px;
 float: left;
}
 .ess_breadcrumb_div {
 float: left;
 width:auto;
}
 .ess_breadcrumb_list {
 padding: 3px 5px 3px;
 font-size: 11px;
}
 .ess_help {
 float: right;
 padding: 0 2px;
 margin-right: 0px;
}
 .ess_help_btn {
 font-size: 11px;
 padding:3px 4px;
}
 .ess_help_btn > span {
 font-size: 8px;
 top: -1px;
}
 .ess_help > a {
 float:right;
}
 .ess_myrequest_div {
 padding: 20px 0px 0px 0px;
}
 .ess_heade_logo > .ess_rect_logo > img {
 width:110px;
 height:60px;
 float:left;
}
 .ess_heade_logo > .ess_squar_logo > img {
 width:60px;
 height:60px;
 float:left;
}
 .ess_announcement_list_item_date {
 width: 17%;
}
 .ess_announcement_list_item_text {
 max-width: 82%;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(3) {
margin-left:5px;
}
 .ess_title_div {
}
 .ess_title_buttons_div {
 padding: 0;
}
 .ess_title {
 font-size: 13px;
 padding: 2px 5px 3px 3px;
}
 .ess_emp_title_div .ess_title {
 padding: 2px 0px 3px 2px;
}
 .ess_selectbox {
margin-bottom:5px;
}
/* 	.ess_back_btn {    margin: -20px 0px 0px 5px;} */
	.ess_back {
 padding: 3px 4px;
 font-size: 11px;
/* line-height: 1.4; */
	}
 .ess_save {
 margin: 15px 10px 10px 0px;
 padding: 5px 15px;
 font-size: 12px;
}
 .ess_cancel {
 margin: 15px 10px 10px 0px;
 padding: 5px 15px;
 font-size: 12px;
}
 .ess_title_buttons {
position:relative;
}
 .ess_back_btn {
 margin: 0px 0px 0px 5px;
/*position: absolute;
		top: 5px;
		right: 5px; */

	}
 .ess_title_buttons > .ess_back_btn, .title_buttons_div > .ess_back_btn, .ess_title_buttons_div > .ess_back_btn {
/* margin: 0px 0px 5px 5px;
		position: absolute;
		top: -22px;
		right: 2px; */

	}
 .form-group {
margin-bottom: 10px;
}
 .ess_inner_row > .form-group > div > label {
 float: none;
 margin-top: 0px;
 padding: 0px 2px;
}
 .ess_password_block {
 width:200px;
 padding: 18px 15px 35px;
 border-radius: 4px;
 margin: 1% 1% 1% 0;
}
 .ess_auto_genrate {
padding:3px 0;
}
 .container-fluid {
padding: 3px;
}
	

/*.ess_left_panel{ 	
	min-width: 250px;
		position: absolute;	
		z-index: 10;
		overflow: hidden;
		margin-top:35px;
		-webkit-transition:all .4s ease-in-out;
		-o-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
		padding-right:7px;
		
		width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1110;
	overflow: visible;
	position: fixed;
	margin-top: 0px;
	top: 0px;
	margin-left: -5px;
	padding-left: 10px;}*/
	
		 .ess_left_panel {
 /*  width: 23% !important; */
 		display:none;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.75);
 z-index: 1110;
overflow: visible;
 position: fixed;
margin-top: 0px;
 top: 0px;
margin-left: -3px;
 padding-left: 10px;
}
.ess_left_sidebar_menu {
width:300px;
}
 #accordion {
 margin-top: 165px;
position: fixed;
overflow: auto;
max-height: 500px;
width:300px;
}
 .ess_right_panel {
 min-width: 100% !important;
 border: 1px solid #CCC;
 min-height: 700px;
 padding: 0px;
}
 .ess_hide_menu_fixed {
 font-size: 11px;
 padding: 4px;
 z-index: 1111;
 position: fixed;
 top: 125px;
}
/*	#accordion {
    width: 35%;
    margin-top: 26%;
	position: fixed;
	max-height:700px;
	overflow:auto;
	}
	.ess_hide_menu_fixed {
    font-size: 11px;
    padding: 4px;
    z-index: 1111;
	position: fixed;
	top: 165px;
	}*/
	.panel-default > .panel-heading {
 padding: 6px 10px;
}
 .panel-title {
font-size: 12px;
}
 .ess_left_sidebar_menu > .panel-group > .panel > .panel-heading > h4.panel-title > a > span.glyphicon {
 font-size: 12px;
 padding-right: 5px;
}
 .ess_emp_form_steps_1 span {
 margin: 0px 1px 0px 0px;
}
 .down_trangle {
 margin-top: 5px;
 border-top: 3px solid;
}
 .panel-body ul li a {
 font-size: 11px;
}
 .panel-body > ul > li {
 padding: 5px 2px 5px 14px;
}
	/*.ess_save {
		font-size: 12px;
		padding: 5px 14px;
	}
	.ess_cancel {
		font-size: 12px;
		padding: 5px 14px;
	}*/
	.ess_selectbox select {
 width: 90px;
}
.month_year_block select {
width:auto;
}
.kra_kpi_selectbox select {
width:33%;
max-width:33%;
}
 textarea {
 width: 80% !important;
 margin: 4px 0px 0px 0px;
}
 .ess_inner_row > .form-group > div > label {
 float: none;
 margin-top: 0px;
 padding: 0px 2px;
 white-space:nowrap;
}
 .ess_inline_label {
margin-top:10px;
margin-left:0;
}
 .ess_pendind_leave_badge {
 margin-top: 10px;
}
 .ess_inner_row > .form-group > div > label {
 float: none;
 margin-top: 0px;
 padding: 0px 2px;
 white-space:nowrap;
}
 .colon {
 font-size:13px;
 padding-left: 0.2em;
 font-weight: bold;
 float: none;
}
 .ess_invest_label label, .ess_invest_sublabel label {
 float: none !important;
 margin-left: 0;
}
 .ess_sub_row label {
 margin: 0px 0px 10px 4px;
 float: left !important;
}
 .ess_sub_row input[type="text"] {
/*  width:200px !important;*/
	}
 .ess_sub_row input[type="text"] {
 width: 42%;
}
 .ess_emp_detail1 {
 border-bottom: 1px solid #CCC;
min-height: 100px;
border-right: none;
}
 .ess_emp_detail2 {
border-top:none;
min-height:100px;
clear:both;
}
 .ess_emp_detail1 img {
 width: 60px;
 height: 60px;
}
 .dl-horizontal dt {
 text-align: right;
 text-overflow: ellipsis;
 overflow: hidden;
 float: left;
 width: 100px;
 clear: left;
 white-space: nowrap;
}
 .dl-horizontal dd {
 margin-left: 0;
}
 .ess_emp_detail1 > .dl-horizontal {
margin-left:5% !important;
}
 .ess_emp_detail2 > .dl-horizontal {
margin-left:13% !important;
}
 .ess_emp_datails1 dt, dd {
 line-height: 1.42857;
 padding: 5px 0px 5px 5px !important;
 float: left;
}
 .ess_pay_ytd_table1 {
overflow-y:auto;
}
 .ess_emp_form_steps {
 font-size: 11px;
 font-weight: 600;
}
 .ess_emp_form_steps > li {
 margin: 0 0 4px 0;
}
 .left_label label {
 float: none !important;
}
	/************************************ Data Tables******************************************/
	/* div.dataTables_wrapper {
		height: 350px;
	} */
	.tfootBg select {
 width:auto;
 min-width: 100%;
 margin: 0px !important;
 border: 1px none;
 font-size: 11px;
 padding: 3px 4px;
}
 .ess_pay_history_list_btn {
 padding: 2px 5px;
 font-size: 11px;
}
 a.ess_list_link {
 font-size: 11px;
}
 .title_selectbox label {
 font-size: 11px;
 font-weight: bold;
}
 div.dataTables_wrapper {
 font-size: 11px;
}
 a.DTTT_button {
 padding: 4px 5px;
 font-size: 0.98em;
}
 .dataTables_filter {
 width:auto;
}
 .dataTables_length select {
 height: 26px !important;
}
 .dataTables_filter label {
font-size:12px;
}
 .dataTables_filter label input[type="text"] {
 height: 25px;
 width:auto !important;
}
 .theadBg th {
 font-size: 12px;
 padding:6px 8px;
}
 .dataTables_wrapper > .table-bordered > tbody > tr > td {
 padding: 3px 8px !important;
}
 #ess_save_alert {
 width:350px;
}
 .review_info_2_label {
 padding-left: 1%;
}
 .ess_send_btn {
 font-size: 12px;
 padding: 5px 17px;
}
 .ess_login_cancel {
 font-size: 12px;
 padding: 5px 14px;
}
 input[type="text"], input[type="number"], input[type="email"], input[type="password"], select {
 width: 33%;
}
 .ess_kra_weight input {
/*height: 48px;*/
	}
 .ess_fpwd_content {
 padding: 33px 0px;
}
 .ess_kra_kpi_table1 input[type="text"] {
/*height: 48px;*/
	}
 .ess_logo_company_name {
text-align: left;
}
 .ess_header_login_inputs {
 float: left;
 margin: 0px auto;
 width: 80%;
 padding: 0 10px;
}
 .ess_header_container_2 {
left: 33%;
}
 .ess_header_container {
padding: 0px 5px;
width: 100%;
}
 .ess_header_login_inputs {
width: 100%;
}
 .ess_header_login_inputs input[type="text"], .ess_header_login_inputs input[type="password"], .ess_header_login_inputs input[type="email"] {
width: 95%;
}
 .ess_logo_company_name {
font-size: 24px;
}
 .ess_logo_company_name::first-letter {
font-size:48px;
}
 .ess_header_login_inputs_div {
width: 60%;
float: left;
}
 .co_name_div {
width: 40%;
float: left;
}
 .ess_tnd_fedk_redio_div, .ess_tnd_fedk_text_div {
 left: 0.3%;
}
 .ess_tnd_fedk_text_div textarea {
 margin-left: 3px !important;
}
 .ess_tnd_fedk_redio_div label {
 margin-right: 20px !important;
}
 .ess_tab_settings {
 margin-top: 7px;
}
 .ess_emp_form_steps_1 li {
 padding: 5px;
 font-size: 11px;
}
 .ess_emp_img_2 img {
 width: 40px;
 height: auto;
 border-radius: 1px;
 margin-top: -13px;
}
 .ess_emp_review_info_2 label {
 font-size: 12px;
}
 .rating_head_label_2 {
margin-top:0;
}
 .ess_pa_tab > .nav > li > a {
 padding: 8px 5px;
}
 .tab-content label {
 margin-left: 0px;
}
 .ess_left_sidebar_menu {
 border-right: 1px solid #EDF2F3;
}
 .get_details_btn_block {
margin-left:0%;
}
 .get_details_btn_div {
 float: left;
 margin: 2px 0;
}
 .ess_list_title_div {
 margin: 0px 0px 20px;
}
 .ess_list_title_div > div:first-child, .ess_list_title_div > .ess_title_buttons {
 float: left;
 width: 50%;
}
 .ess_emp_title_div > div:first-child {
 float: left;
 width: 50%;
}
 .ess_title_div > div:first-child {
 float: left;
 width: 50%;
}
 .ess_title_selectbox {
 float: right;
 width: auto;
 margin: 0 0px 0;
}
 .ess_title_selectbox select {
 width: auto;
 font-weight: normal;
 padding: 2px 2px;
 height: 24px;
}
 .ess_main_content label {
 font-size: 12px;
}
 body {
background-color: #F5F5F5;
}
 .ess_inner_row > .form-group > div > div.error {
 width: 100%;
}
 .ess_list_title {
 font-size: 13px;
 padding: 2px 0px 5px 4px;
}
 .tab_logout_btn > a {
 font-size: 12px !important;
}
 .ess_tab_settings .list-inline > li > a > span {
font-size: 10px;
}
 .sal_btn {
 padding: 3px 8px;
 font-size: 12px;
}
 .ess_title_selectbox label, .ess_title_selectbox select {
font-size: 12px;
}
 .essmedi_clm_tbl_row, .essremb_tbl_row, .esstrns_dom_tbl_row, .esstrns_int_tbl_row, .esstrns_intfam_tbl_row, .essemp_edu_tbl_row {
 padding-left: 6px;
 padding-right: 6px;
}
 .essemp_edu_tbl_row, .essemp_cer_tbl_row, .essemp_fam_tbl, .eessemp_fam_tbl_row, .essemp_course_tbl_row, .empess_trn_tbl_row, .empess_refc_tbl_row, .empess_lang_tbl_row {
 padding-left: 6px;
 padding-right: 6px;
}
 .essmedi_clm_tbl_row > .ess_add_row, .essemp_fam_tbl {
padding: 0px 0px;
}
 .essmedi_clm_tbl, .essremb_tbl, .esstrns_dom_tbl, .esstrns_int_tbl, .essemp_edu_tbl, .essemp_cer_tbl, .essemp_course_tbl, .empess_trn_tbl, .empess_refc_tbl, .empess_lang_tbl {
padding: 0px;
}
 .ess_input_auto input, .ess_input_auto select {
width: 33% !important;
}
 div.left_panel_sub_menu1 > ul > li, div.left_panel_sub_menu2 > ul > li {
}
 .ess_emp_img img {
 width: 80px;
 height: 80px;
}
 .esstrns_int_tbl .table {
 width: 120%;
 max-width: 120%;
 margin-bottom: 20px;
}
 .ess_emp_info {
padding: 10px 15px;
}
 .ess_announcement_list_item_date {
width: 15%;
}
 .ess_emp_review_info_new {
 padding: 10px 3px 10px 7px;
 margin-bottom: 15px;
}
 .ess_logo_company_name {
text-align: left;
}
 .ess_notification_list li .list-group-item {
padding: 10px;
}
 .ess_sublabel_heading label {
margin: 5px 0px 10px 5px;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left:10%;
}
 .ess_emp_detail1 .dl-horizontal dt, .ess_emp_detail2 .dl-horizontal dt {
width: 120px;
}
 .ess_emp_detail > .ess_inner_row {
border-top:none;
border-bottom:none;
padding-left: 0px;
}
 .ess_emp_detail2 > .dl-horizontal {
margin-left: 112px !important;
}
 .ess_emp_detail > .ess_inner_row {
border-top:none;
border-bottom:none;
}
 .attendance_month_Calender_table1 table caption {
padding:8px 5px;
margin-bottom: 0 !important;
}
 .amt_value {
min-height: 24px;
}
 .ess_input_auto {
width: 100%;
margin-bottom:1.7%
}
 .left_panel_sub_menu1 > ul > li:last-child {
margin-bottom: -6px;
}
/* 	div.left_panel_sub_menu1 {
		width: 107.5%;
	}div.left_panel_sub_menu2 {
		  width: 114%; } */
/* 	div.left_panel_sub_menu1 {    width:110.5%;	}
	div.left_panel_sub_menu2 {      width: 120%; } */
	div.left_panel_sub_menu1 {
 width: 300px;
 margin-left: -26px;
}
 .left_panel_sub_menu1 > ul > li:last-child {
 border-top: none;
 margin-bottom: -6px;
}
 div.left_panel_sub_menu1 > ul > li {
 margin-left: 0px;
}
 div.left_panel_sub_menu2 {
width: 300px;
}
 .ess_prv_rev_tbl_row {
padding: 0 5px;
}
 .ess_cur_krakpi_tbl_row {
padding: 0px 5px 0 0;
}
 .ess_apraps_rating_tbl .table {
width: 400px;
max-width: 400px;
}
 .ess_prv_kra_view_tbl {
padding-right:5px;
}
 label.error {
width: 100%;
max-width: 100%;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left: 0;
}
 .ess_emp_img_2 img {
width: 40px;
height: 40px;
}
 .ess_acc_den_header {
height: 60px;
}
}
/* **********************************************CSS for Desktops *************************************************************/


@media screen and (min-width: 992px) and (max-width: 1200px) {
 .get_details_btn_block {
margin-left:6%;
}
 .ess_back span.glyphicon.glyphicon-print, .ess_back span.glyphicon.glyphicon-download-alt {
 font-size: 15px;
}
 .ess_left_inner_row > .col-md-6:last-child > .ess_empty_block {
 padding: 20px 0px 0px 20px;
}
 .ess_subheader2 {
 margin-top: 15px;
}
 .ess_tab_settings {
 margin-bottom: 2px;
}
 .ess_kra_kpi_table1 input[type="text"] {
/*height: 48px;*/
	}
 .ess_main_panel {
/* padding: 0px 3px 20px;*/
	}
 .ess_auto_genrate a {
 margin-left: 20%;
}
 .ess_inline_input {
 margin-left: 6%;
}
 .ess_add_new_btn {
 margin: 0px 5px 0px 0;
}
 .ess_add_new {
 padding: 4px;
 font-size: 11px;
 line-height: 1.4;
}
 .ess_print {
 padding: 5px;
 font-size: 13px;
}
 .ess_dwn_load_btn {
 padding: 5px 6px;
 font-size: 13px;
}
 a.DTTT_button {
 padding: 5px 8px;
}
	/* .print_download_btns span.glyphicon.glyphicon-print, .print_download_btns span.glyphicon.glyphicon-download-alt {
    font-size: 15px;
	} */
	.attendance_month_Calender_table1 table caption label:nth-child(2) {
 padding: 5px 1%;
}
 .ess_footer_div {
}
 .ess_login_block_header_text {
text-align:center;
padding:7px;
}
 .block_2_content_body {
 padding: 2px 14px;
}
 .block_2_content_heading {
 padding: 5px 10px;
 font-size: 13px;
}
 .ess_invest_label label {
 white-space: normal !important;
}
 ul.block_2_content_list > li {
 padding: 13px 0px;
 font-size: 12px;
}
 .attendance_month_Calender_table2 .table {
font-size:12px;
}
 .ess_title_buttons_div {
 padding: 0;
}
 #divSection3 .table {
margin-left:15px;
}
 .ess_login_btn {
 font-size: 12px;
 padding: 5px 10px;
}
 ess_inline_input {
 margin-left: 6%;
}
 ul.block_2_content_list {
}
 .login_row_1_block_2 {
 padding: 0px 0px 0 15px;
}
 .login_row_1_block_3 {
 padding: 0px 2% 0px 1%;
}
 .ess_login_label > label {
 font-size: 12px !important;
}
 .ess_login_content {
 padding: 13px 0px;
}
 .ess_login_btn {
 font-size: 13px;
 padding: 5px 20px;
}
 .review_info_2_label {
 padding-left: 3%;
}
 .ess_leave_count {
 margin: 0px;
 font-size: 12px;
}
 .ess_leave_count > li:nth-child(2), .ess_leave_count > li:nth-child(4) {
 padding: 5px 10px;
}
 .ess_leave_count > li:nth-child(4) {
 padding: 5px 12px;
}
 .ess_emp_leave_table {
 width: 100%;
 overflow: auto;
}
 .hrm_saas_logo {
 width: auto !important;
}
 .hrm_saas_logo > img {
 height: 25px;
 width: 90px !important;
}
 .ess_tab_div {
 padding: 0;
}
 .user_name {
 font-size: 14px;
 margin-top: 2px !important;
 padding-right: 3px !important;
}
 .ess_hide_menu {
 font-size: 11px;
 padding: 3px 4px 3px 4px;
}
 .ess_emp_info label {
 float: right;
}
 .ess_heade_logo > img {
 width: 140px;
 height: 60px;
}
 .ess_heade_logo > .ess_rect_logo > img {
 width:140px;
 height:60px;
 float:left;
}
 .ess_heade_logo > .ess_squar_logo > img {
 width:60px;
 height:60px;
 float:left;
}
 .ess_header_text_logo {
 width:auto;
 padding:0 0 0 0;
 margin:20px 0 0 0;
}
 .ess_header_text_logo > p {
font-size: 20px;
}
 .ess_inner_row {
}
 .ess_label {
width: 33%;
}
 .ess_hide_show_div {
 width:90px;
 padding: 0 2px;
 float: left;
}
 .ess_breadcrumb_div {
 float: left;
 width:auto;
}
 .ess_breadcrumb_list {
padding: 3px 5px 3px;
}
 .ess_help {
 float: right;
 padding: 0;
}
 .dataTables_length {
 margin-right: 1%;
}
 .dataTables_filter label input[type="text"] {
 width: 200px !important;
}
 .ess_help_btn {
 font-size: 11px;
 padding: 3px 4px;
}
 .ess_help_btn > span {
 font-size: 12px;
}
 .ess_help > a {
 float:right;
}
 .ess_myrequest_div {
 padding: 0 0 0 20px;
}
 .ess_tab_emp_img img {
 margin-top: 0px;
}
 .ess_add_new_field {
 font-size: 11px
}
 .ess_emp_img img {
 width: 70px;
 height: 70px;
}
 .ess_emp_img_div {
 max-height: 80px;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(3) {
margin-left:5px;
}
 .ess_title_div {
 margin: 0 0 15px;
 padding-bottom: 5px;
}
 .ess_back_btn {
/* margin: -3px 5px 0px; */
	}
 .ess_back {
 padding: 4px 4px;
 font-size: 11px;
 line-height: 1.4;
}
 .form-group {
 margin-bottom: 10px;
}
 .ess_inner_row > .form-group > div > label {
 float: none;
 margin-top: 0px;
 padding: 0px 2px;
}
 .ess_password_block {
 width:180px;
 padding: 18px 15px 35px;
 border-radius: 4px;
 margin: 2%;
 text-align:center;
}
 .ess_password_block > label {
 vertical-align:middle;
 font-size: 11px;
}
 .ess_password {
 font-size: 14px;
}
 .ess_auto_genrate {
padding:4px 0;
}
 .container-fluid {
 padding: 3px;
}
 .ess_left_panel {
 width: 18%;
 padding-right:7px;
}
 .ess_right_panel {
 min-width: 82% !important;
 min-height: 700px;
 padding: 0px;
}
 .panel-default > .panel-heading {
 padding: 6px 8px;
}
 .panel-title {
font-size: 12px;
}
 .ess_left_sidebar_menu > .panel-group > .panel > .panel-heading > h4.panel-title > a > span.glyphicon {
 font-size: 11px;
 padding-right: 2px;
}
 .down_trangle {
 margin-top: 5px;
 border-top: 3px solid;
}
 .panel-body ul li a {
 font-size: 11px;
}
 .panel-body > ul > li {
 padding: 3px 5px 3px 10px;
}
 .emp_img_2 img {
 left: 0px;
 top: 69px;
}
 .ess_login_div_2 {
 left: -22px;
 bottom: 0px;
}
 .ess_company_logo img {
 left: -22px;
}
 .ess_tab_settings .list-inline > li > a > span {
 font-size: 10px;
}
 .ess_save {
 margin: 15px 10px 10px 5px;
 padding: 4px 15px;
}
 .ess_cancel {
 padding: 4px 8px;
 margin: 15px 0 10px 5px;
}
 .ess_breadcrumb_list {
 padding: 3px 10px 3px;
 margin-left: 0.4%;
 font-size: 11px;
}
 .ess_breadcrumb_list a {
 font-size: 11px;
}
 .ess_breadcrumb_div {
 width: 64%;
}
 .ess_help {
 width: 11%;
}
 input[type="radio"], input[type="checkbox"] {
 margin: 2px;
 line-height: normal;
}
 input[type="text"], input[type="number"], input[type="email"], input[type="password"] {
 width:132%;
 text-align:left;
 margin-left:5px;
}
 textarea {
 width: 120%;
 margin: 4px 0px 0px 3px;
 margin-left:5px !important;
}
 select {
 width:132%;
 padding:4px 3px;
 margin-left:5px !important;
}
 input[type="radio"], input[type="checkbox"] {
 margin: 2px;
 line-height: normal;
}
 .ess_selectbox select {
 width: 75px;
}
 .month_year_block select {
width:auto;
}
 .kra_kpi_selectbox select {
width:225px;
max-width:260px;
}
 .ess_kra_weight input {
/*height: 48px;*/
	}
 .ess_password_block {
 padding: 20px 5px 35px;
}
 .ess_big_label label {
 text-align: right;
 white-space:nowrap;
}
 .ess_emp_review_info label {
 white-space: normal;
}
 .ess_label {
 width:14%;
}
 .lerge_value {
 white-space:normal;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(4) {
margin-left:5px;
}
 .ess_save {
 font-size: 13px;
 padding: 4px 12px;
}
 .ess_cancel {
 font-size: 13px;
 padding: 4px 10px;
}
 textarea {
 width: 124%;
 margin: 4px 0px 0px 3px;
}
 .ess_heade_logo {
 margin: 5px 15px 0px;
}
 .ess_inline_label {
 margin-top:0px;
 width: 17.5%;
 margin-left: 6%;
}
 .ess_inner_row > .form-group > div > label {
 float: right;
 margin-top: 3px;
 padding: 0px 2px;
 white-space:nowrap;
}
 .colon {
 font-size:13px;
 padding-left: 0.2em;
 font-weight: bold;
 float: none;
}
 .ess_invest_label label, .ess_invest_sublabel label {
 float: none;
 margin-left: 1%;
}
 .ess_sub_row label {
 margin: 0px 0px 10px 4px;
 float: left;
}
 .ess_sub_row input[type="text"] {
 width: 90%;
}
 .ess_emp_form_steps {
 font-size: 12px;
 font-weight: 600;
}
 .ess_emp_form_steps > li {
 margin: 0 0 0 0;
}
 .ess_inline_input {
 margin-left: 6%;
}
 .left_label {
 width:auto;
}
 .left_label label {
 float: left;
 width:auto;
}
 #ess_save_alert {
 width:450px;
}
 .ess_send_btn {
 font-size: 12px;
 padding: 5px 15px;
}
 .ess_login_cancel {
 font-size: 12px;
 padding: 5px 12px;
}
 .ess_announcement_list_item_date {
 width: 25%;
}
 .ess_announcement_list_item_text {
 max-width: 75%;
}
 .ess_notice_list_item_date {
 width: 19%;
}
 .ess_notice_list_item_text {
 max-width: 80%;
}
 .sal_btn {
 padding: 3px 6px;
 font-size: 11px;
}
 .essdsh_sal_tbl .table thead tr th {
 padding: 2px;
}
 .ess_pa_tab > ul.nav {
 padding-left: 9px;
}
 .ess_emp_review_info {
 padding: 10px 3px 10px 5px;
}
 .ess_emp_review_info_2 {
 font-size: 11px;
 padding: 15px 3px 0px 5px;
}
 .tab-content .ess_inner_row {
padding-left:7px;
}
 body, table {
 font-size:11px;
}
 table tr td {
 font-size: 11px;
}
 div.dataTables_wrapper {
 font-size: 11px;
}
 .ess_title, .ess_list_title {
 font-size: 13px;
 padding: 4px 0px 0px 3px;
}
 .tab_logout_btn > a {
 font-size: 12px !important;
}
 .ess_main_content label {
 font-size: 11px;
}
 .ess_emp_info p {
 font-size:11px;
}
 .ess_fpwd_content {
 padding: 40px 0px;
}
 .ess_kra_weight_edit input {
 height: 48px;
}
 .ess_total_input input[type="text"] {
 width: 100%;
 margin-left: 2% !important;
}
 .ess_emp_datails1, .ess_emp_datails2 {
 min-height: 170px;
}
 .ess_header_container {
padding: 0;
width: 100%;
}
 .ess_header_login_inputs {
width: 100%;
padding: 0 10px;
}
 .ess_header_container_2 {
left: 33%;
}
 .ess_tnd_fedk_redio_div, .ess_tnd_fedk_text_div {
 left: 2.3%;
}
 .ess_tnd_fedk_text_div textarea {
 margin-left: 6px !important;
}
 .ess_emp_form_steps_1 {
 font-size: 11px;
}
 .ess_emp_form_steps_1 li {
 padding: 5px 10px;
}
 .ess_left_sidebar_menu {
 border-right: 1px solid #EDF2F3;
}
 .ess_title_selectbox {
 margin: 0px 5px 0px;
}
 .ess_title_selectbox select {
 margin-top: 0px;
 padding: 2px;
 height: 26px;
}
 .theadBg th {
 font-size: 12px;
}
 .jd_textbox textarea {
 height: 300px;
}
 .essmedi_clm_tbl, .essremb_tbl, .esstrns_dom_tbl, .esstrns_int_tbl, .essemp_edu_tbl, .essemp_cer_tbl, .essemp_course_tbl, .empess_trn_tbl, .empess_refc_tbl, .empess_lang_tbl {
 padding: 0px 0px;
}
 .essmedi_clm_tbl_row, .essremb_tbl_row, .esstrns_dom_tbl_row, .esstrns_int_tbl_row, .esstrns_intfam_tbl_row, .essemp_edu_tbl_row {
 padding-left: 6px;
 padding-right: 6px;
}
 .essemp_edu_tbl_row, .essemp_cer_tbl_row, .essemp_fam_tbl, .eessemp_fam_tbl_row, .essemp_course_tbl_row, .empess_trn_tbl_row, .empess_refc_tbl_row, .empess_lang_tbl_row {
 padding-left: 6px;
 padding-right: 6px;
}
 .get_details_label {
 width: 25%;
 padding-left: 5px;
}
 .ess_input_auto {
 width: 11.2%;
}
}
 @media screen and (min-width: 1201px) and (max-width: 1465px) {
.ess_title_selectbox select {
 padding: 3px 5px;
 height: 27px;
}
 .ess_back {
 padding:3px 6px;
}
 .ess_add_new {
 padding: 3px 6px;
}
 .get_details_btn_div .ess_add_new {
 padding: 4px 6px;
}
 .ess_emp_form_steps_1 li {
 padding: 5px 10px;
}
 .ess_emp_info p {
font-size: 12px;
}
 .ess_main_content label {
 font-size: 13px;
}
 .panel-title {
font-size:13px;
}
 .panel-body ul li a {
font-size: 12px;
}
 .theadBg th {
font-size: 13px;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
padding: 0px 0px 0px 8px;
}
 div.left_panel_sub_menu1 > ul > li { /*width: 113.1%;*/
}
 div.left_panel_sub_menu2 > ul > li {/*width: 118%;*/
}
 .ess_tnd_fedk_redio_div, .ess_tnd_fedk_text_div {
left:1.7%
}
 .ess_fpwd_content {
 padding: 28px 0px;
}
 .login_row_1_block_3 {
 padding: 0px 2% 0px 3%;
}
 .ess_login_block_header_text p {
 padding: 10px 0px;
}
 .ess_login_content {
 padding: 5px 0px;
}
 .container-fluid {
 padding:0 20px 0 5px;
}
 .ess_password_block {
 width:180px;
 margin: 2%;
}
 .ess_auto_genrate a {
 margin-left: 17%;
}
 .ess_inline_input {
 margin-left: 6%;
}
 #apr_boss_feedback textarea {
 width: 90%;
}
 .ess_kra_weight input {
/*	height: 50px;*/
	}
 .ess_add_new_btn {
 margin: 0px 5px;
}
 .review_info_2_label {
 padding-left: 3%;
}
 .ess_pendind_leave_badge {
 margin-top: 2px;
}
 .attendance_month_Calender_table1 table caption label:nth-child(2) {
}
 .ess_login_btn {
 font-size: 12px;
 padding: 5px 10px;
}
 ul.block_2_content_list > li {
 padding: 11px 0px;
 font-size: 12px;
}
 .block_2_content_heading {
 padding: 5px 10px;
 font-size: 13px;
}
 .block_2_content_body {
 padding: 5px 15px;
}
 .login_welcome_img img {
 height: 277px;
 max-width: 100%;
 display: block;
}
 .login_row_1_block_2 {
 padding: 0px 10px 0 40px;
}
 .ess_login_input > input[type="text"], .ess_login_input > input[type="password"] {
 float: left;
 margin: 0px !important;
 width: 90% !important;
}
 .ess_login_label > label {
 font-size: 13px !important;
}
 body {
 font-size: 13px;
}
 .ess_title {
}
 input[type="radio"], input[type="checkbox"] {
 margin: 2px;
 line-height: normal;
}
 input[type="text"], input[type="number"], input[type="email"], input[type="password"] {
 width:132%;
 text-align:left;
 margin-left:5px !important;
}
 .ess_inner_row > .form-group > div > label {
 float: right;
 padding: 0px 2px;
 white-space:nowrap;
}
 textarea {
 width: 126%;
 margin: 4px 0px 0px 3px;
 margin-left:5px !important;
}
 select {
 width:132%;
 padding:0px !important;
 margin-left:5px !important;
}
 input[type="radio"], input[type="checkbox"] {
 margin: 2px;
 line-height: normal;
}
 .ess_password_block {
 padding: 20px 5px 35px;
 margin-left: 5px;
}
 .ess_big_label label {
 text-align: right;
 white-space:nowrap;
}
 .ess_emp_review_info label {
 white-space: normal;
}
 .ess_label {
 width:14%;
}
 .ess_inline_label {
 width: 18%;
 margin-left: 6%;
}
 .lerge_value {
 white-space:normal;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(3) {
margin-left:50px;
}
 .ess_hide_show_div {
 width:10%;
 padding: 0 2px;
 float: left;
}
 .ess_breadcrumb_div {
 float: left;
 width:auto;
 min-width: 64%;
}
 .ess_tab_emp_name > ul:nth-child(1) > li:nth-child(3) {
 margin-left: 0px;
}
	/************************************ Data Tables******************************************/
	/* div.dataTables_wrapper {
		height: 450px;
	} */
	.ess_pay_history_list_btn {
 padding: 2px 5px;
 font-size: 11px;
}
 .tfootBg select {
 width:auto;
 min-width: 100%;
 margin: 0px !important;
 border: 1px none;
 font-size: 14px;
 padding: 2px 3px;
}
 a.ess_list_link {
 font-size: 11px;
}
 .title_selectbox label {
 font-size: 12px;
 font-weight: bold;
}
 div.dataTables_wrapper {
 font-size: 12px;
}
 a.DTTT_button {
 padding: 5px 8px;
 font-size: 0.99em;
}
 .dataTables_filter {
 width:auto;
}
 .dataTables_length {
 margin-right: 2%;
}
 .dataTables_filter label input[type="text"] {
 width:280px !important;
}
 .theadBg th {
/*  font-size: 12px;
		padding: 4px 6px; */
	}
 .dataTables_wrapper > .table-bordered > tbody > tr > td {
/* padding: 4px 10px !important; */
	}
 .ess_send_btn {
 font-size: 12px;
 padding: 5px 18px;
}
 .ess_login_cancel {
 font-size: 12px;
 padding: 5px 15px;
}
	/* .ess_announcement_list_item_date {
		width: 20%;
	} */
	.ess_notice_list_item_date {
 width: 18%;
}
 .ess_sub_row input[type="text"] {
 width: 88%;
}
 .ess_kra_weight_edit input {
/*	height: 48px;*/
	}
 .ess_total_label {
 margin-left: 41%;
}
 .ess_total_label_2 {
 margin-left: 38%;
}
 .ess_total_input input[type="text"] {
 width: 100%;
/* 	margin-left: 1% !important; */
	}
 .ess_emp_datails2, .ess_emp_datails1 {
 min-height: 170px;
}
 .ess_kra_kpi_table1 input[type="text"] {
 height: 48px;
 margin:0 !important;
}
 .ess_kra_kpi_table1 textarea {
height:48px;
margin:0 !important;
}
 .ess_header_container_2 {
 width: 370px;
 padding: 10px;
 top: 35%;
 left: 40%;
 height: 300px;
}
 .ess_hl_user_name_2, .ess_hl_user_password_2 {
margin: 2% auto;
}
 .ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
padding-left:5px;
}
 .ess_logo_company_name_2 {
font-size: 30px;
}
 .ess_transport_label_row .close_icon, .ess_edu_input_row .close_icon {
 margin:  0px auto;
 width:25px;
text-align:center;
}
.get_details_btn_block {
margin-left:5%;
}
.get_details_btn_div {
/*float: left;
margin: 8px 0;*/
}
.tab_logout_btn span {
/* top: -1px !important;
padding: 3px 4px;
font-size: 14px !important;
width:22px; */
}
.ess_hide_menu {
 padding: 3px 5px 3px 5px;
}
.ess_help_btn {
 padding: 3px 6px;
}
.tab_logout_btn > a {
 font-size: 13px !important;
}
label.error {
 width: 132%;
 max-width: 132%;
}
}
@media screen and (width: 1366px) {
 .ess_header_container_2 {
 width: 370px;
 padding: 10px;
 top: 40%;
 left: 40%;
 height: 300px;
}
}
@media screen and (width: 320px) {
 .ess_header_container_2 {
 width: 285px;
 padding: 10px;
 top: 4%;
 left: 3%;
 height: 280px;
 margin: 0px auto;
}
 .ess_hl_user_name_2, .ess_hl_user_password_2 {
margin: 2% auto;
}
 .ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
padding-left:5px;
}
 .ess_logo_company_name_2 {
font-size: 20px;
}
 .ess_header_login_inputs_2 input[type="text"], .ess_header_login_inputs_2 input[type="password"], .ess_header_login_inputs input[type="email"] {
width: 200px;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
left: 20%;
}
 .ess_tab_settings .list-inline > li {
 padding: 0px 0px;
}
}
@media screen and (width: 360px) {
 .ess_header_container_2 {
 width: 300px;
 padding: 10px;
 top: 30%;
 left: 10%;
 height: 300px;
 margin: 0 auto;
}
 .ess_hl_user_name_2, .ess_hl_user_password_2 {
margin: 2% auto;
}
 .ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
padding-left:5px;
}
 .ess_logo_company_name_2 {
font-size: 20px;
}
 .ess_header_login_inputs_2 input[type="text"], .ess_header_login_inputs_2 input[type="password"], .ess_header_login_inputs input[type="email"] {
width: 200px;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
left: 20%;
}
}
@media screen and (width: 480px) {
 .ess_header_container_2 {
 width: 300px;
 padding: 10px;
 top: 33%;
 left: 20% !important;
 height: 300px;
}
 .ess_hl_user_name_2, .ess_hl_user_password_2 {
margin: 2% auto;
}
 .ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
padding-left:5px;
}
 .ess_logo_company_name_2 {
font-size: 20px;
}
 .ess_header_login_inputs_2 input[type="text"], .ess_header_login_inputs_2 input[type="password"], .ess_header_login_inputs input[type="email"] {
width: 200px;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
left: 30%;
}
 .ess_heade_logo > .ess_rect_logo > img {
 width:90px;
 height:30px;
 float:left;
}
 .ess_heade_logo > .ess_squar_logo > img {
 width:30px;
 height:30px;
 float:left;
}
}
 @media screen and (width: 640px) {
 .ess_left_panel {
 min-width: 350px;
}
 .ess_header_container_2 {
 width: 300px;
 padding: 10px;
 top: 33%;
 left: 25% !important;
 height: 300px;
}
 .ess_hl_user_name_2, .ess_hl_user_password_2 {
margin: 2% auto;
}
 .ess_hl_user_name_2 > label, .ess_hl_user_password_2 > label {
padding-left:5px;
}
 .ess_logo_company_name_2 {
font-size: 20px;
}
 .ess_header_login_inputs_2 input[type="text"], .ess_header_login_inputs_2 input[type="password"], .ess_header_login_inputs input[type="email"] {
width: 200px;
}
 .ess_fgt_error, .ess_fgt_alert, .ess_hl_error {
left: 35%;
}
 .header_left {
 width: 70%;
}
 .header_right {
 width: 30%;
}
 .ess_heade_logo > img {
 width: 100px;
 height: 30px;
}
 .ess_heade_logo > .ess_rect_logo > img {
/* 		width:100px; 
		height:30px; 
		float:left; */ 
	}
 .hrm_saas_logo > img {
 margin: 5px 5px 0px 0px;
}
 .ess_tab_settings {
 float: right;
}
 .ess_event, .ess_reminder {
 max-width: 187px;
 left: -160px;
}
 .ess_heade_logo > .ess_squar_logo > img {
 width:30px;
 height:30px;
 float:left;
}
 .ess_main_panel {
 min-height: 900px;
}
 .ess_subheader2 {
 margin-top: 15px;
 margin-bottom: 2px;
}
 .ess_emp_img > img {
 width: 50px;
 height: auto;
 margin-left: 0;
}
 .ess_emp_img_div {
 margin-bottom: 5px;
 width: 12%;
}
 .emp_dsh_info_block {
 width: 87%;
}
 .ess_pa_tab > .nav > li > a {
 padding: 3px 5px;
 font-size: 11px;
}
 .ess_header_text_logo {
 max-width: 70%;
 height: 35px;
}
 div.DTTT_container {
 margin: 32px 0px -24px 5px;
}
 a.DTTT_button {
 padding: 4px;
}
 .ess_hide_menu_fixed {
top: 118px;
}
}
.ess_empty_block_2 {
	padding:0;
	margin-bottom:3%;
}
.ess_empty_block_title_2 {
	font-family: 'Open Sans Semi';
	text-align:left;
	color:#FFF;
	background-color: #007D7D;
	font-size: 13px;
	padding: 8px 10px;
	border: 1px solid #007D7D;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ess_empty_block_text_2 {
	font-family: 'Open Sans Semi';
	border:1px solid #CCC;
	border-top: none;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:30px 0;
	color:red;
	/*border-radius: 4px;*/
	 margin:0;
	height:80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.sal_btn.active {
	color:#fff;
	/* background-color: #0286A4; */
		background-color: #0EAAAA;
	text-decoration:none;
}
.ratting_sum_section {
}
.section_titles, .tab_titles {
	padding:10px 0 0 12px;
}
.krasection_titles, .aprsection_titles {
	padding:10px 0 0 0;
}
.kra_kpi_rating_sectipn, .apr_boss_fedback_sec {
	padding:0 0 0 10px;
}
.ess_strength_improvements textarea {
	width:95%;
}
.apr_bos_ques_tbl {
}
.apr_bos_ques_tr {
	margin:1.7% 0 0 0;
}
.apr_bos_text_tr {
}
.kra_empty_msg {
	margin-bottom:20px;
	padding-left:12px;
}
/* ********************************************** PA New Class *************************************************************/
.save_cancel_row {
	margin-top:20px;
}
.ess_emp_review_info {
}
.ess_emp_review_info_right_block {
	width: 91%;
}
.right_block {
}
.review_info_label {
}
.review_info_text {
}
.review_info_label, .review_info_text {
	margin-bottom:5px;
}
.review_info_label {
	padding-left:5px;
}
.review_info_label label {
	float:right;
	margin-bottom:0;
}
.review_info_label label::after {
 content: ":";
 padding: 0px 8px;
}
.review_info_text p {
	margin-bottom: 0px;
}
.pa_sch_task_row {
}
.pa_sch_task_div {
	padding:0 0 0 10px;
}
.pa_sch_task_div_2 {
	padding:0 0 0 10px;
}
.schedule_panel {
	border-radius: 0px;
	border: 1px solid #FF5959;
	width: 95%;
	margin-bottom:20px;
}
.schedule_panel_title {
	padding: 5px 10px;
	border-bottom: 1px solid #FF5959;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
}
.schedule_panel_body {
	overflow: auto;
	height:125px;
}
.schdule_tbl_div > .table > thead > tr > th, .schdule_tbl_div > .table > tbody > tr > td {
	border-bottom: medium none;
	border-top: medium none;
	vertical-align: middle;
	padding:3px;
	text-align:center;
}
.schdule_tbl_div > .table > tbody > tr > td:nth-child(1), .schdule_tbl_div > .table > thead > tr > th:nth-child(1) {
width:60%;
text-align:left;
}
.schdule_tbl_div > .table > tbody > tr > td:nth-child(2), .schdule_tbl_div > .table > tbody > tr > td:nth-child(3) {
text-align:center;
}
.task_panel {
	border-radius: 0px;
	border: 1px solid #FF5959;
	width: 95%;
	margin-bottom:20px;
}
.task_panel_title {
	padding: 5px 10px;
	border-bottom: 1px solid #FF5959;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
}
.task_tbl, .schdule_tbl {
	margin-bottom:0;
}
.task_panel_body {
	overflow: auto;
	height:125px;
}
.task_tbl_div > .table > thead > tr > th, .task_tbl_div > .table > tbody > tr > td {
	border-bottom: medium none;
	border-top: medium none;
	vertical-align: middle;
	padding:3px;
	text-align:center;
}
.task_tbl_div > .table > tbody > tr > td:nth-child(1), .task_tbl_div > .table > thead > tr > th:nth-child(1) {
width:80%;
text-align:left;
}
.ess_prof_skls_tbl {
	padding:10px;
}
.ess_prof_skls_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 3px;
	background-color: #007D7D;
}
.ess_prof_skls_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	text-align:center;
	vertical-align:middle;
}
.ess_prof_skls_tbl input {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
}
.ess_prof_skls_tbl .table > thead > tr > th, .ess_prof_skls_tbl .table > tbody > tr > td {
	width:10%;
	vertical-align:middle;
}
.ess_prof_skls_tbl .table > thead > tr > th:nth-child(1) {
width:5%;
}
.ess_prof_skls_tbl .table > tbody > tr > td:nth-child(2) {
width:50%;
padding:3px 6px;
vertical-align:middle;
text-align:left;
}
.ess_prof_skls_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #F2F2F2;
}
.ess_prof_skls_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
.ess_prof_skls_tbl .table-striped > tbody > tr:hover {
	background-color: #D6D6D6;
}
.ess_kra_kpi_table1 {
	overflow: auto;
}
.ess_kra_kpi_table1_row {
}
.ess_kra_kpi_table1_row {
	padding-left:10px;
	padding-right:10px;
}
.krakpi_ques_row {
	padding:0 0 0 12px;
}
.krakpi_ques {
}
.krakpi_ques label {
	margin:0 0 10px 0;
}
.krakpi_ques_text {
}
.krakpi_ques_text textarea {
	width:100%;
	margin-left:0 !important;
}
.bos_feedback_ques_row {
	padding:0 0 0 12px;
}
.bos_feedback_ques {
}
.bos_feedback_ques label {
	margin:0 0 10px 0;
}
.bos_feedback_ques_text {
}
.bos_feedback_ques_text textarea {
	width:100%;
	margin-left:0 !important;
}
.bos_feedback_ques_text textarea.valid {
	margin-top:0 !important;
}
.bos_feedback_text textarea {
	width:100%;
	margin-left:0 !important;
}
.ess_apraps_rating_tbl_row {
	padding-left:12px;
	margin:20px 0;
}
.ess_apraps_rating_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 5px;
	background-color: #007D7D;
	white-space:nowrap;
}
.bos_feedback_ques_text label.error {
	width: 100%;
	max-width: 100%;
	margin:0;
}
.ess_apraps_rating_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	vertical-align:middle;
}
.ess_apraps_rating_tbl input[type="text"], .ess_apraps_rating_tbl input[type="text"][disabled], .ess_apraps_rating_tbl input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	text-align: center;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_apraps_rating_tbl .table > thead > tr > th, .ess_apraps_rating_tbl .table > tbody > tr > td {
}
.ess_apraps_rating_tbl .table > tbody > tr > td:nth-child(1) {
width:40%;
text-align:right;
padding: 0px 10px 0 0;
}
.ess_apraps_rating_tbl .table > tbody > tr > td:nth-child(2) {
}
.ess_apraps_rating_tbl .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #FFF;
}
.ess_apraps_rating_tbl .table-striped > tbody > tr:nth-child(2n+2) {
background-color: #FFF;
}
/* .ess_apraps_rating_tbl .table-striped > tbody > tr:hover { background-color: #D6D6D6;}
 */
.table input:focus, .table select:focus, .table textarea:focus, table input:focus, table select:focus, table textarea:focus {
	outline: 0px none !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset, 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.add_btn_block {
	text-align:right;
}
.add_btn_div {
	padding:0 0 0 10px;
}
.btn-add > span {
	margin-right:3px
}
.btn-add {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-color: #007D7D;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 3px 6px;
	line-height: 1.4;
}
.btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.active, .open > .dropdown-toggle.btn-add {
	color: #FFF;
	background-color: #006060;
}
.strgth_imporv_tbl_div {
	margin:10px 0;
	padding-right: 10px;
}
.strgth_imporv_tbl_div textarea {
	width:100%;
	height:50px;
	margin-left:0 !important;
	margin-top:0;
}
.strgth_imporv_tbl_div > .table > thead > tr > th, .strgth_imporv_tbl_div > .table > tbody > tr > td {
	border-bottom: medium none;
	border-top: medium none;
	vertical-align: top;
	padding:3px 5px;
}
.strgth_imporv_tbl_div > .table > tbody > tr > td {
	border-bottom: medium none;
	border-top: medium none;
	vertical-align: top;
	padding:3px;
}
.get_details_row {
}
.get_details_select {
}
.get_details_select span {
	float:left;
	padding-top:4px;
	width: 100%;
}
.get_details_select select {
		width: 240px;
	margin-left: 0px;
	font-size: 11px;
}
.get_details_row .get_details_btn_block {
	margin-left: 0;
}
.get_details_btn_div {
	float:left;
	padding-left:10px;
}
.ess_prv_kra_view_tbl_row {
	padding-left:10px;
	margin:20px 0;
}
.ess_prv_kra_view_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 5px;
	background-color: #007D7D;
	white-space:nowrap;
}
.ess_prv_kra_view_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	vertical-align:middle;
	background-color: #EAEAEA;
}
.ess_prv_kra_view_tbl input[type="text"], .ess_prv_kra_view_tbl input[type="text"][disabled], .ess_prv_kra_view_tbl input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	text-align: center;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_prv_kra_view_tbl textarea, .ess_prv_kra_view_tbl textarea[disabled], .ess_prv_kra_view_tbl textarea[readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_prv_kra_view_tbl .table > tbody > tr > td:nth-child(1) {
width:80%;
}
.prv_kra_total_row > td {
	background-color: #EAEAEA;
}
.prv_kra_total_row > td:nth-child(1) {
text-align:right;
padding:0 5px !important;
font-family:"Open Sans Semi";
}
.prv_kra_total_row > td:nth-child(2) input[type="text"] {
height:28px;
}
/* New employee info black class pre KRA TEam */
.emp_info_block2_row {
	border-top:1px solid #CCC;
	padding: 10px 3px 0px 10px;
}
.emp_info_block2_div {
	padding: 15px 0 0 0;
}
.emp_info_block2_list {
}
.emp_info_block2_list > .block2_list_item {
	padding:0 2% 0 2%;
}
.block2_list_item {
}
.emp_info_block2_row .ess_emp_img_2 img {
	margin-top: 0px;
}
.block2_list_item_label {
	position:relative;
	float:left;
	display:inline-block;
	font-family:"Open Sans Semi";
}
.block2_list_item_text::before {
 content: ":";
 padding: 0px 5px;
 font-weight: bold;
}
.block2_list_item_text {
	position:relative;
	float:left;
	display:inline-block;
}
.mid_term_row {
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
}
.mid_term_row_label {
	width:auto;
	padding-left:10px;
}
.mid_term_row_label > label {
	padding:0 0;
}
.mid_term_row_select {
}
.mid_term_row_select select {
	width:100%;
}
.ess_cur_rev_tbl_row {
	padding:0 10px;
	margin:20px 0;
}
.ess_cur_rev_tbl {
	overflow:auto;
}
.ess_cur_rev_tbl .table {
}
.ess_cur_rev_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 5px;
	background-color: #007D7D;
	white-space:nowrap;
}
.ess_cur_rev_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	vertical-align:middle;
	background-color: #EAEAEA;
}
.ess_cur_rev_tbl input[type="text"], .ess_cur_rev_tbl input[type="text"][disabled], .ess_cur_rev_tbl input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	text-align: center;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_cur_rev_tbl textarea, .ess_cur_rev_tbl textarea[disabled], .ess_cur_rev_tbl textarea[readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_cur_rev_tbl .table > tbody > tr > td:nth-child(1) {
width:40%;
}
.ess_cur_rev_tbl .table > tbody > tr > td:nth-child(2) {
width:20%;
}
.ess_cur_rev_tbl .table > tbody > tr > td:nth-child(3) {
width:40%;
}
.ess_cur_rev_tbl_total_row > td {
}
.ess_cur_rev_tbl_total_row > td:nth-child(1) {
text-align:right;
padding:0 5px !important;
font-family:"Open Sans Semi";
}
.ess_cur_rev_tbl_total_row > td:nth-child(2) input[type="text"] {
}
.get_output_block {
	border-top:1px solid #CCC;
	padding-top:10px;
}
.ess_prv_rev_tbl_row {
	padding:0 10px;
	margin:20px 0;
}
.ess_prv_rev_tbl {
	overflow:auto;
}
.ess_prv_rev_tbl .table {
}
.ess_prv_rev_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 5px;
	background-color: #007D7D;
	white-space:nowrap;
}
.ess_prv_rev_tbl .table > tbody > tr > td {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	vertical-align:middle;
	background-color: #EAEAEA;
}
.ess_prv_rev_tbl input[type="text"], .ess_prv_rev_tbl input[type="text"][disabled], .ess_prv_rev_tbl input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	text-align: center;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_prv_rev_tbl textarea, .ess_prv_rev_tbl textarea[disabled], .ess_prv_rev_tbl textarea[readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	height:60px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	padding:5px;
}
.ess_prv_rev_tbl textarea.valid {
	padding:5px !important;
}
.ess_prv_rev_tbl .table > tbody > tr > td:nth-child(1) {
width:40%;
}
.ess_prv_rev_tbl .table > tbody > tr > td:nth-child(2) {
width:20%;
}
.ess_prv_rev_tbl .table > tbody > tr > td:nth-child(3) {
width:40%;
}
.ess_prv_rev_tbl_total_row > td {
}
.ess_prv_rev_tbl_total_row > td:nth-child(1) {
text-align:right;
padding:0 5px !important;
font-family:"Open Sans Semi";
}
.ess_prv_rev_tbl_total_row > td:nth-child(2) input[type="text"] {
}
.add_new_rec_row {
}
.add_new_rec_div {
}
.add_new_rec_btn_div {
	width: auto;
	float: right;
	margin: 0px 10px;
}
.add_new_rec_btn span {
	margin-right:3px;
}
.add_new_rec_btn {
	color: #FFF;
	padding: 4px 6px;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #007D7D;
	margin-bottom:10px;
}
.ess_cur_krakpi_tbl_row {
	padding:0 10px;
	margin:10px 0;
}
.ess_cur_krakpi_tbl {
	overflow:auto;
}
.ess_cur_krakpi_tbl .table {
}
.ess_cur_krakpi_tbl .table thead tr th {
	border: 1px solid #DDD;
	line-height: 1.4;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	padding: 5px 5px;
	background-color: #007D7D;
	white-space:nowrap;
}
.ess_cur_krakpi_tbl .table > tbody > tr > td, .ess_cur_krakpi_tbl .table > tfoot > tr > th {
	border: 1px solid #DDD;
	padding: 0;
	line-height: 1.4;
	vertical-align:middle;
}
.ess_cur_krakpi_tbl input[type="text"], .ess_cur_krakpi_tbl input[type="text"][disabled], .ess_cur_krakpi_tbl input[type="text"][readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	text-align: center;
	height:70px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_cur_krakpi_tbl textarea, .ess_cur_krakpi_tbl textarea[disabled], .ess_cur_krakpi_tbl textarea[readonly] {
	width:100% !important;
	line-height:1.4;
	vertical-align:middle;
	border-radius:0 !important;
	margin:0 0 0 0 !important;
	border: 0 !important;
	margin-left:0 !important;
	height:70px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
.ess_cur_krakpi_tbl .table > tbody > tr > td:nth-child(1), .ess_cur_krakpi_tbl .table > tfoot > tr > th:nth-child(1) {
width:80%;
}
.ess_cur_krakpi_tbl .table > tbody > tr > td:nth-child(2) {
width:18%;
}
.ess_cur_krakpi_tbl .table > tbody > tr > td:nth-child(3) {
width:2%;
}
.ess_cur_krakpi_tbl_total_row > td {
}
.ess_cur_krakpi_tbl .table > tfoot > tr > th:nth-child(1) {
text-align:right;
padding-right:5px;
}
.ess_cur_krakpi_tbl_total_row > td:nth-child(1) {
text-align:right;
padding:0 5px !important;
font-family:"Open Sans Semi";
}
.ess_cur_krakpi_tbl_total_row > th:nth-child(1) {
text-align:right;
padding:0 5px !important;
font-family:"Open Sans Semi";
}
.ess_cur_krakpi_tbl_total_row > td:nth-child(2) input[type="text"] {
}
.kra_empty_msg_row {
}
.kra_empty_msg h4 {
	color:#BB0000;
	margin:0;
	font-size: 15px;
}
/********************************* Orange popup **********************/


 .ess_orange_popup_model {
}
.ess_orange_popup_model > .modal-dialog {
	width:500px;
}
.ess_orange_popup_model > .modal-dialog > .modal-content {
	color: #8A6D3B;
	background-color: #F8D6B5;
	padding: 6px;
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body {
	padding: 30px 5px;
	border: 1px solid #EC971F;
	color: #000;
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-footer {
	border: 1px solid #EC971F;
	border-top:none;
}
.ess_orange_ok_btn {
	display: inline-block;
	padding: 6px 20px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px none transparent;
	color: #FFF;
	background-color: #EC971F;
	border-color: #D58512;
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body > p {
	float:left;
	width:88%;
	padding-left:10px;
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body > button.warn_ok_btn {
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body > button.close {
	margin:-30px 0 0 0;
}
.ess_erning_tbl_row > td, .ess_deduction_tbl_row > td, .ess_total_net_pay > td {
	background-color: #CEBE9B !important;
	border: medium none !important;
	font-weight: bold;
	font-family: "Open Sans Semi";
	color: #FFF;
}
.dataTables_wrapper {
	max-height: 700px;
}
.ess_pay_ytd_table1 .dataTables_wrapper > .table-bordered > tbody > tr > td {
	padding:7px 1px !important;
}
.dropdown-menu > div > li > a {
	display: block;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.42857;
	white-space: normal;
	color: #FFF;
	font-size: 12px;
	padding: 5px 10px !important;
	color: #FFF;
	border-bottom: 1px dotted #CCC;
	outline:none;
}
#span_result {
	padding-top:0;
}
.empty_notification {
	padding: 30px 0px 0px;
}
.empty_notification > div > li > a {
	border-bottom:none;
}
.text-update {
	color: #08BF0B;
}
 @media screen and (min-width: 320px) and (max-width: 767px) {
.ess_emp_review_info_new {
 padding: 10px 3px 10px 7px;
}
.ess_emp_img_div {
 width: 11%;
}
.ess_emp_review_info_right_block {
 width: 89%;
}
.right_block {
}
.review_info_label {
 width: 110px;
}
.review_info_text {
width: 57%;
}
.ess_pa_new_tab_div {
padding-left:0px;
}
.ess_pa_tab_new > ul.nav {
 padding-left: 8px;
}
.pa_sch_task_div, .pa_sch_task_div_2 {
 padding: 0px 10px 0px 0px;
}
.schedule_panel, .task_panel {
 width: 100%;
}
.review_info_label {
 width: 110px;
 margin: 0px;
}
.get_details_select select {
 width: 230px;
}
textarea {
 min-height: 60px;
}
.add_new_rec_div {
padding-top:5px;
}
.add_new_rec_btn {
 font-size: 10px;
}
.review_result {
 height: 400px;
}
.kra_heading label {
 margin-left: 5px;
}
.ess_orange_popup_model > .modal-dialog {
 width: 300px;
}
.ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body > p {
 float: left;
 width: 80% !important;
 padding-left: 10px;
}
.ess_kra_kpi_table1 .table {
 width: 850px;
 max-width: 850px;
 margin-bottom: 10px;
}
#apr_boss_feedback input[type="text"], #apr_boss_feedback select {
 margin-left: 0px;
}
.ess_emp_img_2_div {
 width: 12%;
}
.emp_info_block2_div {
 padding: 0px;
}
.ess_emp_img_2 img {
 width: 35px;
 height: 35px;
}
.section_titles, .tab_titles {
 padding: 5px 0px 0px 5px;
}
.tab-pane {
 padding-top: 5px;
}
.bos_feedback_ques_text textarea {
 margin: 0px;
}
.kra_empty_msg h4 {
 font-size: 12px;
}
.ess_emp_review_info_2 {
 font-size: 11px;
}
.get_details_label {
 padding-left: 0;
}
.ess_prof_skills_table3 {
 padding: 10px;
 overflow: auto;
 max-height: 400px;
}
.ess_prof_skills_table3 .table {
 width: 850px;
 max-width: 850px;
 margin-bottom: 10px;
}
.ess_kra_kpi_table1 .table > thead > tr > th, .ess_kra_kpi_table1 .table > tbody > tr > td {
 width: 11%;
}
.ess_add_row .left_label {
 padding: 0 0 0 3px;
}
 .ess_kra_kpi_table1 .table > tbody > tr > td:last-child {
 width: 12%;
}
.get_details_btn_div {
 float: left;
 padding-left: 0;
}
 .ess_emp_info label {
 float: right;
}
.ess_info_label {
width:95px;
}
.ess_info_label label {
text-align:right;
}
.ess_info_label_2 {
width:95px;
}
.ess_info_label_3 {
width:95px;
}
.ess_emp_information {
width:60%;
}
.ess_emp_information_2 {
width:60%;
}
.ess_emp_information_3 {
width:60%;
}
}
@media screen and (width: 640px) {
.review_info_label {
 width: 120px;
 margin: 0px;
}
.ess_emp_information {
width:80%;
}
.ess_emp_information_2 {
width:80%;
}
.ess_emp_information_3 {
width:80%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.ess_emp_img_div {
 width: 11%;
}
.ess_emp_review_info_right_block {
 width: 89%;
}
.review_info_label {
 width: 120px;
 margin:0;
}
.review_info_text {
 width: 80%;
}
.ess_pa_new_tab_div {
padding-left:0px;
}
.ess_pa_tab_new > ul.nav {
 padding-left: 10px;
}
.pa_sch_task_div {
 padding: 0px 0px 0px 5px;
}
.emp_info_block2_div {
 padding: 0;
 width: 93%;
}
.add_new_rec_btn {
 padding: 2px 6px;
 font-size: 11px;
 margin-bottom:0;
}
.ess_cur_krakpi_tbl_row {
 padding: 0px 5px;
 margin: 20px 0px;
}
.add_new_rec_row {
 padding-top: 5px;
}
.get_details_btn_div {
float: left;
margin:0px 0;
}
.get_details_btn_block .ess_add_new {
 padding: 5px;
}
.get_details_label {
 width: 27%;
 padding-left: 5px;
 padding-top: 4px;
 text-align: right;
}
.get_details_btn_block {
 margin-left: 0px;
}
.review_form_label label {
 margin-left: 0;
}
.kra_status_rediobtns input[type="radio"] {
 position: relative;
 top: 2px;
}
.get_details_select #span_result {
 padding-top: 0px;
}
.ess_add_row .left_label {
 padding: 0 0 0 3px;
}
 .ess_kra_kpi_table1 .table > tbody > tr > td:last-child {
 width: 14%;
}
.emp_dsh_info_block {
 width: 89%;
}
.ess_emp_info label {
 float: right;
}
.ess_info_label {
width:120px;
}
.ess_info_label label {
text-align:right;
}
.ess_info_label_2 {
width:120px;
}
.ess_info_label_3 {
width:120px;
}
.ess_emp_information {
width:80%;
}
.ess_emp_information_2 {
width:80%;
}
.ess_emp_information_3 {
width:80%;
}

/* css for ipad************************************** */
	.ess_title_selectbox label, .ess_title_selectbox select {
vertical-align: middle;
}
 .ess_list_btn[disabled] > span {
color: #888;
}
 .ess_list_btn[disabled] :hover > span, .ess_list_btn[disabled] :focus > span, .ess_list_btn[disabled] :active > span {
 color: #333;
 background-color: #E6E6E6;
}
 .ess_orange_popup_model > .modal-dialog > .modal-content > .modal-body > p {
 padding-top: 5px;
}
 .ess_title_selectbox label, .dataTables_length label {
 vertical-align:middle;
}
 .ess_title_selectbox select, .dataTables_length select {
 vertical-align:middle;
}
 .ess_title_selectbox label, .dataTables_length label {
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
 .kra_status_rediobtns input[type="radio"] {
 position: relative;
 top: 2px;
}
 .get_details_row .get_details_btn_block {
 padding-top: 0px;
}
 .get_details_btn_block .ess_add_new {
 padding: 6px;
}
 .ess_kra_kpi_table1 .table > thead > tr > th, .ess_kra_kpi_table1 .table > tbody > tr > td {
 width: 13%;
}
 .ess_emp_information_2 {
 width: 25%;
}
 .ess_info_label {
 width: 13%;
}
 .ess_info_label_3 {
 width: 13%;
}
 .ess_password_block {
 margin: 5px;
}
 label.error {
 width: 132%;
 max-width: 132%;
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left:4.2%;
}
 .ess_emp_detail1 img {
width: 60px;
height: 60px;
}
 .ess_emp_detail1 .dl-horizontal dt, .ess_emp_detail2 .dl-horizontal dt {
width: 120px;
}
 .ess_emp_detail1 .dl-horizontal dd, .ess_emp_detail2 .dl-horizontal dd {
 margin-left: 130px;
}
 .add_new_rec_btn {
font-size: 12px;
}
 div.left_panel_sub_menu1 {
 width: 109.2%;
}
 div.left_panel_sub_menu1 > ul > li {
 padding: 7px 0 0 30px;
 margin-left: -10px;
}
 div.left_panel_sub_menu2 {
 width: 121%;
margin-left: -30px;
}
 .left_panel_sub_menu1 > ul > li:last-child {
 margin-bottom: -4px;
}
 div.left_panel_sub_menu2 > ul li {
 padding: 7px 0 0 45px;
}
 .ess_input_auto {
 width: 11.2%;
}
	/* css for ipad **************************************** */
	
	.ess_title_selectbox label, .ess_title_selectbox select {
vertical-align: middle;
}
 .ess_list_btn[disabled] > span {
color: #888;
}
 .ess_list_btn[disabled] :hover > span, .ess_list_btn[disabled] :focus > span, .ess_list_btn[disabled] :active > span {
 color: #333;
 background-color: #E6E6E6;
}
 div.dataTables_wrapper, table, .theadBg th {
font-size: 11px;
}
 .ess_title_selectbox label, .dataTables_length label {
 vertical-align:middle;
}
 .ess_title_selectbox select, .dataTables_length select {
 vertical-align:middle;
}
 .ess_title_selectbox label, .dataTables_length label {
 display:inline;
}
 .green_box, .red_box {
left: 225px !important;
}
 .ess_rediobuttons > label {
 float: left !important;
 width: auto;
 margin-right: 10px;
 margin-top: 0 !important;
}
}
@media screen and (min-width: 1201px) and (max-width: 1465px) {
 .ess_add_new_btn {
}
 .ess_inner_row > .form-group > div.ess_selectbox:nth-child(3) {
padding-left:3.4%;
}
 .ess_input_auto {
width: 11.2%;
}
 label.error {
 width: 132%;
 max-width: 132%;
}
.kra_heading label {
 margin-left: 12px;
}
}
@media screen and (min-width:1201px) {
}
/* Color Scroll*/
::-webkit-scrollbar-thumb {
background-color:#B03C3F;
border-radius:5px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#196D81;
border:1px solid #196D81;
}
::-webkit-scrollbar-thumb:active {
background-color:#196D81;
border:1px solid #196D81;
}

::-webkit-scrollbar {
width: 12px;
}
/* Track */ ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* Handle */ ::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
border-radius: 5px;
 background: rgba(43, 134, 155, 1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: background: rgba(113, 164, 223, 0.8);
}
/*css for i pad */

.tfootBg select {
	margin-left: 0 !important;
}
#myModal .modal-backdrop {
	min-height:100vh;
}
body.modal-open {
	padding-right: 0px !important;
	overflow:hidden !important;
}
.modal-open {
	padding-right: 0px !important;
}
.modal-body, .page_help_para {
	font-size: inherit;
}
.modal-backdrop {
	min-height:100vh;
	pointer-events: none;
}
#ess_alert_background {
	overflow: hidden;
}

/* your css rules for ipad portrait */
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { */
@media screen and (width: 768px) {
 .ess_rediobuttons > label {
 float: left !important;
 width: auto;
 margin-right: 10px;
}
 .ess_hide_menu:focus {
 color: #FFF;
 background-color: #007D7D;
 border-color: #007D7D;
}
}
/* your css rules for ipad landscape */
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {*/
@media screen and (width: 1024px) {
.ess_title_selectbox label, .ess_title_selectbox select {
 vertical-align: middle;
}
 .ess_title_selectbox label, .ess_title_selectbox select {
vertical-align: middle;
}
 .ess_list_btn[disabled] > span, .ess_list_btn.disabled > span {
color: #888;
}
 .ess_rediobuttons > label {
 float: left !important;
 width: auto;
 margin-right: 10px;
}
 .ess_hide_menu:focus {
 color: #FFF;
 background-color: #007D7D;
 border-color: #007D7D;
}
 .green_box, .red_box {
left: 225px !important;
}
}
@media screen and (max-width: 1200px) {
 .ess_list_btn[disabled] > span, .ess_list_btn.disabled > span, .dataTables_wrapper a[disabled], .dataTables_wrapper a.disabled. .disabled_close a, .disabled_close a:hover, .disabled_close a:focus {
 color: #888;
}
 .ess_save[disabled], .ess_save.disabled, input.ess_save[disabled] {
background-color: #ABABAB !important;
color:#FFF;
}
 a[disabled], a.disabled {
color: #888;
}
 input[type="radio"], input[type="checkbox"] {
 margin: 5px 2px 0px 4px;
 line-height: normal;
 position: relative;
 top: 2px;
}
 .ess_add_new[disabled], .ess_add_new.disabled {
background-color: #497878;
}
}
 @media screen and (max-width: 1200px) {
.ess_main_panel {
min-height: 115vh;
}
}
@media screen and (min-height: 800px) {
 .ess_main_panel {
 min-height:115vh;
}
}
@media screen and (min-height: 1023px) {
 .ess_ft_inner_row {
 width: 100%;
 bottom: 0px;
 left: 0px;
}
 .ess_main_panel {
 min-height: 120vh;
}
}
/* .ess_pa_tab > ul.nav {
    padding-left: 10px;
} 
.ess_prof_skills_table3 {
    padding: 10px;
}
.ess_emp_kra_kpi_appraisal {
    padding: 1% 1% 1% 0;
}
	.ess_kra_kpi_table1 input[type="text"] {
		height: 48px;
		margin:0 !important;
	}
	.ess_kra_kpi_table1 textarea{ height:48px; margin:0 !important;}
.ess_total_label {
    margin-left: 41%;
}
.ess_total_input input[type="text"] {
		width: 100%;
}
*/
 
 .ess_disable_save:disabled {
	background: #427216 none repeat scroll 0 0 !important;
	color: white;
	opacity: 1 !important;
}
.ess_tree ul {
	padding-top: 20px;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.ess_tree li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.ess_tree li::before, .ess_tree li::after {
 content: '';
 position: absolute;
top: 0;
right: 50%;
 border-top: 1px solid #000;
 width: 50%;
height: 20px;
}
.ess_tree li::after {
 right: auto;
left: 50%;
 border-left: 1px solid #000;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.ess_tree li:only-child::after, .ess_tree li:only-child::before {
 display: none;
}
/*Remove space from the top of single children*/
.ess_tree li:only-child {
	padding-top: 0;
}

/*Remove left connector from first child and 
right connector from last child*/
.ess_tree li:first-child::before, .ess_tree li:last-child::after {
 border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.ess_tree li:last-child::before {
 border-right: 1px solid #000;
 border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
}
.ess_tree li:first-child::after {
 border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
 -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.ess_tree ul ul::before {
 content: '';
 position: absolute;
top: 0;
left: 50%;
 border-left: 1px solid #000;
 width: 0;
height: 20px;
}
.ess_tree li a {
	border: 2px solid #000;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	/* 	font-family: arial, verdana, tahoma; */
	font-size: 11px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.ess_tree li a:hover, .ess_tree li a:hover+ul li a {
	background: #c8e4f8;
	color: #000;
	border: 2px solid #000;
}
/*Connector styles on hover*/
.ess_tree li a:hover+ul li::after, .ess_tree li a:hover+ul li::before, .ess_tree li a:hover+ul::before, .ess_tree li a:hover+ul ul::before {
 border-color:  #000;
}
/*Thats all. I hope you enjoyed it.
Thanks :)*/
.ess_tree {
	min-width:100%;
	overflow:auto
}
.l1 {
}
.l1 > li {
	float: none;
	display: table-cell;
	white-space: nowrap;
}
.l1 li > a {
}
.l2 {
}
.l2 > li {
	display: table-cell;
	float: none;
	white-space: nowrap;
}
.l2 li > a {
}
.l3 {
}
.l3 > li {
	float: none;
	display: table-cell;
	white-space: nowrap;
}
.l3 li > a {
}
.l4 {
}
.l4 > li {
	float: none;
	display: table-cell;
	white-space: nowrap;
}
.l4 li > a {
}
.essside_badge {
	margin-right: 10px;
	position: static;
	background-color: #007d7d !important;
	color: #fff;
	font-family: "Open Sans semi";
	font-size: 10px !important;
	font-weight: bolder;
	border-radius: 50%;
	padding-top: 0px;
	display: inline-block;
	text-align: center;
	line-height: 14px;
	min-width: 16px;
	height: auto;
	float: right;
}
.essside_badge:hover {
	background-color:#fff!important;
	color:#007d7d !important;
}
.ess_left_sidebar_menu .panel-body > ul > li:hover .essside_badge {
	background-color:#fff!important;
	color:#007d7d !important;
}
.header_error {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 20px;
	color: #fff1a7;
	font-weight: 500;
	padding: 5px;
	text-align: left;
	padding-top: 25px;
}
.pay_cal_cur {
	text-align:center;
	color:black;
	background-color:#fff;
	text-align: center;
}
.pay_cal_cur th {
	text-align:center;
	border: 2px solid #ddd;
}
 .attendance_month_Calender_table1 table caption label:nth-child(1) {
float:left !important;
padding: 1%;
width: auto;
margin-bottom:0px;
}
.attendance_month_Calender_table1 table caption label:nth-child(2) {
float:right !important;
padding: 1%;
width: auto;
margin-bottom:0px;
}
.OD {
	background-color:#9dac08;
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans Semi';
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}
.W {
	min-width:28px;
}
/*### New  CSS Leave Dashboard New History , Add Edit Updated On 22-07-2017*/
/* Start New CSS FOR Pagination NEW PAGES 11-07-2017*/
 
/************* Start ess Attendance List CSS *************/
/*************ess Attendance List Graph  *************/

.tb_structure_innner_att_l {
	padding: 1%;
}
.att_leave_top_divemp_leave_list {
	padding: 2% 1% 2% 0;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
	margin-bottom: 15px!important;
}
.att_leave_inner_div_leave_list {
	padding-left: 1%;
	padding-top: 0px;
}
.inner_div_graph_leave_list {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
.att_leave_title_inner_divleave_top {
	text-align: center;
	font-family: open sans semi;
	padding:5px 0px;
	background: #fff;
	color: #000000;
}
.att_leave_titlediv_leaveList_top {
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fff;
}
.att_leave_ess_leave_graph {
	width: 100%;
	height: 200px;
	background: #fff;
}
.amcharts-pie-slice {
	transform: scale(1);
	transition-duration: 0.3s;
 transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
	cursor: pointer;
	box-shadow: 0 0 30px 0 #000;
}
.ess_emp_leave_table .leave_tab ul {
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 640px) and (min-width: 310px) {
 .att_leave_inner_div_leave_list {
 width: 50%!important;
 margin-bottom: 10px;
}
}
@media screen and (min-width: 641px) and (max-width: 1111px) {
 .att_leave_inner_div_leave_list {
 width: 33.33%!important;
 margin-bottom: 10px;
}
}
/*************End ess Attendance List  *************/
/*********************** START CSS FOR TAB STRUCTURE ATTE LIST*****************/

.ess_lev_empty_msg_div {
	margin: 10px 5px;
	padding: 0;
	border: 1px solid #E3E3E3;
	background-color: #FFF;
	border-radius: 3px;
	text-align: center;
}
.ess_lev_empty_msg {
	color: #F00;
	padding: 25px 0;
}
.tab_panel_div_struct_leave {
	padding: 1%;
}
.leave_typ_div_iner {
	width: 150.5px;
}
.balance:last-child .inner_type_leave {
	border-right: 1px solid #ccc
}
.inner_type_leave {
	text-align: center;
	font-family: 'open sans semi';
	padding: 8px;
	background-color: #ffe7de;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #505050;
	font-size: 14px;
}
.inner_number_leave {
	color: #676767;
	padding: 10px 10px;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	height: 40px;
}
.Casual {
	background-color: #fff;
	font-family: 'open sans semi';
}
.Medical {
	background-color: rgba(251, 207, 207, 0.18);
	font-family: 'open sans semi';
}
.Maternity {
	background-color: #fff;
	font-family: 'open sans semi';
}
.Without {
	background-color: rgba(251, 207, 207, 0.18);
	font-family: 'open sans semi';
}
.Comp {
	background-color: #fff;
	font-family: 'open sans semi';
}
.Emergency {
	background-color: rgba(251, 207, 207, 0.18);
	font-family: 'open sans semi';
}
.number_div_leave_tab {
	color: #74777f;
	font-size: 15px!important;
	text-align: center;
	padding: 10px 10px;
}
.leave_typediv {
	width: 200px;
}
.balance .number_div_leave_tab {
	color: #007d7d!important;
}
@media screen and (min-width: 310px) and (max-width: 1000px) {
 .inner_type_leave {
 font-size: 11px;
 padding: 5px;
}
 .inner_number_leave {
 color: #676767;
 padding: 9px 7px;
 font-size: 12px;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 height: 34px;
}
 .leave_typediv {
 width: 130px;
 display: inline-block
}
 .leave_typ_div_iner {
 width: 130px;
 display: inline-block
}
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
 .inner_type_leave {
 font-size: 13px;
 padding: 5px;
}
 .inner_number_leave {
 color: #676767;
 padding: 9px 7px;
 font-size: 12px;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 height: 34px;
}
 .leave_typediv {
 width: 140px;
 display: inline-block
}
 .leave_typ_div_iner {
 width: 137px;
 display: inline-block
}
}
.ess_emp_leave_table table caption {
	font-size: 13px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.ess_leave_count > li:nth-child(6) {
 padding: 3px 12px;
 border-radius: 4px;
 background-color: #007D7D;
 color: #FFF;
 margin: 5px;
 text-align: center;
 min-width: 30px;
}
.ess_leave_count >li:nth-child(2), .ess_leave_count >li:nth-child(4), .ess_leave_count >li:nth-child(6) {
 border-radius: 4px;
 color: #FFF;
 margin: 5px;
 text-align: center;
 min-width: 30px;
 padding: 6px 20px;
 border-radius: 4px;
 color: #FFF;
 margin: 5px;
 text-align: center;
 min-width: 30px;
}
.leave_tab > ul > li > a {
	font-family: 'open sans semi';
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #5c5c5c;
	color: #fff;
}
.ess_leave_count >li:nth-child(6) {
 background-color: #ec7800;
}
.ess_leave_count >li:nth-child(4) {
 background-color: #5a9c02;
}
.ess_leave_count >li:nth-child(2) {
 background-color: #a91e1e;
}
.left_side_div_tb_strcut {
	display: inline-block;
	float: left;
	font-size: 14px;
	padding-top: 7px;
	padding-left: 10px;
}
.sublable_tbl {
	display: inline-block;
	margin-top: 0px;
	color: #000;
	font-size: 10px;
	text-align: center;
	padding-left: 5px;
	margin-bottom: 0;
}
.balance .inner_number_leave {
	border-right: 1px solid #ccc;
}
.ess_emp_leave_table table thead tr th {
	padding: 8px 4px!important;
}
/***********************END CSS FOR TAB STRUCTURE ATTE LIST*****************/
/*************End ess Attendance List CSS *************/
/*************Start Leave List Dashboard Inner Table 10-06-17*************/

.leave_list_body {
	padding: 0;
	max-height: 220px;
	background-color: #FFF !important;
	border: 1px solid #CCC;
	padding-bottom: 5px;
}
ul.leave_list_onleave {
	padding: 0;
}
.li.leave_list_onleave_item:last-child {
	border-bottom: none;
}
li.leave_list_onleave_item {
	padding: 5px 8px;
	border-bottom: 1px solid #CCC;
}
.leave_list_onleave_item > .leave_list_item > div {
	display: inline;
	vertical-align: middle;
}
.leave_list_tbl_img {
	margin-right: 10px;
	height: auto;
	border-radius: 50px;
	border: 1px solid #ddd;
	float: left;
}
.leave_list_tbl_img > img {
	height: 29px;
	width: 29px;
	border-radius: 50px;
}
.leave_list_name {
	font-family: 'Open Sans Semi';
	font-size: 11px;
	width: 30%;
	float: left;
	padding-top: 8px;
}
.leave_list_status {
	float: left;
	width: 32%;
	font-family: 'Open Sans semi';
	font-size: 9px;
	padding-left: 0px;
	color: #ae1300;
	padding-top: 11px;
}
.leave_list_status span {
	margin-right: 1px;
	margin-left: 1px;
}
.leave_list_tbl_title {
	font-size: 14px;
	text-align: left;
	color: #000000;
	padding: 6px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: 'Open Sans Semi';
	background-color: #d2d2d2;
	clear: both;
}
.leave_historys_main_p {
	padding-top: 5px;
	background-color: #f0f3f6;
	height: 100%;
	min-height: 700px;
	margin-top: -22px;
	padding-right: 13px;
	padding-bottom: 25px;
}
.row_main_progress {
	padding-left: 13px;
}
.Le_r_inner_row_progressdiv {
	padding: 13px;
	border: 1px solid #ddd;
}
.Le_r_inner_col_progbar {
	background-color: #fff;
}
.Le_r_progress-group .Le_r_progress-text {
	font-weight: 600;
	font-size: 12px;
	font-family: 'open sans semi';
	color: #868686;
}
.Le_r_progress-group .Le_r_progress-number {
	float: right;
}
.Le_r_progress-number b {
	font-weight: 600;
	font-size: 12px;
	font-family: 'open sans semi';
	color: #868686;
}
.progress {
	height: 10px;
	margin-bottom: 16px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	margin-top: 5px;
}
.progress-bar-aqua, .progress-bar-info {
	background-color: #00c0ef;
}
.progress-bar-red, .progress-bar-danger {
	background-color: #dd4b39;
}
.progress-bar-green, .progress-bar-success {
	background-color: #00a65a;
}
.progress-bar-yellow, .progress-bar-warning {
	background-color: #f39c12;
}
.latestfull_row {
	padding: 0px 13px;
}
.seemoredivprogress a {
	color: #000;
	text-decoration: none;
}
.new_salary_dash_bottom {
	margin-top: px;
}
.innner_block_divi_state .inner_block_div_change:nth-child(4)>.stat-col {
 border: none;
}
.description-block {
	display: block;
	margin: 10px 0;
	text-align: center;
}
.box .border-right {
	border-right: 1px solid #f4f4f4;
}
.text-yellow {
	color: #f39c12 !important;
}
.group_inner_l_name {
	float: left;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	font-family: open sans semi;
	width: 180px;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
}
.leave_empl_left_div {
	padding-left: 13px;
}
.padding_left_main_leave {
	padding-left: 13px;
}
.bold_inner_coutn {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	color: #868686;
}
.bold_inner_coutn:before {
	content: '-';
	margin-left: 5px;
	margin-right: 5px;
}
.title_leave_summarys_ds_row {
	padding: 12px 12px 0px 5px;
}
.title_leave_summarys_ds_row_title {
	font-size: 20px;
	color: #000;
	display: inline-block;
}
.card_title_lev_su {
font-size: 17px;
	color: #000;
	display: inline-block;
}
.card_title_lev_su_desc {
	margin: 0;
	padding-left: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #7e8e9f!important;
	display: inline-block;
}
.levae_type_list_ds {
	font-family: 'Open Sans Semi';
	font-size: 10px;
	width: 14%;
	float: left;
	padding-top: 8px;
	color: #888888;
}
.levae_type_list_ds i {
	font-size: 15px;
	margin-right: 5px;
}
.inner_list_le_type_days:before {
	content: '-';
	margin-left: 2px;
	margin-right: 5px;
}
.inner_tbl_le_t_dsh {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 32px 15px;
}
.div_days_al_on_l_d {
	color: #796f6f;
	float: right;
	text-align: center;
	width: 6%;
	padding: 0px 0px;
	vertical-align: middle;
}
.days_inner_a_o_ld {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -1px;
}
.inner_block_a_o_d_d {
	font-size: 9px;
}
.aproval_leave {
	color: #00a65a;
}
.pedning_approval_dash {
	color: #dd4b39;
}
.top, .bottom {
	padding: 0px;
	background-color: transparent;
	border: 1px solid transparent;
}
@media screen and (min-width: 310px) and (max-width: 480px) {
 .group_inner_l_name {
 float: left;
 display: inline-block;
 margin-right: 15px;
 vertical-align: middle;
 text-align: center;
 padding-top: 0px;
 font-size: 12px;
 font-family: open sans semi;
 width: 100%;
 overflow: hidden;
 text-align: left;
 text-overflow: ellipsis;
}
 .levae_type_list_ds {
 font-family: 'Open Sans Semi';
 font-size: 11px;
 width: 14%;
 float: left;
 padding-top: 8px;
 color: #888888;
}
 .leave_list_status {
 font-size: 10px;
}
 .levae_type_list_ds i {
 font-size: 12px;
}
 .leave_list_name {
 font-family: 'Open Sans Semi';
 font-size: 11px;
 width: 24%;
 float: left;
 padding-top: 8px;
}
}
/*************End Leave List Dashboard Inner Table 10-06-17*************/
/*22-07-17 ess overflow div leave dashboard*/

.leave_list_body {
	height: 220px;
	overflow: auto!important;
}
.Le_r_inner_row_progressdiv {
	height: 220px;
	overflow: auto;
}
.no_leave_availale_block_text {
	font-family: 'Open Sans Semi';
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 14px 0;
	color: red;
	/* border-radius: 4px; */
    
    margin: 0;
	height: 80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.margin_top_ten {
	padding: 15px;
}
.leavestatusiner {
	float: left;
	width: auto;
	display: inline-block;
	font-size: 10px;
	padding-top: 8px;
	margin-right: 5px;
}
.e_l_list_main_row {
	padding: 0px 10px;
}
.empl_leave_list_boss_tbl_new .table thead tr th {
	background-color: #fff;
	border: none!important;
}
.empl_leave_list_boss_tbl_new .table {
	background-color: #fff;
	border: none!important;
}
.empl_leave_list_boss_tbl_new .table thead tr th {
	text-align: center;
	background-color: #fff;
	font-size: 11px;
	border: none!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td {
	background-color: #fff;
	padding: 12px 15px!important;
	font-size: 11px;
	text-align: center;
	border: none!important;
}
.em_bo_leave_a_edit {
	border: none!important;
}
.em_bo_leave_a_edit a {
	color: #FF5722;
	display: block;
	text-decoration: none;
	font-family: 'open sans semi';
	font-size: 12px;
	letter-spacing: 0;
}
.empl_leave_list_boss_tbl_new .table tbody tr td.em_bo_leave_a_edit {
	background-color: #fff;
	font-size: 11px;
	border: none!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td.em_bo_leave_a_cancel {
	background-color: #fff;
	font-size: 11px;
	border: none!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td.em_bo_leave_a_cancel a {
	font-size: 11px;
	font-family: 'open sans semi';
}
.empl_leave_list_boss_tbl_new .table thead tr th:nth-child(1) {
 width: 50px!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(5) {
 width: 17%!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(4) {
 width: 15%!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(3) {
 width: 15%!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(6) {
 width: 15%!important;
}
.empl_leave_list_boss_tbl_new .table tbody tr {
	border: 1px solid #ddd;
}
.Employeeemp_id_bos_edit {
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: #000;
	/* position: absolute; */
    /* top: 6px; */
    
    font-family: 'open sans';
	z-index: 1;
	float: left;
	font-weight: normal;
	letter-spacing: 1px;
}
.Employeeemp_id_bos_edit:after {
	content: ',';
	margin-right: 5px;
}
.e_l_list_lbl_title {
	display: inline-block;
	width: 100%;
	font-size: 11px;
	top: -5px;
	font-family: 'open sans semi';
	color: #000;
	text-align: center;
}
.e_l_list_name_id {
	margin-top: 8px;
}
.e_l_list_name_idEmployee {
	font-size: 12px;
	color: #606060;
	font-family: 'open sans semi';
	letter-spacing: 0.56px;
	float: left;
	/* padding-top: 19px; */
    
    font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	z-index: 1;
	position: relative;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.no_leave_availale_block {
	height: 80px;
	width: 100%;
	/* height: 100px; */
    
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.Le_r_inner_row_progressdiv {
	position: relative;
}
.leave_list_body {
	position: relative;
}
/*************end Leave List Dashboard Inner Table 10-06-17*************/
/****** Start ESS employee Also On Leave Employee Leave Request Page CSS 13-13-17******* ********/

.no_data_available_div {
	font-family: 'Open Sans Semi';
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0;
	color: red;
	/* border-radius: 4px; */
    
    margin: 0;
	height: 80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.status_pedning_app {
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Open Sans';
	color: #F44336;
	width: 22%;
}
.inne_b_e_le_re_na {
	width: 65%;
	float: left;
}
.inner_b_st_days_cont {
	clear: both;
	font-size: 10px;
	letter-spacing: 1px;
	font-size: 13px;
	color: #afafaf;
	font-family: open sans semi;
}
.status_pedning_app span i.approved_leave {
	color: green;
	font-size: 15px;
	float: left;
	text-transform: uppercase;
	padding-top: 2px;
}
.status_pedning_app span i.pen_le_type {
	color: red;
	font-size: 16px;
	float: left;
	padding-top: 2px;
}
.status_pedning_app span .lea_ty_le_requ {
	margin-right: 8px;
	color: #795548;
	float: left;
	font-family: open sans semi;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width: 768px) and (min-width: 310px) {
 .input_div_birtdyLeave {
 display: inline-block;
 float: left!important;
 margin-top: 19px!important;
 margin-left: 19px!important;
}
 .labl_div_birtdyLeave {
 margin-top: 19px!important;
 margin-left: 18px!important;
 display: inline-block;
 float: left!important;
}
 .hr_div_fourty_inner_block {
 width: 100%!important;
 float: left;
 margin-top: 20px!important;
 top: 5px!important;
 position: relative!important;
 right: 0!important;
 margin-bottom: 20px;
}
 .btn_row_emp_leave_also_o_leave {
 clear: both;
}
 .main_inner_div_also_on_leave_body {
 clear: both;
 padding: 0;
 max-height: 300px!important;
}
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
 .hr_div_fourty_inner_block {
 margin-top: -26px!important;
}
}
.hr_div_eighty_inner_block {
	width: 80%;
	float: left;
}
.hr_div_fourty_inner_block {
	width: 30%;
	float: left;
	margin-top: -22px;
	top: 100px;
	position: absolute;
	right: 0%;
}
.inner_row_right_divfourty {
	border-left: 1px solid #ccc;
}
.main_inner_div_also_on_leave_header {
	text-align: center;
	color: red;
	font-family: 'Open Sans Semi';
	font-size: 13px;
	padding: 8px 10px;
}
.bosseditfourty_inner_block {
	height: 625px;
}
.emp_leave_on_leavbody {
	height: 580px;
}
.main_inner_div_also_on_leave_body {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFF !important;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;
}
.main_inner_div_also_on_leave_body ul li {
	list-style: none!important;
		padding: 8px 4px 8px 5px;
 
}
.hr_alsoleaev_list_item_new {
	height: auto;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg {
	display: inline;
	vertical-align: middle;
	float: left;
	width: 14%;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg img {
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
.hr_also_on_leave_name {
	font-family: 'Open Sans Semi';
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.hr_also_on_leave_status {
	font-size: 10px;
	color: #666;
	width: 100%;
	float: left;
	padding-top: 2px;
	display: inline-block;
}
.hr_also_on_leave_dept {
	font-size: 10px;
	font-weight: normal;
	font-family: 'Open Sans';
}
.main_inner_div_also_on_leave_body ul li:last-child {
	border-bottom: none;
}
.labl_div_birtdyLeave {
	margin-left: 0;
	display: inline-block;
	float: right;
}
.input_div_birtdyLeave {
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 15px!important;
}
.birtdyLeave_rowchek {
	margin-left: -15px;
}
.innblol_height_boss {
	height: 656px;
}
/********End ESS employee Also On Leave Employee Leave Request Page CSS 13-06-17******* ********/
/*@media screen and (max-width: 1465px) and (min-width: 1201px) {*/
 
/* Start New CSS FOR Pagination NEW PAGES 11-07-2017*/

.lato {
	font-family: 'Lato', sans-serif
}
.jplist-hidden {
	display: none
}
.jplist-sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #f1f1f1;
	padding-bottom: 5px
}
.sticky-demo .panel>.center {
	max-width: 100%
}
.sticky-demo .jplist-sticky>.center {
	max-width: 95%
}
.no-cssgradients .jplist-panel button:hover {
	background: #f4f4f4
}
.jplist-panel {
	color: #27252a
}
.jplist-panel button {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0
}
.jplist-panel button:hover {
	color: #0381bb;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -o-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -ms-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: linear-gradient(to bottom, #fafafa 0, #ededed 100%)
}
.jplist-panel button.jplist-disabled {
	background: #e3e3e3;
	color: #6c6c6c;
	cursor: default
}
.jplist-panel button.jplist-selected {
	color: #f03800
}
.jplist-panel input[type="text"] {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	width: 150px;
	text-indent: 5px;
	background: #fff
}
.jplist-panel input[type="checkbox"], .jplist-panel input[type="radio"] {
	float: left;
	display: inline-block;
	height: 30px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #27252a
}
.jplist-panel label {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #27252a;
	cursor: pointer
}
.jplist-icon {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
	border-right: 0
}
.jplist-icon:hover {
	color: #0381bb
}
.jplist-label {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	line-height: 30px;
	padding: 0 10px;
	margin: 10px 10px 0 0;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}
.jplist-selected {
	color: #CA3F1A
}
.jplist-box {
	float: left;
	height: 30px;
	margin: 10px 10px 0 0
}
@media only screen and (max-width: 600px) {
 .jplist-panel {
 display: none
}
}
.jplist-drop-down {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	width: 150px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0;
	position: relative
}
.jplist-drop-down .jplist-dd-panel {
	float: left;
	width: 150px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-indent: 10px;
	cursor: pointer
}
.jplist-drop-down .jplist-dd-panel:after {
	content: '\25BC';
	color: #111;
	display: inline-block;
	position: absolute;
	right: 10px;
	z-index: 1000
}
.jplist-drop-down ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 0 0 3px 3px;
	position: relative;
	top: 0;
	z-index: 1000;
	width: 148px;
	display: none;
	overflow: hidden;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 3px 6px #bbb
}
.jplist-drop-down ul li {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	cursor: pointer
}
.jplist-drop-down ul li:hover {
	background-color: #ececec
}
.jplist-drop-down:hover .jplist-dd-panel {
	color: #0381bb
}
.jplist-drop-down:hover .jplist-dd-panel:after {
	color: #0381bb
}
.jplist-select {
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	float: left;
	margin: 10px 10px 0 0;
	padding: 5px;
	text-shadow: none
}
.jplist-ios-button {
	display: none
}
@media only screen and (max-width: 600px) {
 .jplist-ios-button {
 display: block;
 width: 100%;
 text-align: center;
 cursor: pointer;
 font-size: 15px;
 line-height: 30px;
 float: left;
 height: 30px;
 box-shadow: 0 0 1px #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #dbdbdb;
 border-radius: 3px;
 text-shadow: 1px 1px 1px #fff;
 color: #27252a;
 background: #fff;
 background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
 background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
 background: -o-linear-gradient(top, #fff 0, #efefef 100%);
 background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
 background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}
 .jplist-ios-button:hover {
 background: #f2f2f2;
 background: -moz-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
 background: -webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -o-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -ms-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: linear-gradient(to bottom, #fafafa 0, #ededed 100%)
}
 .jplist-ios-show {
 display: block
}
}
.lato {
	font-family: 'Lato', sans-serif
}
.jplist-panel .jplist-group {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	margin: 10px 10px 0 0;
	padding: 0 0 0 5px;
	height: auto
}
.jplist-panel .jplist-group input, .jplist-panel .jplist-group label {
	height: 28px;
	line-height: 30px
}
.jplist-panel .jplist-group ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 28px
}
.jplist-panel .jplist-group ul li {
	float: left;
	margin-right: 15px;
	overflow: hidden;
	height: 28px;
	line-height: 30px
}
.radio-filters {
	float: left;
	margin: 5px 15px 0 0
}
.radio-filters input {
	vertical-align: baseline
}
.radio-filters label {
	margin-right: 10px
}
.radio {
	float: left
}
[data-control-type="range-filter"] {
 cursor: pointer
}
.jplist-first, .jplist-prev, .jplist-next, .jplist-last {
	display: none;
}
.jplist-panel {
	display: block !important;
	width: 100% !important;
	clear: both !important;
}
.jplist-panel:after {
	display: block;
	content: "";
	clear: both;
}
.list-item {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 5px;
	background: #222;
	text-align: center;
	line-height: 100px;
	color: #fff;
}
.pagination_list {
	min-height: 200px;
	max-height: 1000px;
	overflow: auto;
}
.jplist-panel {
	padding-bottom: 30px;
}
.jp_left_fifty {
	padding-left: 15px;
	clear: both;
}
.jplist-pagination_new {
	float: left;
	display: inline-block;
}
.jplist-pagination_new button {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0;
}
/* End CSS FOR Pagination NEW PAGES 11-07-2017*/
/*employee keave least boss new*/

.e_l_list_main_top_row {
	background-color: #fff;
	min-height: 650px;
	margin-top: -20px;
	padding: 15px 0px;
}
.e_l_list_prof_pic {
	width: 30px;
	height: 30px;
	float: left;
	display: inline-block;
}
.e_l_list_prof_pic img {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
}
.e_l_list_rank__date:after {
	display: inline;
	content: ',';
	margin-left: 2px;
	margin-right: 2px;
	font-size: 11px;
}
.e_l_list_textarea_row {
	margin-bottom: 5px;
	padding-top: 15px;
	clear: both;
}
.e_l_list_textarea textarea {
	width: 100%;
	min-height: 25px;
}
.e_l_list_input_row {
	width: 50%;
	float: left;
	display: inline-block;
}
.e_l_list_toggle_main_div {
	padding: 15px;
	min-height: 100px;
	margin-top: 10px;
	background-color: red;
	clear: both;
	background-color: #e4f6ff;
	position: relative;
	margin-bottom: 15px;
}
.e_l_list_to {
	display: inline-block;
}
.e_l_list_to:after {
	display: inline-block;
	content: 'To';
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
}
.e_l_list_inner_de {
	margin-bottom: 2px;
	position: relative;
}
.e_l_list_inner_de .e_l_list_lbl {
	display: inline-block;
	float: left;
	position: absolute;
	width: 100%;
	font-size: 11px;
	top: -5px;
	font-family: 'open sans semi';
	color: #000;
	text-align: center;
}
/*		.e_l_list_lbl:after{display:inline;content:':';margin-left:5px;margin-right:5px;font-size:11px;}*/

.e_l_list_lbl_text {
	display: inline-block;
	float: left;
	width: 100%;
	font-size: 11px;
	color: #565555;
	margin-top: 11px;
	text-align: center;
}
.e_l_list_leave_details {
	width: 150px;
	font-size: 13px;
	margin-top: 3px;
	float: left;
	display: inline-block;
}
.e_l_list_prof_main {
	width: 200px!important;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 2px;
	padding-left: 5px;
	vertical-align: middle;
}
.e_l_list_main_row {
	padding: 0px 10px;
}
.e_l_list_rank {
	border: 1px solid #ddd;
	width: 100%;
	min-height: 30px;
	margin-bottom: 10px;
	position: relative;
	padding: 11px 10px;
	background-color: #fff;
}
.e_l_list_rank__rank {
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.53);
	background: #9DD5FF;
	color: #fff;
	padding: 9px;
	font-size: 2.3rem;
	position: absolute;
	left: -20px;
	top: 14px;
	width: 40px;
	height: 40px;
	text-align: center;
}
.e_l_list_rank__title {
	font-size: 12px;
	color: #606060;
	font-family: 'open sans semi';
	letter-spacing: 0.56px;
	/* padding-top: 19px; */
    
    font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	z-index: 1;
	position: relative;
	float: left;
	width: 76%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.e_l_list_rank__date {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: #000;
	/* position: absolute; */
    /* top: 6px; */
    
    z-index: 1;
	float: left;
}
.e_list_approved {
	background-color: #4CAF50;
}
.e_list_rejected {
	background-color: #e91e63;
}
.e_l_list_rank__details {
	font-size: 13px;
	text-transform: uppercase;
	float: right;
	margin-right: 5px;
	cursor: pointer;
	margin-top: 5px;
	letter-spacing: 2px;
	z-index: 2;
}
.e_l_list_rank__details {
	color: #FF5722;
	display: block;
	text-decoration: none;
	font-family: 'open sans semi';
	font-size: 12px;
	letter-spacing: 0;
}
.e_l_list_rank__details a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
 .e_l_list_prof_main {
 width: 230px;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 50%;
 margin-top: 15px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: left
}
 .e_l_list_lbl_text {
 text-align: left
}
}
@media screen and (min-width: 581px) and (max-width: 1200px) {
 .e_l_list_prof_main {
 width: 80%;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 25%;
 margin-top: 15px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: left
}
 .e_l_list_lbl_text {
 text-align: left
}
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
 .e_l_list_prof_main {
 width: 250px;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 150px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: center
}
 .e_l_list_lbl_text {
 text-align: center
}
}
/*employee leave list boss new*/
.empl_leave_list_boss_tbl_new .dataTables_wrapper {
	overflow: auto;
}
/*### End New  CSS Leave Dashboard New History , Add Edit Updated On 22-07-2017*/

/****** Start ESS employee Also On Leave Employee Leave Request Page CSS 13-13-17******* ********/
.no_data_available_div {
	font-family: 'Open Sans Semi';
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0;
	color: red;
	/* border-radius: 4px; */
    
    margin: 0;
	height: 80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.status_pedning_app {
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Open Sans';
	color: #F44336;
	width: 58px;
}
.inne_b_e_le_re_na {
	width: 62%;
	float: left;
}
.inner_b_st_days_cont {
	clear: both;
	font-size: 10px;
	letter-spacing: 1px;
	font-size: 13px;
	color: #afafaf;
	font-family: open sans semi;
}
.status_pedning_app span i.approved_leave {
	color: green;
	font-size: 15px;
	float: left;
	text-transform: uppercase;
	padding-top: 2px;
}
.status_pedning_app span i.pen_le_type {
	color: red;
	font-size: 16px;
	float: left;
	padding-top: 2px;
}
.status_pedning_app span .lea_ty_le_requ {
	margin-right: 8px;
	color: #795548; 
	float: left;
	font-family: open sans semi; 
	overflow: hidden;
	text-overflow: ellipsis; 
	font-size: 10px!important;
	width:100%!important;
	
}
@media screen and (max-width: 768px) and (min-width: 310px) {
 .input_div_birtdyLeave {
 display: inline-block;
 float: left!important;
 margin-top: 19px!important;
 margin-left: 19px!important;
}
 .labl_div_birtdyLeave {
 margin-top: 19px!important;
 margin-left: 18px!important;
 display: inline-block;
 float: left!important;
}
 .hr_div_fourty_inner_block {
 width: 100%!important;
 float: left;
 margin-top: 20px!important;
 top: 5px!important;
 position: relative!important;
 right: 0!important;
 margin-bottom: 20px;
}
 .btn_row_emp_leave_also_o_leave {
 clear: both;
}
 .main_inner_div_also_on_leave_body {
 clear: both;
 padding: 0;
 max-height: 300px!important;
}
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
 .hr_div_fourty_inner_block {
 margin-top: -26px!important;
}
}
.hr_div_eighty_inner_block {
	width: 70%;
	float: left;
}
.hr_div_fourty_inner_block {
	width: 30%;
	float: left;
	margin-top: -22px;
	top: 100px;
	right: 0%;
}
.inner_row_right_divfourty {
	border-left: 10px solid #eee;
}
.main_inner_div_also_on_leave_header {
	text-align: center;
	color: #000;
	font-family: 'Open Sans Semi';
	font-size: 13px;
	padding: 8px 10px;
}
.main_inner_div_also_on_leave_body {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFF !important;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;	

}
.main_inner_div_also_on_leave_body ul li {
	list-style: none!important;
	padding: 13px 8px;
	padding-left: 20px;
}
.hr_alsoleaev_list_item_new {
	height: auto;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg {
	display: inline;
	vertical-align: middle;
	float: left;
	width: 14%;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg img {
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
.hr_also_on_leave_name {
	font-family: 'Open Sans Semi';
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.hr_also_on_leave_status {
	font-size: 10px;
	color: #666;
	width: 100%;
	float: left;
	padding-top: 2px;
	display: inline-block;
}
.hr_also_on_leave_dept {
	font-size: 10px;
	font-weight: normal;
	font-family: 'Open Sans';
}
.main_inner_div_also_on_leave_body ul li:last-child {
	border-bottom: none;
}
.labl_div_birtdyLeave {
	margin-left: 0;
	display: inline-block;
	float: right;
}
.input_div_birtdyLeave {
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 15px!important;
}
.birtdyLeave_rowchek {
	margin-left: -15px;
}
.main_inner_div_also_on_leave_body {
	min-height:850px;
	overflow:auto;
}
/********End ESS employee Also On Leave Employee Leave Request Page CSS 13-06-17******* ********/
/*@media screen and (max-width: 1465px) and (min-width: 1201px) {*/
 
 
/* Start New CSS FOR Pagination NEW PAGES 11-07-2017*/

.lato {
	font-family: 'Lato', sans-serif
}
.jplist-hidden {
	display: none
}
.jplist-sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #f1f1f1;
	padding-bottom: 5px
}
.sticky-demo .panel>.center {
	max-width: 100%
}
.sticky-demo .jplist-sticky>.center {
	max-width: 95%
}
.no-cssgradients .jplist-panel button:hover {
	background: #f4f4f4
}
.jplist-panel {
	color: #27252a
}
.jplist-panel button {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0
}
.jplist-panel button:hover {
	color: #0381bb;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -o-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: -ms-linear-gradient(top, #fafafa 0, #ededed 100%);
	background: linear-gradient(to bottom, #fafafa 0, #ededed 100%)
}
.jplist-panel button.jplist-disabled {
	background: #e3e3e3;
	color: #6c6c6c;
	cursor: default
}
.jplist-panel button.jplist-selected {
	color: #f03800
}
.jplist-panel input[type="text"] {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	width: 150px;
	text-indent: 5px;
	background: #fff
}
.jplist-panel input[type="checkbox"], .jplist-panel input[type="radio"] {
	float: left;
	display: inline-block;
	height: 30px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #27252a
}
.jplist-panel label {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #27252a;
	cursor: pointer
}
.jplist-icon {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
	border-right: 0
}
.jplist-icon:hover {
	color: #0381bb
}
.jplist-label {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	line-height: 30px;
	padding: 0 10px;
	margin: 10px 10px 0 0;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}
.jplist-selected {
	color: #CA3F1A
}
.jplist-box {
	float: left;
	height: 30px;
	margin: 10px 10px 0 0
}
@media only screen and (max-width: 600px) {
 .jplist-panel {
 display: none
}
}
.jplist-drop-down {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	width: 150px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0;
	position: relative
}
.jplist-drop-down .jplist-dd-panel {
	float: left;
	width: 150px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-indent: 10px;
	cursor: pointer
}
.jplist-drop-down .jplist-dd-panel:after {
	content: '\25BC';
	color: #111;
	display: inline-block;
	position: absolute;
	right: 10px;
	z-index: 1000
}
.jplist-drop-down ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 0 0 3px 3px;
	position: relative;
	top: 0;
	z-index: 1000;
	width: 148px;
	display: none;
	overflow: hidden;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 3px 6px #bbb
}
.jplist-drop-down ul li {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	cursor: pointer
}
.jplist-drop-down ul li:hover {
	background-color: #ececec
}
.jplist-drop-down:hover .jplist-dd-panel {
	color: #0381bb
}
.jplist-drop-down:hover .jplist-dd-panel:after {
	color: #0381bb
}
.jplist-select {
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	float: left;
	margin: 10px 10px 0 0;
	padding: 5px;
	text-shadow: none
}
.jplist-ios-button {
	display: none
}
@media only screen and (max-width: 600px) {
 .jplist-ios-button {
 display: block;
 width: 100%;
 text-align: center;
 cursor: pointer;
 font-size: 15px;
 line-height: 30px;
 float: left;
 height: 30px;
 box-shadow: 0 0 1px #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #dbdbdb;
 border-radius: 3px;
 text-shadow: 1px 1px 1px #fff;
 color: #27252a;
 background: #fff;
 background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
 background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
 background: -o-linear-gradient(top, #fff 0, #efefef 100%);
 background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
 background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}
 .jplist-ios-button:hover {
 background: #f2f2f2;
 background: -moz-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
 background: -webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -o-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: -ms-linear-gradient(top, #fafafa 0, #ededed 100%);
 background: linear-gradient(to bottom, #fafafa 0, #ededed 100%)
}
 .jplist-ios-show {
 display: block
}
}
.lato {
	font-family: 'Lato', sans-serif
}
.jplist-panel .jplist-group {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	margin: 10px 10px 0 0;
	padding: 0 0 0 5px;
	height: auto
}
.jplist-panel .jplist-group input, .jplist-panel .jplist-group label {
	height: 28px;
	line-height: 30px
}
.jplist-panel .jplist-group ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 28px
}
.jplist-panel .jplist-group ul li {
	float: left;
	margin-right: 15px;
	overflow: hidden;
	height: 28px;
	line-height: 30px
}
.radio-filters {
	float: left;
	margin: 5px 15px 0 0
}
.radio-filters input {
	vertical-align: baseline
}
.radio-filters label {
	margin-right: 10px
}
.radio {
	float: left
}
[data-control-type="range-filter"] {
 cursor: pointer
}
.jplist-first, .jplist-prev, .jplist-next, .jplist-last {
	display: none;
}
.jplist-panel {
	display: block !important;
	width: 100% !important;
	clear: both !important;
}
.jplist-panel:after {
	display: block;
	content: "";
	clear: both;
}
.list-item {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 5px;
	background: #222;
	text-align: center;
	line-height: 100px;
	color: #fff;
}
.pagination_list {
	min-height: 200px;
	max-height: 1000px;
	overflow: auto;
}
.jplist-panel {
	padding-bottom: 30px;
}
.jp_left_fifty {
	padding-left: 15px;
	clear: both;
}
.jplist-pagination_new {
	float: left;
	display: inline-block;
}
.jplist-pagination_new button {
	float: left;
	height: 30px;
	box-shadow: 0 0 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	color: #27252a;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
	margin: 10px 10px 0 0;
}
/* End CSS FOR Pagination NEW PAGES 11-07-2017*/
/*employee keave least boss new*/

.e_l_list_main_top_row {
	background-color: #fff;
	min-height: 650px;
	margin-top: -20px;
	padding: 15px 0px;
}
.e_l_list_prof_pic {
	width: 30px;
	height: 30px;
	float: left;
	display: inline-block;
}
.e_l_list_prof_pic img {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
}
.e_l_list_rank__date:after {
	display: inline;
	content: ',';
	margin-left: 2px;
	margin-right: 2px;
	font-size: 11px;
}
.e_l_list_textarea_row {
	margin-bottom: 5px;
	padding-top: 15px;
	clear: both;
}
.e_l_list_textarea textarea {
	width: 100%;
	min-height: 25px;
}
.e_l_list_input_row {
	width: 50%;
	float: left;
	display: inline-block;
}
.e_l_list_toggle_main_div {
	padding: 15px;
	min-height: 100px;
	margin-top: 10px;
	background-color: red;
	clear: both;
	background-color: #e4f6ff;
	position: relative;
	margin-bottom: 15px;
}
.e_l_list_to {
	display: inline-block;
}
.e_l_list_to:after {
	display: inline-block;
	content: 'To';
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
}
.e_l_list_inner_de {
	margin-bottom: 2px;
	position: relative;
}
.e_l_list_inner_de .e_l_list_lbl {
	display: inline-block;
	float: left;
	position: absolute;
	width: 100%;
	font-size: 11px;
	top: -5px;
	font-family: 'open sans semi';
	color: #000;
	text-align: center;
}
/*		.e_l_list_lbl:after{display:inline;content:':';margin-left:5px;margin-right:5px;font-size:11px;}*/

.e_l_list_lbl_text {
	display: inline-block;
	float: left;
	width: 100%;
	font-size: 11px;
	color: #565555;
	margin-top: 11px;
	text-align: center;
}
.e_l_list_leave_details {
	width: 163px;
	font-size: 13px;
	margin-top: 3px;
	float: left;
	display: inline-block;
}
.e_l_list_prof_main {
	width: 300px;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 2px;
	padding-left: 5px;
	vertical-align: middle;
}
.e_l_list_main_row {
	padding: 0px 10px;
}
.e_l_list_rank {
	border: 1px solid #ddd;
	width: 100%;
	min-height: 30px;
	margin-bottom: 10px;
	position: relative;
	padding: 11px 10px;
	background-color: #fff;
}
.e_l_list_rank__rank {
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.53);
	background: #9DD5FF;
	color: #fff;
	padding: 9px;
	font-size: 2.3rem;
	position: absolute;
	left: -20px;
	top: 14px;
	width: 40px;
	height: 40px;
	text-align: center;
}
.e_l_list_rank__title {
	font-size: 12px;
	color: #606060;
	font-family: 'open sans semi';
	letter-spacing: 0.56px;
	/* padding-top: 19px; */
    
    font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	z-index: 1;
	position: relative;
	float: left;
	width: 76%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.e_l_list_rank__date {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: #000;
	/* position: absolute; */
    /* top: 6px; */
    
    z-index: 1;
	float: left;
}
.e_list_approved {
	background-color: #4CAF50;
}
.e_list_rejected {
	background-color: #e91e63;
}
.e_l_list_rank__details {
	font-size: 13px;
	text-transform: uppercase;
	float: right;
	margin-right: 5px;
	cursor: pointer;
	margin-top: 5px;
	letter-spacing: 2px;
	z-index: 2;
}
.e_l_list_rank__details {
	color: #FF5722;
	display: block;
	text-decoration: none;
	font-family: 'open sans semi';
	font-size: 12px;
	letter-spacing: 0;
}
.e_l_list_rank__details a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
 .e_l_list_prof_main {
 width: 230px;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 50%;
 margin-top: 15px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: left
}
 .e_l_list_lbl_text {
 text-align: left
}
}
@media screen and (min-width: 581px) and (max-width: 1200px) {
 .e_l_list_prof_main {
 width: 80%;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 25%;
 margin-top: 15px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: left
}
 .e_l_list_lbl_text {
 text-align: left
}
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
 .e_l_list_prof_main {
 width: 250px;
 min-height: 30px;
}
 .e_l_list_leave_details {
 width: 150px;
}
 .e_l_list_inner_de .e_l_list_lbl {
 text-align: center
}
 .e_l_list_lbl_text {
 text-align: center
}
}
/*employee leave list boss new*/
.empl_leave_list_boss_tbl_new .dataTables_wrapper {
	overflow: auto;
}
/*start:: Employee leave block(also on leave)27-07-17*/
/****** Start ESS employee Also On Leave Employee Leave Request Page CSS 13-13-17******* ********/
	.no_data_available_div {
	font-family: 'Open Sans Semi';
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0;
	color: red;
	/* border-radius: 4px; */
    margin: 0;
	height: 80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.status_pedning_app {
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Open Sans';
	color: #F44336;
	width:46px;
}
.inne_b_e_le_re_na {
	width:64%;
	float:left;
}
.inner_b_st_days_cont {
	clear: both;
	font-size: 10px;
	letter-spacing: 1px;
	font-size: 13px;
	color: #afafaf;
	font-family: open sans semi;
}
.status_pedning_app span i.approved_leave {
	color:green;
	font-size:15px;
	float:left;
	text-transform:uppercase;
	padding-top:2px;
}
.status_pedning_app span i.pen_le_type {
	color:red;
	font-size:16px;
	float:left;
	padding-top:2px;
}
.status_pedning_app span .lea_ty_le_requ {
	margin-right: 8px;
	color: #795548;
	font-size: 14px;
	float: left;
	font-family: open sans semi;
	width: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
}
 @media screen and (max-width:768px) and (min-width:310px) {
.input_div_birtdyLeave {
 display: inline-block;
 float: left!important;
 margin-top:19px!important;
 margin-left: 19px!important;
}
.labl_div_birtdyLeave {
 margin-top:19px!important;
 margin-left: 18px!important;
 display: inline-block;
 float: left!important;
}
.hr_div_fourty_inner_block {
width:100%!important;
float: left;
margin-top: 20px!important;
top:5px!important;
position: relative!important;
right:0!important;
margin-bottom:20px;
}
.btn_row_emp_leave_also_o_leave {
clear:both;
}
.main_inner_div_also_on_leave_body {
clear:both;
padding: 0;
background-color:#f0f3f6!important;
max-height: 300px!important;
}
}
 @media screen and (max-width:1200px) and (min-width:769px) {
.hr_div_fourty_inner_block {
margin-top: -26px!important;
}
}
.hr_div_eighty_inner_block {
	width:70%;
	float:left;
}
.hr_div_fourty_inner_block {
	width:30%;
	float:left;
	margin-top:-17px;
	top: 100px;
}
.main_inner_div_also_on_leave_header {
	text-align:center;
	color:red;
	font-family: 'Open Sans Semi';
	font-size: 13px;
	padding: 8px 10px;
}
.bosseditfourty_inner_block {
	height: 625px;
}
.main_inner_div_also_on_leave_body {
	padding: 0;
	overflow-y: auto;
	background-color:#f0f3f6!important;
	overflow-x: hidden;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;
	min-height: 54px;
	max-height: 250px;
	overflow:auto;
}
.main_inner_div_also_on_leave_body ul li {
	list-style: none!important;
	padding: 13px 8px;
	padding-left:20px;
}
.hr_alsoleaev_list_item_new {
	height: auto;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg {
	display: inline;
	vertical-align: middle;
	float: left;
	width: 30px;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg img {
	border: 1px solid #ccc;
	float:left;
	margin-right:10px;
	width: 35px;
	height: 35px;
	border-radius:50%;
}
.hr_also_on_leave_name {
	font-family: 'Open Sans Semi';
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	float: left;
	overflow:hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.hr_also_on_leave_status {
	font-size: 10px;
	color: #666;
	width: 100%;
	float: left;
	padding-top:2px;
	display: inline-block;
}
.hr_also_on_leave_dept {
	font-size: 10px;
	font-weight: normal;
	font-family: 'Open Sans';
}
.main_inner_div_also_on_leave_body ul li:last-child {
	border-bottom: none;
}
.labl_div_birtdyLeave {
	margin-left: 0;
	display: inline-block;
	float: right;
}
.input_div_birtdyLeave {
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 15px!important;
}
.birtdyLeave_rowchek {
	margin-left:-15px;
}
.inner_div_graph_leave_list {
	position:relative;
	padding-bottom: 10px;
}
.iner_div_grap_lbl {
	font-size:10px;
	bottom:3px;
	font-family:'open sans semi';
	padding-bottom:8px;
	width: 166px;
	margin: 0 auto;
	margin-top:-8px;
}
.labl_grph_levelist {
	display:block;
	text-align:right;
	width:60px;
	float:left;
}
.count_grph_levelist {
	display:block;
	text-align:right;
	width:90px;
	float:left;
}
/********End ESS employee Also On Leave Employee Leave Request Page CSS 13-06-17******* ********/
 
@media screen and (max-width:768px) and (min-width:310px) {
.input_div_birtdyLeave {
 display: inline-block;
float: left!important;
margin-top:19px!important;
margin-left: 19px!important;
}
.labl_div_birtdyLeave {
margin-top:19px!important;
margin-left: 18px!important;
display: inline-block;
 float: left!important;
}
.hr_div_fourty_inner_block {
width:100%!important;
float: left;
margin-top: 20px!important;
top:5px!important;
position: relative!important;
right:0!important;
margin-bottom:20px;
}
.btn_row_emp_leave_also_o_leave {
clear:both;
}
.main_inner_div_also_on_leave_body {
clear:both;
padding: 0;
max-height: 300px!important;
background-color:#f0f3f6!important;
}
}
 @media screen and (max-width:1200px) and (min-width:769px) {
.hr_div_fourty_inner_block {
margin-top: -26px!important;
}
}
.hr_div_eighty_inner_block {
	width:80%;
	float:left;
}
.hr_div_fourty_inner_block {
	width:30%;
	float:left;
	margin-top:-20px;
	top: 99px;
	position:absolute;
	right:0%;
}
.inner_row_right_divfourty {
	border-left:1px solid #ccc;
}
.main_inner_div_also_on_leave_header {
	text-align:center;
	border-bottom:none;
	color:red;
	font-family: 'Open Sans Semi';
	font-size: 13px;
	padding: 8px 10px;
	background-color: #f0f3f6;
}
.main_inner_div_also_on_leave_body {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#f0f3f6!important;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;
}
.main_inner_div_also_on_leave_body ul li {
	list-style: none!important;
	padding: 9px 8px;
	border-bottom: 1px solid #CCC;
	padding-left:30px;
}
.hr_alsoleaev_list_item_new {
	height: auto;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg {
	margin-right: 5px;
	height: auto;
	display: inline;
	vertical-align: middle;
}
.hr_alsoleaev_list_item_new .also_onLeaveImg img {
	border: 1px solid #eee;
	height: 30px;
	float:left;
	margin-right:10px;
	width: 30px!important;
}
.hr_also_on_leave_name {
	font-family: 'Open Sans Semi';
	font-size: 12px;
	font-weight: bold;
}
.hr_also_on_leave_status {
	font-size: 10px;
	color: #666;
}
.hr_also_on_leave_dept {
	font-size: 10px;
	font-weight: normal;
	font-family: 'Open Sans';
}
.main_inner_div_also_on_leave_body ul li:last-child {
	border-bottom: none;
}
.labl_div_birtdyLeave {
	margin-left: 0;
	display: inline-block;
	float: right;
}
.input_div_birtdyLeave {
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 15px!important;
}
.birtdyLeave_rowchek {
	margin-left:-15px;
}
.hr_div_fourty_inner_block {
	width: 30%;
	float: left;
	margin-top: -22px;
	top: 100px;
	position: absolute;
	right: 0;
}
.hr_div_eighty_inner_block {
	width: 80%;
	float: left;
}
.emp_leave_ul_publichol {
	margin-top:30px;
}
.main_inner_div_also_on_leave_body {
	min-height:auto;
	max-height: auto;
	background-color:#f0f3f6!important;
	overflow:inherit;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;
	min-height:54px;
	max-height:260px;
	overflow:auto;
}
.hr_div_eighty_inner_block {
	min-height:900px;
}
.inne_b_e_le_re_na {
	width: 66%;
	float: left;
}
.status_pedning_app {
	width: 47px;
	float:left;
}
.emp_leave_on_leavbody {
	height: 100%;
}
.inner_row_right_divfourty {
	min-height:920px;
	background: #f0f3f6!important;
	padding:10px;
	border-left:1px solid #ddd;
}
.main_inner_div_also_on_leave_body ul {
	padding: 0;
	list-style: none;
	overflow: auto;
	border: 1px solid #ddd;
}
.main_inner_div_also_on_leave_body ul li {
	list-style: none!important;
	padding:8px;
	padding-left: 10px;
	background-color:#fff;
	border-bottom: 1px solid #ddd;
}
.emp_laeve_on_l_ul {
	padding: 0;
	list-style: none;
	overflow: auto;
	border-left: 10px solid #eee;
	border-bottom: 10px solid #eee;
}
.main_inner_div_also_on_leave_header {
	color: #fff;
}
.inner_b_st_days_cont {
	font-size: 10px;
}
.hr_also_on_leave_status i {
	margin-right:3px;
	font-size: 9px;
}
.to_status_leave {
	margin-left:2px;
	margin-right:2px;
}
.hr_also_on_leave_name {
	color: #484545;
}
.no_leave_availale_block_new {
	font-family: 'Open Sans Semi';
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0;
	color: red;
	/* border-radius: 4px; */
margin: 0;
	height: 80px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.also_title_description {
	margin: 0;
	padding-left: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #7e8e9f!important;
	display: inline-block;
}
.also_card_title {
	font-size:16px;
	color: #000;
	display: inline-block;
}
.also_stats-col {
	padding: 12px;
}
.also_title-block {
	text-align:center;
}
.pub_hol_leavebos_name {
	font-family: 'Open Sans Semi';
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 50%;
	color:#686868;
}
.pub_hol_leavebosdate {
	font-size: 9px;
	color: #666;
	width: 50%;
	float: left;
	text-align:right;
	padding-top: 2px;
	display: inline-block;
}
.pub_hol_leavebosdate i {
	margin-right: 3px;
	font-size: 9px;
}
.to_date_rep:before {
	content:'To';
	font-family: 'Open Sans Semi';
	font-size:10px;
	margin-left:3px;
	margin-right:3px;
}
 @media screen and (min-width:320px) and (max-width:360px) {
.pub_hol_leavebos_name {
width:100%;
}
.pub_hol_leavebosdate {
width:100%;
text-align: left;
}
 .status_pedning_app span .lea_ty_le_requ {
font-size:10px;
margin-right: 3px;
}
}
@media screen and (min-width:320px) and (max-width:768px) {
.status_pedning_app {
width: auto;
float: right;
}
.inner_row_right_divfourty {
min-height:100%;
padding-bottom: 35px;
}
.status_pedning_app span .lea_ty_le_requ {
font-size:10px;
margin-right: 3px;
}
}
@media screen and (min-width:650px) and (max-width:1140px) {
.hr_div_eighty_inner_block {
min-height:100%;
margin-bottom:25px
}
.hr_div_fourty_inner_block {
position:inherit;
width:100%;
clear:both;
}
.inner_row_right_divfourty {
min-height:100%;
}
.main_inner_div_also_on_leave_body {
width:49%;
float:left;
clear:none;
background-color:#f0f3f6!important;
}
.emp_leave_ul_publichol {
margin-top:0px;
margin-left:15px;
}
.main_inner_div_also_on_leave_body ul li {
list-style: none!important;
padding: 8px;
padding-left: 3px!important;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
}
 @media screen and (min-width:1141px) and (max-width:1240px) {
.hr_div_eighty_inner_block {
min-height:100%;
margin-bottom:25px
}
.hr_div_fourty_inner_block {
position:inherit;
width:100%;
clear:both;
}
.inner_row_right_divfourty {
min-height:100%;
}
.main_inner_div_also_on_leave_body {
width:49%;
float:left;
clear:none;
}
.emp_leave_ul_publichol {
margin-top:0px;
margin-left:15px;
}
.main_inner_div_also_on_leave_body ul li {
list-style: none!important;
padding: 8px;
padding-left: 3px!important;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
}
 @media screen and (min-width:1240px) and (max-width:1360px) {
.main_inner_div_also_on_leave_body ul li {
list-style: none!important;
padding: 5px;
padding-left: 8px;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.inne_b_e_le_re_na {
padding-left: 5px;
}
.inner_b_st_days_cont {
font-size: 9px;
}
.hr_also_on_leave_name {
font-size: 11px;
}
.status_pedning_app span .lea_ty_le_requ {
margin-right: 8px;
color: #795548;
font-size: 14px;
float: left;
font-family: open sans semi;
width: 21px;
overflow: hidden;
text-overflow: ellipsis;
}
.pub_hol_leavebos_name {
width:49%;
font-size: 11px;
}
.pub_hol_leavebosdate {
width:51%;
font-size:8px;
}
}
 
.inner_div_graph_leave_list {
	position:relative;
	padding-bottom: 10px;
}
.iner_div_grap_lbl {
	font-size:10px;
	bottom:3px;
	font-family:'open sans semi';
	padding-bottom:8px;
	width: 166px;
	margin: 0 auto;
	margin-top:-8px;
}
.labl_grph_levelist {
	display:block;
	text-align:right;
	width:60px;
	float:left;
}
.count_grph_levelist {
	display:block;
	text-align:right;
	width:90px;
	float:left;
}
.e_l_list_inner_de .e_l_list_lbl {
	left: 0px;
}
 @media (min-width:1200px) {
.hr_div_eighty_inner_block {
width: 88%;
float: left;
}
.hr_div_eighty_inner_block .ess_inner_row .form-group .ess_inline_label {
margin-left: 3%!important;
}
.hr_div_eighty_inner_block .ess_inner_row .form-group .col-md-6 textarea {
width:119%;
}
}
/*### End New  CSS Leave Dashboard New History , Add Edit Updated On 22-07-2017*/

 	
		
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(7) {
min-width:235px;
white-space:normal;
}
.empl_leave_list_boss_tbl_new .table tbody tr td {
	vertical-align: text-bottom;
}
.empl_leave_list_boss_tbl_new .table tbody tr td.em_bo_leave_a_cancel {
	vertical-align: text-bottom;
}
.empl_leave_list_boss_tbl_new .table tbody tr td.em_bo_leave_a_cancel {
	background-color:#fff;
	font-size:11px;
	border:none!important;
	vertical-align:text-bottom
}
.empl_leave_list_boss_tbl_new .table tbody tr td:nth-child(10) {
 border:none!important;
}
.ess_lev_empty_msg_row {
}
.ess_lev_empty_msg_div {
	margin: 10px 5px;
	padding: 0;
	border: 1px solid #E3E3E3;
	background-color: #FFF;
	border-radius: 3px;
	text-align: center;
}
.ess_lev_empty_msg {
	color: #F00;
	padding:25px 0;
}
.inner_list_pg_totlg {
	background-color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 5px;
	font-family: open sans semi;
	border: 1px solid #ddd;
	border-top: none;
}
/* end :: Employee leave block(also on leave)27-07-17*/

/*Start :: Changes Online All ESS ISSUE 16-8-2017*/

.dataTables_wrapper table {
	margin-bottom: 20px;
}
.leavestatusiner {
	float: left;
	width: 11%;
	display: inline-block;
	font-size: 10px;
	padding-top: 8px;
	margin-right: 5px;
}
.div_days_al_on_l_d {
	color: #796f6f;
	float: right;
	text-align: center;
	width: 6%;
	padding: 0px 0px;
	vertical-align: middle;
}
 @media screen and (max-width: 767px) and (min-width: 320px) {
 .ess_add_new {
 padding: 3px 5px;
 font-size: 10px;
 margin-right: 4px;
}
}
 @media screen and (max-width: 1000px) and (min-width: 320px) {
 .hr_div_eighty_inner_block {
 min-height: 100% !important;
}
 .ess_selectbox {
 width: auto;
 margin-right: 10px;
 margin-bottom: 15px;
}
 .dataTables_info {
 margin-bottom: 20px;
 margin-top: 0;
}
 .paginate_disabled_previous, .paginate_enabled_previous {
 padding-left: 14px !important;
}
 .ess_selectbox {
 margin-bottom: 10px;
}
 .bold_inner_coutn {
 display: inline-block;
 margin-left: 0;
 font-size: 11px;
 color: #868686;
}
}
 @media screen and (max-width: 600px) and (min-width: 320px) {
 .ess_announcement_list_item_text {
 max-width: 100%;
}
 .leave_list_onleave_item .leave_list_item {
 position: relative;
}
 .leave_list_name {
 width: auto !important;
 padding-top: 0px !important;
}
 .leave_list_status {
 width: 80% !important;
 font-size: 10px !important;
 padding-left: 0px !important;
 padding-top: 5px !important;
}
 .days_inner_a_o_ld {
 display: block;
 font-size: 12px;
 text-align: center;
 width: 23px;
 margin-bottom: -1px;
}
 .levae_type_list_ds {
 width: auto !important;
 font-size: 10px;
 padding-top: 0px !important;
}
 .leavestatusiner {
 float: left;
 width: auto !important;
 display: inline-block;
 font-size: 10px;
 padding-top: 8px;
 margin-right: 5px;
 position: absolute;
 right: 15%;
 bottom: 0;
}
 .div_days_al_on_l_d {
 color: #796f6f;
 float: right;
 text-align: center;
 width: 6%;
 padding: 0px 0px;
 vertical-align: middle;
 position: absolute;
 right: 11px;
}
}
 @media screen and (max-width: 1000px) and (min-width: 601px) {
 .leave_list_status {
 width: 32% !important;
 font-size: 10px !important;
 padding-left: 0px !important;
}
 .leave_list_name {
 width: 26% !important;
}
 .levae_type_list_ds {
 width: 13% !important;
 font-size: 10px !important;
}
 .leavestatusiner {
 float: left;
 width: 79px;
 display: inline-block;
 font-size: 10px;
 padding-top: 8px;
 margin-right: 5px;
}
 .leave_list_status {
 width: 26% !important;
 font-size: 10px !important;
 padding-left: 0px !important;
}
}
 @media screen and (max-width: 1200px) and (min-width: 1001px) {
 .leave_list_status {
 padding-top: 56px;
}
 .leave_list_onleave_item .leave_list_item {
 position: relative;
}
 .levae_type_list_ds {
 width: 16% !important;
 padding-top: 0px !important;
 text-align: center;
}
 .leave_list_name {
 width: 40% !important;
 padding-top: 0px !important;
}
 .leave_list_status {
 width: 80% !important;
 padding-top: 5px !important;
 font-size: 10px !important;
 padding-left: 0px !important;
}
 .days_inner_a_o_ld {
 display: block;
 font-size: 12px;
 text-align: center;
 width: 23px;
 margin-bottom: -1px;
}
 .levae_type_list_ds {
 width: 14%;
 font-size: 10px;
}
 .leavestatusiner {
 float: left;
 width: auto !important;
 display: inline-block;
 font-size: 10px;
 margin-right: 5px;
 padding-top: 0px !important;
 position: absolute;
 right: 32%;
 bottom: 0;
}
 .div_days_al_on_l_d {
 color: #796f6f;
 float: right;
 text-align: center;
 width: 6%;
 padding: 0px 0px;
 vertical-align: middle;
 position: absolute;
 right: 11px;
}
}
input[type="radio"], input[type="checkbox"] {
	margin: 2px;
	vertical-align: middle;
	line-height: normal;
	top: 0px;
}
 .ess_kra_kpi_table1 .table > tbody > tr > td:nth-child(7) {
 width: 15%;
 padding: 15px;
}
.ess_sub_row {
	margin: 12px 0 10px 5px;
}
 .essemp_cer_tbl .table-striped > tbody > tr > td:nth-child(1) {
 width: 20%;
}
 @media screen and (max-width: 1024px) and (min-width: 1024px) {
 .ess_add_new {
 margin-bottom: 10px;
}
}
.ess_invest_label {
	top: 3;
}
.ess_birthday_emp_img {
	margin-right: 10px;
	height: auto;
	float: left;
}
 @media screen and (max-width: 780px) and (min-width: 580px) {
 .ess_emp_information {
 width: 80%;
}
 .ess_emp_information_2 {
 width: 80%;
}
 .ess_emp_information_3 {
 width: 80%;
}
}
 @media screen and (max-width: 880px) and (min-width: 768px) {
 .ess_add_new_btn {
 margin: 0px 0px 6px 5px;
}
}
 .esstrns_dom_tbl .table > tbody > tr > td:nth-child(7) {
 background-color: #EAEAEA;
 width: 10%;
}
.ess_kra_kpi_table1_row {
	margin-bottom: 15px;
}
.strgth_imporv_tbl_div table {
	margin-bottom: 0px;
}
 @media screen and (max-width: 360px) and (min-width: 320px) {
 .leavestatusiner {
 float: left;
 width: auto !important;
 display: inline-block;
 font-size: 10px;
 padding-top: 8px;
 margin-right: 5px;
 position: absolute;
 right: 13%;
 bottom: 0;
 font-size: 9px !important;
}
 .leave_list_status {
 font-size: 9px !important;
}
}
.ess_new_del_confirm .modal-dialog .modal-content .ess_red_ok {
	margin-right: 5px !important;
}
@media (min-width: 768px) {
 .group_inner_l_name {
 width: 160px;
 font-size: 11px;
}
}
.ess_annv_inline_lable{    text-align: right;
margin-top: 4px;
padding: 0px;
white-space: nowrap;
font-size: 13px;
} .ess_annv_inline_lable_in {
    margin-right: 8px;
}

 @media screen and (min-width: 767px) {
 .leave_list_status {
 float: left;
 width: 29%;
 font-family: open, sans, semi;
 font-size: 9px;
 padding-left: 0px;
 color: #ae1300;
 padding-top: 11px;
}
}
@media screen  and (min-width: 768px)and (max-width: 1284px) {
.status_pedning_app {
width: 54px;
float: right;
}
.ess_pendind_leave_badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Open Sans Semi';
    line-height: 1;
    min-width: 24px;
    height: 18px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #007D7D;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 5px;
}
}
 @media screen and (min-width: 1284px) {
 .status_pedning_app {
 width: 54px;
 float: left;
}
}

 @media screen and (max-width: 767px) and (min-width: 320px) {
 .ess_announcement_list_item_text {
 max-width: 100%;
 clear: both;
}
 .inner_b_st_days_cont {
 font-size: 10px;
 text-align: right;
}
}
.pub_hol_leavebos {
	padding: 0px 5px!important;
}
 
/*End ::  Changes Online All ESS ISSUE 16-8-2017*/

/*ess salary structure css 20-08-17*/
.last_row_total_pro_py td{border:none!important;}
	.last_row_total_pro_py td  label{font-family:'open sans semi';font-size:14px;padding:10px;text-align:right;float:right;} 

	.last_row_total_pro_py td input[type="text"][disabled]{border:1px solid #ddd!important;font-family:'open sans semi'!important; font-weitage:700;}        
            .hr_s_stru_n_tbl{margin-top:25px;}
    .hr_s_stru_n_tbl .table > tbody > tr > td:nth-child(1)
    {
    width:55%;
    }
    .hr_s_stru_n_tbl .table > tbody > tr > td > input[type="text"],
    .hr_s_stru_n_tbl .table > tbody > tr > td > Select, 
    .hr_s_stru_n_tbl .table > tbody > tr > td > textarea		
    { 
    width:90%;
    border-radius: 0;
    border-color: transparent;
    margin: 0px !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
    } 
    
    .hr_s_stru_n_tbl {
    overflow: auto;
    padding: 0 10px 0 10px;
    }
    .hr_s_stru_n_tbl table thead th {
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 1.1;
    font-weight: 700;
    vertical-align: middle;
    color: #000;
    background-color: #eaeaea!important;
    text-align: center;
    border-top: 1px solid #ddd!important;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
    }
    
    .hr_s_stru_n_tbl table tbody td {
    border: 1px solid #a9a7a7;
    padding:0px;
    line-height: 1.1;
    background-color:#fff;
	vertical-align:middle;

    }		
		
		    .hr_s_stru_n_tbl table tbody td:nth-child(1) {padding-left:0px;}
    .hr_s_stru_n_tbl table tbody td:nth-child(3) {
    text-align: center;
    }
    .hr_s_stru_n_tbl table tbody td:nth-child(2) {
    text-align: center;
    }	 
    .emp_slry_totl_count {
    background-color: #2980b9!important;
    font-weight: 700;
    font-size: 13px;
    font-family:'open sans semi';
    color: #fff!important;
    }
    .comp_net_slry_struct td
    {color:#fff; 
    font-family:'open sans semi';
    background-color:#000} 
	  .hr_s_stru_n_tbl table tbody td label{  margin-bottom: 0px;} 
    .com_type_salry_structure 
    {
    font-weight: 700;
    color: #000;
    font-family:'open sans semi';
    font-size: 13px;
    }
    .emp_slry_totl_count td input[type="text"]
    {
    background-color:#007d7d!important;
    color:#fff!important;
    }
    .hr_s_stru_n_tbl table tbody td:nth-child(1) input[type="text"] 
    {
  width: 100%;   background-color:#fff;
    }  
	    .hr_s_stru_n_tbl table tbody td:nth-child(2) input[type="text"] 
		{ float:left;width: 100%!important; 
		}
		  .hr_s_stru_n_tbl table tbody td:nth-child(3) input[type="text"] 
		{padding-left:5px;float:left;width: 100%!important; }
    .hr_s_stru_n_tbl table tbody td:nth-child(1) input[type="checkbox"] 
    {
  margin-left: 5px;
    vertical-align: middle;
    margin-right: 5px;
    }
	
	
 
   
    .comp_net_slry_struct td  input[type="text"] 
    {
    background-color: #eee;
    color: #000;
    } 
 .comp_net_slry_struct td   
    {
    background-color: #eee;
    color: #fff;
    } 
    .hr_s_stru_n_tbl table tbody td input[type="number"][disabled],
    .hr_s_stru_n_tbl table tbody td input[type="email"][disabled], 
    .hr_s_stru_n_tbl table tbody td input[type="text"][readonly], 
	    .hr_s_stru_n_tbl table tbody td input[type="text"][disabled], 
    .hr_s_stru_n_tbl table tbody td input[type="password"][readonly],
    .hr_s_stru_n_tbl table tbody td input[type="number"][readonly], 
    .hr_s_stru_n_tbl table tbody td input[type="email"][readonly] ,
    .hr_s_stru_n_tbl table tbody td input[type="email"][readonly],
    .hr_s_stru_n_tbl table tbody td  select[disabled]
    {
    width:100%;
    background-color:#fff;
    color:#000;
    }   
	.emp_slry_totl_count td input[type="checkbox"][disabled],
	.emp_slry_totl_count td input[type="checkbox"][readonly]
	{
	margin-left: 5px;
	vertical-align: middle;
	}
	.com_type_salry_structure  td input[type="text"][readonly] ,
	.com_type_salry_structure  select[readonly], 
	.com_type_salry_structure td select[disabled],
	.com_type_salry_structure td input[type="text"][disabled]
	{
	color:#000!important;
	background-color:#eee!important;
	}
	
	.com_type_salry_structure td
    {
    background-color:#eee!important;
    }
	.emp_slry_totl_count  td input[type="text"],
	.emp_slry_totl_count  td input[type="text"][readonly] ,
	.emp_slry_totl_count  select[readonly], 
	.emp_slry_totl_count  td select[disabled],
	.emp_slry_totl_count td input[type="text"][disabled]
	{
	color:#fff!important;
	background-color:#007d7d!important;
	} 
	
	 .emp_slry_totl_count  td
    {
    background-color:#007d7d!important;
    }
	
	@media screen and (min-width:320px) and  (max-width:767px)
	{
	.hr_s_stru_n_tbl table tbody td:nth-child(1) input[type="text"] {
	width: 84%!important;
	
	} 
    } 
	
	

/*Salary Struture ESS Put :: Start :- 2-10-2017 */  

	hr_s_stru_n_tbl table tbody td:nth-child(1) {
    padding-left: 0px;
} 
 
@media screen and (max-width: 767px) and (min-width: 320px) 
{
  .hr_s_stru_n_tbl table tbody td input[type="text"] {    
    width: 100%!important;    
    font-size: 10px;
  }
  .hr_s_stru_n_tbl table tbody td label {    
    margin-bottom: 0px;    
    font-size: 10px;
  }.hr_s_stru_n_tbl table tbody td{ font-size: 10px;}
} 

.td_only_lb 
{
    padding-left: 5px!important;    
}


/*Cash settelment ess 28-10-17*/

.ess_a_cash_advancetbl_div_row{
border-bottom: 1px solid #CCC;
padding-top:10px;
}
.ess_a_cash_advancetbl_div{ padding:1% 10px;width:100%; overflow:auto;  max-height:300px; margin:10px 0;}
.ess_a_cash_advancetbl_div_inner_row{}
.ess_a_cash_advancetbl_div .table thead tr th{
color:#FFF;
background-color:#007D7D;
text-align:center;
border: 1px solid #CFCFCF !important;
padding: 3px;
vertical-align: middle;
white-space: nowrap;
}
.ess_a_cash_advancetbl_div .table tbody tr td{
border: 1px solid #DDD;
padding: 0;
line-height: 1.1;
vertical-align:middle;
text-align: center;
}
.ess_a_cash_advancetbl_div .table > tbody > tr > td {	border: 1px solid #DDD;	padding: 0;	line-height: 1.1;}
.ess_a_cash_advancetbl_div .table-striped > tbody > tr:nth-child(2n+1) {    background-color: #FFF;}
.ess_a_cash_advancetbl_div .table-striped > tbody > tr:nth-child(2n+2) {    background-color: #FFF;}
.ess_a_cash_advancetbl_div .table > tbody > tr > td > input[type="text"],.ess_a_cash_advancetbl_div .table > tbody > tr > td > select,.ess_a_cash_advancetbl_div .table > tbody > tr > td > textarea{     
width: 100%;
border-radius: 0;
border-color:transparent;
margin: 0px !important;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
}
.ess_list_btn_div button[disabled]{color: #868686!important;}
input.valid, select.valid {padding-left: 2px!important;}
.ess_a_cash_advancetbl_div .table > tbody > tr > td:nth-child(4){min-width:150px;}
.ess_a_cash_advancetbl_div .table > tbody > tr > td:nth-child(2){min-width:150px;}
.ess_a_cash_advancetbl_div .table > tbody > tr > td:nth-child(5){padding-left:5px;}
.ess_a_cash_advancetbl_div .table > tbody > tr > td .close_row,.ess_a_cash_advancetbl_div .table > tbody > tr > td .close_row a
{width:auto;}
@media screen and (max-width:641px) {
.select_box_atte_view_tb {
margin-top:15px;
}
.attendanceView_pg_large_view {
display:none;
}
}
 @media screen and (min-width:641px) {
/**************** Attendance View New Page 12-06-17 **************************/

.ess_attendance_report_div {
 padding:1%!important;
}
/****** Start ess_d_a_v_leave_summery_tbl ***** */  
.ess_d_a_v_monthLeave {
 margin-left:15px;
 font-size:15px;
 font-weight:700;
 font-family:open sans semi;
 float: left;
 margin-bottom:10px;
}
.ess_d_a_v_name_td {
 white-space:nowrap;
 padding:3px!important;
 padding-right:14px!important;
}
.ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr > td strong {
 font-size:11px;
}
/*.ulblock{color:red!important;font-weight:700;font-family:'open sans semi';} */
.ess_d_a_v_leave_summery_tbl {
 padding:1% 10px;
 padding-top:15px!important;
 overflow: auto !important;
 float: left;
 border-top: medium none;
 width: 100%;
 padding: 0px;
 margin-bottom:25px;
 font-size: 14px;
 color: #3E3E3E;
 max-height:350px !important;
 padding-top:30px!important;
}
.ess_d_a_v_leave_summery_tbl .table thead tr th {
 color: #000;
 background-color:#fff;
 text-align:center;
 border: 1px solid #CFCFCF !important;
 padding: 3px;
 text-transform: capitalize;
 vertical-align: middle;
 white-space: nowrap;
 font-size: 12px;
}
.ess_d_a_v_leave_summery_tbl .table tbody tr td {
 border: 1px solid #DDD;
 padding: 0;
 text-align:left!important;
 font-size: 11px;
 line-height: 1.1;
 vertical-align:middle;
 position:relative;
}
.ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr:nth-child(1) {
background-color:aliceblue!important;
}
.totalrow > td >input[readonly] {
 color: #005cad;
 cursor: default;
 background-color:aliceblue!important;
 font-family: open sans semi;
}
.ess_d_a_v_leave_summery_tbl .table tbody tr td:last-child input[readonly] {
 color: #005cad;
 cursor: default;
 background-color:aliceblue!important;
 font-family: open sans semi;
}
.ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr:nth-child(1)>td>input[type="text"] {
color: #005cad;
cursor: default;
background-color:aliceblue!important;
font-family: open sans semi;
}
 .ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr:nth-child(odd) {
background-color:#fff;
}
.ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr>td:nth-child(8) {
width:auto!important;
}
.ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > input[type="text"], .ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > select, .ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > textarea {
 width:35px;
 height:28px!important;
 border-radius: 0;
 border-color:transparent;
 margin: 0px !important;
 text-align:center;
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0) inset;
 cursor: pointer;
}
.ess_d_a_v_titlemain_txcalulators {
 padding: 6px 0px;
 border-bottom: 1px solid #CCC;
 vertical-align: middle;
 margin-bottom: 20px;
 clear: both;
 font-size:15px;
 font-weight:700;
 text-align:center;
}
.d_n_ess_att_v_notac {
 margin-bottom:10px;
}
 .table_notation_leave_summary .table {
 font-size: 13px;
}
.table_notation_leave_summary .table thead tr th {
 color: #FFF;
 background-color: #2980b9;
 text-align: center;
 border: 1px solid #CFCFCF !important;
 padding: 5px;
 vertical-align: middle;
 white-space: nowrap;
}
.table_notation_leave_summary .table tbody tr td {
 border: 1px solid #DDD;
 padding:0px;
 background-color:#fff;
 line-height: 1.1;
 text-align:center;
 vertical-align: middle;
}
.ess_d_a_v_divess_d_a_v_present {
 width: auto;
 padding: 3px;
 float: left;
 position:relative;
 margin: 4px;
 text-align: center;
 min-width: 27px;
 font-size: 11px;
 border: 1px solid #ddd;
}
.ess_d_a_v_divlabledivPresent {
 float: left;
 margin-top: 7px;
 margin-left: 5px;
 margin-right: 5px;
 font-family: open sans semi;
 font-size: 10px;
}
.ess_d_a_v_divnotation {
 float: right;
 position:absolute;
 right:0;
 background-color:#fff;
 z-index:10000;
}
.ess_d_a_v_intime_width {
 min-width: 80px;
 display:inline-block;
 float:left;
}
.ess_d_a_v_timediv::before {
content: ":";
margin-left:00px;
margin-right:10px;
}
.ess_d_a_v_timediv {
 display:inline-block;
 float:left;
}
.ess_d_a_v_weekoff_div {
 background-color:rgb(152, 105, 39);
}
.ess_d_a_v_public_holiday_divcolor {
 background-color:rgb(29, 140, 126);
}
.dash_time_div {
 line-height: 1.6;
 position: absolute;
 background-color: #177100;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 margin-top: -107px;
 font-size: 10px;
 z-index:10;
 margin-left: -74px;
}
.dash_time_div:after {
 border-top: 10px solid #177100;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 z-index: 10;
 width: 0;
 height: 0;
 top: 70px;
 right: 0;
}
.ess_d_a_v_dash_time_div2:after {
 border-top: 10px solid #177100;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
	/* bottom: 0px; */
content: "";
 position: absolute;
 left: 41%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div3 {
 line-height: 1.6;
 position: absolute;
 background-color:  #3b7d75;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 margin-top: -75px;
 z-index:10;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div3:after {
 border-top: 10px solid #3b7d75;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 width: 0;
 z-index:10;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div4 {
 line-height: 1.6;
 position: absolute;
 background-color:  #E79D38;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 z-index:10;
 top: 12;
 margin-top: -75px;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div4:after {
 border-top: 10px solid #E79D38;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 z-index:10;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div5 {
 line-height: 1.6;
 position: absolute;
 background-color:   #e25e5e;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 z-index:10;
 margin-top: -75px;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div5:after {
 border-top: 10px solid #e25e5e;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 width: 0;
 height: 0;
 z-index:10;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div6 {
 line-height: 1.6;
 position: absolute;
 background-color:rgb(174, 195, 0)!important;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 z-index:10;
 margin-top: -75px;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div6:after {
 border-top: 10px solid rgb(174, 195, 0)!important;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 z-index:10;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div7 {
 line-height: 1.6;
 position: absolute;
 background-color:rgb(76, 202, 0)!important;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 margin-top: -75px;
 z-index:10;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div7:after {
 border-top: 10px solid rgb(76, 202, 0)!important;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_ess_d_a_v_absent_color {
 background-color: rgb(255, 153, 153)!important;
}
.ess_d_a_v_ess_d_a_v_present_color {
 background-color: #fff!important;
 cursor:pointer;
}
.ess_d_a_v_ess_d_a_v_saturday_sunday_color {
 background-color: #fff7ec!important;
 cursor:pointer;
}
.ess_d_a_v_public_holiday_color {
 background-color: rgba(32, 230, 203, 0.32)!important;
 cursor:pointer;
}
.ess_d_a_v_unpaid_ess_d_a_v_leaves_color {
 background-color:#ce9100  !important;
 font-family: 'open sans semi';
 cursor:pointer;
}
.ess_d_a_v_leaves_color {
 background-color:rgb(76, 202, 0)!important;
 cursor:pointer;
}
.ess_d_a_v_outdoor_color {
 background-color:rgb(174, 195, 0)!important;
 cursor:pointer;
}
.ess_d_a_v_leftAlign {
 text-align:left!important;
}
.ess_d_a_v_present {
 background-color:#fff!important;
}
.ess_d_a_v_ess_d_a_v_absentOD {
 background-color: rgb(120,160,160)!important;
}
.ess_d_a_v_absent {
 background-color: rgb(255, 153, 153)!important;
}
.public_holiday {
 background-color: rgba(32, 230, 203, 0.32)!important;
}
.public_holiday_td {
 width:3%!important;
}
.ess_d_a_v_saturday_sunday {
 background-color:  #fff7ec!important;
}
.ess_d_a_v_alicebluecolor {
 background:aliceblue;
}
.ess_d_a_v_leave_div {
 background-color:rgb(76, 202, 0)!important;
}
.ess_d_a_v_outdoor_color_div {
 background-color:rgb(174, 195, 0)!important;
}
.ess_d_a_v_outdoor_ess_d_a_v_absent {
 background-color:rgb(207 , 207 ,255)!important;
}
.ess_d_a_v_yellowthd {
 background-color: #fcffcc!important;
 font-family:'open sans semi';
}
.ess_d_a_v_dash_time_div9 {
 line-height: 1.6;
 position: absolute;
 background-color:rgb(207 , 207 ,255)!important;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 z-index:10;
 margin-top: -75px;
 font-size: 10px;
 margin-left: -76px;
}
.ess_d_a_v_dash_time_div9:after {
 border-top: 10px solid rgb(207 , 207 ,255)!important;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 width: 0;
 height: 0;
 z-index:10;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_ess_d_a_v_present_and_OD {
 background-color:rgb(194,118,160)!important;
}
.ess_d_a_v_dash_time_div {
 line-height: 1.6;
 position: absolute;
 background-color: #177100;
 color: #fff;
 padding: 4px 5px;
 z-index:10;
 min-width: 200px;
 top: 12;
 margin-top: -100px;
 font-size: 10px;
 margin-left: -74px;
 z-index:10000;
 bottom:100%;
}
.ess_d_a_v_dash_time_div:after {
 border-top: 10px solid #177100;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 z-index:10;
 left: 42%;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div10 {
 line-height: 1.6;
 position: absolute;
 background-color: rgb(194,118,160);
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 z-index:10;
 top: 12;
 margin-top: -92px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div10:after {
 border-top: 10px solid rgb(194,118,160);
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 42%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_dash_time_div11 {
 line-height: 1.6;
 position: absolute;
 background-color:#8EE25E!important;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 margin-top: -91px;
 font-size: 10px;
 margin-left: -76px;
 z-index:10;
}
.ess_d_a_v_dash_time_div11:after {
 border-top: 10px solid #8EE25E;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 41%;
 margin-left: 0;
 width: 0;
 height: 0;
 z-index:10;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_halfday {
 background-color:#8EE25E!important;
}
.ess_d_a_v_dash_time_div12 {
 line-height: 1.6;
 position: absolute;
 background-color:rgba(34, 191, 231, 1);
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 z-index:10;
 margin-top: -92px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div12:after {
 border-top: 10px solid rgba(34, 191, 231, 1);
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 42%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_halfWeeklyof {
 background-color:rgba(34, 191, 231, 0.55)!important;
}
.ess_d_a_v_dash_time_div13 {
 line-height: 1.6;
 position: absolute;
 background-color:rgba(207, 107, 255, 1);
 color: #fff;
 padding: 4px 5px;
 z-index:10;
 min-width: 200px;
 top: 12;
 margin-top: -92px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div13:after {
 border-top: 10px solid rgba(207, 107, 255, 1);
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 42%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_pldiv {
 background-color:rgba(207, 107, 255, 1)!important;
}
.ess_d_a_v_dash_time_div14 {
 line-height: 1.6;
 position: absolute;
 background-color:#00bcf5;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 margin-top: -78px;
 z-index:10;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div14:after {
 border-top: 10px solid #00bcf5;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 42%;
 margin-left: 0;
 z-index:10;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_ot_div {
 background-color:#00bcf5!important;
}
.ess_d_a_v_dash_time_div15 {
 line-height: 1.6;
 position: absolute;
 background-color:#2196f3;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 z-index:10;
 top: 12;
 margin-top: -92px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div15:after {
 border-top: 10px solid #2196f3;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 z-index:10;
 left: 42%;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_Lc_div {
 background-color:#2196f3!important;
}
.ess_d_a_v_dash_time_div16 {
 line-height: 1.6;
 position: absolute;
 background-color:#FFC107;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 top: 12;
 z-index:10;
 margin-top: -76px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div16:after {
 border-top: 10px solid #FFC107;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 left: 42%;
 z-index:10;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}
.ess_d_a_v_leave_only_div {
 background-color:#FFC107!important;
}
.d_n_ess_att_v_not_div span {
 display: inline-block;
 min-width: 10px;
 padding: 4px 7px;
 font-size: 11px;
 font-weight: 700;
 font-family: 'Open Sans Semi';
 line-height: 1;
 color: #000;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border: 1px solid #ddd;
 min-width: 31px;
}
.d_n_ess_att_v_not_div {
 display:inline-block;
}
.d_n_ess_att_v_not_name_div {
 display:inline-block;
}
.d_n_ess_att_v_not_name_div span {
 margin-top: 7px;
 margin-left: 2px;
 margin-right: 2px;
 font-family: open sans semi;
 font-size: 10px;
}
.d_n_ess_att_v_notac {
 float: left;
 width: auto;
 margin-right:10px;
}
.d_n_ess_att_v_inner_row {
 margin-top:15px;
 margin-bottom:25px;
}




.ess_d_a_v_dash_time_div19 {
 line-height: 1.6;
 position: absolute;
 background-color:#ce9100 ;
 color: #fff;
 padding: 4px 5px;
 min-width: 200px;
 z-index:10;
 top: 12;
 margin-top: -92px;
 font-size: 10px;
 margin-left: -78px;
}
.ess_d_a_v_dash_time_div19:after {
 border-top: 10px solid #ce9100 ;
 border-left: 10px solid transparent;
 border-right: 9px solid transparent;
 content: "";
 position: absolute;
 z-index:10;
 left: 42%;
 margin-left: 0;
 width: 0;
 height: 0;
 bottom:-8px;
 right: 0;
}

 

/****** table_notation_leave_summary ***** */ 
.ess_d_a_v_selectbox {
 float: right;
 width: auto;
 margin: 0 5px 0;
}
.ess_d_a_v_selectbox select {
 width: 115px;
 font-weight: normal;
 padding: 4px 5px;
}
.ess_d_a_v_selectbox > label {
 margin-left: 5px;
}
}
/*Start Attendance Waiver And other Block*/

.ess_dash_title_att_l {
	font-family: 'Open Sans Semi';
	text-align: left;
	color: #FFF;
	background-color: #2196F3;
	font-size: 13px;
	padding: 8px 10px;
	border:1px solid #9e9e9e;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
}
.timediv::before {
content: ":";
margin-left: 00px;
margin-right: 10px;
}
.intime_divInner {
	font-size: 13px;
	font-weight: 700;
	vertical-align:top;
	text-align: right;
	padding-right: 7px;
	font-family: open sans semi;
	display:inline-block;
	float:left;
	width: 104px;
}
 .intime_divOuter::before {
content:':';
margin-right: 10px;
vertical-align:top;
}
.intime_divOuter {
	font-size: 13px;
	font-weight: 700;
	font-family: open sans semi;
	display:inline-block;
}
.btn_div_intime {
    display: inline-block !important;
    margin-left: !important;
    vertical-align: top !important;
    float: right;
    margin-right: 25px;
}
.outtimemain {
	margin:5px 10px 5px 10px !important;
	display: inline-block;
}
.intimedivmain {
	margin:5px 10px 5px 10px !important;
	display: inline-block;
}
.btn_div_intime .ess_savetime {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	-moz-user-select: none;
	background-color: #427216;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.5;
	padding: 3px 6px;
}
.intime_outtime_div {
	padding:0 9px 0 9px;
}
.bg_color_intimebutton {
	background-color:#f2f2f2;
	margin-bottom:20px;
}
.img_div_outtime {
	float: right;
	display: inline-block;
	margin-top: -37px;
	margin-right: 10px;
}
.img_div_outtime img {
	min-width:90px;
	max-width:90px;
	height:75px;
}
.present_abs_name {
	display: inline-block;
	margin-left: 15px;
	margin-right:15px;
}
.notation_present_absent_days {
	margin:25px 10px 25px;
}
.late_comming_wavier_div .margin_left_inputAttV {
	margin-left:15px;
}
.late_comming_wavier_div .margin_left_inputAttV label {
	text-align:right!important;
	float:right;
	margin-right:5px;
}
.intime_divOuter input[type="text"], .intime_divOuter select {
	width:100px;
	margin-left:-3px!important;
}
.intime_divOuter textarea {
	width:226.797px!important;
	min-height:30px!important;
	margin:0px;
	margin-left:-5px!important;
}
.intimedivmain_row {
	padding-top:10px;
	border:1px solid #ccc;
	min-height:150px;
	padding-left:15px;
}
.margin_top_button_att_wavier {
	margin-top: 7px;
}
.attendance_month_Calender_table2 {
	padding:0px;
}
.attendance_month_Calender_table2 table tbody tr td:nth-child(4) {
text-align:center;
}
.notation_present_absent_days .present_abs_name {
	margin:10px 0 15px 15px;
	width:125px;
}
 
 
/* End Attendance Waiver And other Block*/

 @media screen and (min-width:768px) and (max-width:1000px) {
 .intime_divOuter textarea {
width:225px!important;
}
 .bg_color_intimebutton {
width:50%;
float:left;
background-color:#fff
}
 .ess_dash_title_att_l_row {
width:99%;
}
}
 @media screen and (min-width:1001px) and (max-width:1140px) {

.intime_divOuter textarea {
 width:150px!important;
}
}
@media screen and (min-width:1150px) and (max-width:1340px) {
.intime_divOuter textarea {
 width:220px!important;
}
.outtimemain {
margin:10px 0px;
}
.intimedivmain {
padding:10px 0px;
margin:0px;
}
}
 @media screen and (max-width:400px) {
 .btn_div_intime {
 display: inline-block;
 margin-left: 15px;
 vertical-align: top;
 float: right;
 margin-right: 38%;
 margin-top: 15px;
}
.intime_divOuter textarea {
 width: 100px!important;
 min-height: 30px!important;
 margin: 0px;
 margin-left: -5px!important;
}
}

	
 @media screen and (min-width:768px) and (max-width:1200px) {
	 .intime_divInner {
	font-size: 13px;
	font-weight: 700;
	vertical-align:top;
	text-align: right;
	padding-right: 7px;
	font-family: open sans semi;
	display:inline-block;
	float:left;
	width:90px;
}}


 @media screen and (max-width:1000px) {
	 
	 .intimedivmain_row {
    padding-top: 10px;
    border: 1px solid #ccc;
    min-height: 140px;
    padding-left: 15px;
}
	 .intimedivmain_row {padding-left:0px;}
 .d_n_ess_att_v_notac {
 float: left;
 width: 180px!important;
 margin-right: 12px;
}
.ess_d_a_v_selectbox select {
width: 115px;
font-weight: normal;
padding: 4px 5px;
margin-bottom:10px;
}
 .ess_d_a_v_leave_summery_tbl {
width:100%;
}
.ess_d_a_v_leave_summery_tbl .table tbody tr td {
font-size:11px;
background-color: #FFF;
white-space: nowrap;
}
.ess_d_a_v_leave_summery_tbl .table-striped > tbody > tr > td strong {
font-size: 11px;
}
.ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > input[type="text"], .ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > select, .ess_d_a_v_leave_summery_tbl .table > tbody > tr > td > textarea {
font-size:11px;
min-width:30px;
}
.ess_d_a_v_leave_summery_tbl .table thead tr th {
font-size: 11px;
white-space: nowrap;
}
.ess_d_a_v_divnotation {
float: right;
margin-right:0px!important;
margin-bottom: 10px;
}
}
.intime_divOuter textarea {
	width:225px!important;
	min-height: 30px!important;
	margin: 0px;
	margin-left: -5px!important;
}


 .no_data_att_view{
	 color: red!important;
font-size: 13px!important;
text-align:center!important;
padding: 10px!important;
 }
 
/*Attendance Early Going And Late Comming BLOCK*/ 
.inner_new_in_out_set_tr{width:150%;}
.intime_selectbox_three_in select{width:100%;}
.intime_selectbox_three_in{width:60px;float:left;margin-right:8px;}
.margi_zero{margin-right:0px;}
.colon_min_hour{  
float: left;
display: inline-block;
vertical-align: middle;
padding-top: 4px;
margin-left: 0px;
margin-right: 11px;
} 
.inner_out_t_d_ds_at{ 
    margin-left: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}
.width_H_input
{ 
display: inline-block;
float: left; 
}
.width_H_input input[type="text"],
.width_H_input select
{
width:100%!important;
margin-left:0px!important;
}
.width_H_input::before 
{
content: ':';
margin-right: 10px;
vertical-align: top;
display: inline-block;
float: left;
font-family:open sans semi;
}
@media screen and (min-width:310px) and (max-width:531px)
{
	.inner_out_t_d_ds_at{ 
margin-left: 0px!important;
margin-top: 5px;
margin-bottom: 10px;
}
.width_H_input::before 
{display:none;

}
.inner_new_in_out_set_tr
{margin-top:15px}
}
/*End Attendance view*/
.outtimemain {
    display: inline-block;
    margin: 10px 10px 2px 10px ;
} 
.outtimemain .margin_top_button_att_wavier {
    float: right;
    margin-left: 52px;
    margin-right: 0px;
} 
@media screen and (max-width: 1000px) 
{
  .intimedivmain_row
  {    
    padding-left: 0px;    
    padding-bottom: 15px; 
  }
}
@media screen and (max-width: 560px) and (min-width: 320px) {
 .inner_new_in_out_set_tr {
    margin-top: 0px;  
}.intime_divOuter textarea {
    width: 145px!important;
    min-height: 30px!important;
    margin: 0px;
    margin-left: -5px!important;
}
.colon_min_hour {
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
    margin-left: 0px;
    margin-right: 4px;
}.intime_selectbox_three_in {
    width: 45px;
    float: left;
    margin-right: 3px;
}
.width_H_input {
    display: inline-block;
    float: left;
    padding-left: 0px;
}.intimedivmain {
    margin: 5px 10px 5px 0000px !important;
    display: inline-block;
}.width_H_input input[type="text"], .width_H_input select {
    width: 100%!important;
    margin-left: 0px!important;
    font-size: 12px;
    padding: 0px;
}.inner_out_t_d_ds_at {
    padding-left: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}
.intimedivmain {
    margin: 5px 10px 5px 10px !important;
    display: inline-block;
}
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .ess_d_a_v_selectbox {    
    padding-left: 15px;    
    margin-top: 10px;    
    margin-bottom: 5px;
  }
  .ess_d_a_v_se2 label, .ess_d_a_v_selectbox label {    
    width: 78px;
  }
  .ess_d_a_v_se2 {    
    padding-left: 15px;    
    margin-top: 0px;
  }.width_H_input::before 
{display:Block; 
} 
.btn_div_intime {
    display: inline-block !important;
    margin-left: 0!important;
    vertical-align: top !important;
    float: right;
    margin-right: 25px;
} 
} 

@media screen and (max-width: 320px) and (min-width: 320px) {
  .intime_divOuter textarea {    
    width: 150px !important;    
    min-height: 30px !important;    
    margin: 0px;    
    margin-left: -5px !important;
  }
  .outtimemain {    
    display: inline-block !important;    
    margin: 10px 10px 2px 0px !important;
  }
  .inner_out_t_d_ds_at {
    padding-left: 00px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}
.intimedivmain {
    margin: 5px 10px 5px 0px !important;
    display: inline-block;
} 
} 

@media screen and (max-width: 1000px)
{
.intimedivmain_row {
    padding-top: 10px;
    border: 1px solid #ccc;
    min-height: 250px;
    padding-left: 15px;
}}
@media screen and (max-width: 1200px) and (min-width: 1000px) {

.intime_divInner {
    font-size: 13px;
    font-weight: 700;
    vertical-align: top;
    text-align: right;
    padding-right: 7px;
    font-family: 'open sans semi';
    display: inline-block;
    float: left;
    width: 100px;
}
}
 .ess_logo_cmpy_name {
	    font-size: 20px;
   
    font-weight: bold;
    text-align: center;
    font-family: 'Open Sans Semi';
   color: #0000 !important;
}
.select2 .select2-container .select2-container--default .select2-container--focus {
	width: 232px !important;
}
.select2-container--default .select2-dropdown {
	width: 232px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{background-color:transparent!imporant;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent!important
}

.select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
	border: 1px solid #CCC!important;
}