/********************************************************************************* 
 *  This file is part of Sentrifugo.
 *  Copyright (C) 2015 Sapplica
 *   
 *  Sentrifugo is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  Sentrifugo is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with Sentrifugo.  If not, see <http://www.gnu.org/licenses/>.
 *
 *  Sentrifugo Support <support@sentrifugo.com>
 ********************************************************************************/
 
/* CSS Document */

input[type=text]::-ms-clear {
    display: none;
}

input[type=password]::-ms-reveal{
  display: none;
  }

/* ----------- HRMS CSS ---------------- */
img{border:0px}
html{ width:100%; background-position:top left; background-repeat:repeat-x; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
input, textarea, select, a { outline: none; }
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

a:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}
body{
width:100%;
margin:0 auto;
/*font-family:Arial, Helvetica, sans-serif;
font-size:11px;*/
font-family: 'Roboto Regular'; font-size:14px;
/* text-align:center; by sapplica*/
/*background:url(../images/debut_dark.png) repeat left top;*/
background:#e9eef3;
}
#mainDiv { margin:0 auto; width:100%; min-width:992px; }
.meta{
color:#F5F5F5;
background-image:url(../images/meta_bg.gif);
background-position:top right;
background-repeat:no-repeat;
height:36px;
width:924px;
overflow:hidden;
}
.meta a{
color:#92DF01;
text-decoration:underline
}

.meta a:visited{text-decoration:underline}
.meta a:hover{text-decoration:none}
.meta p{
display:block;
float:right;
line-height:18px;
}
.metalinks{
height:23px;
width:166px;
margin:0 0 0 22px;
padding:13px 0 0 0;
float:right;
text-align:center;
}
.metalinks a{
margin:0 10px 0 7px
}
.slogan{display:block;position:absolute;top:25px;left:70px; }
#topnav{padding-left:60px;}
#topnav .last{background:none;}
#topnav a:visited{text-decoration:none}
#topnav a:hover{text-decoration:none; color:red;}
#banner{ /*valign:bottom; */ }
.search{ width:751px; float:left; color:#272727; padding:0 0 0px 108px; overflow:hidden; background-image:url(../images/search_bg.gif); background-position:top left; background-repeat:no-repeat; }
.search img{float:left}
.input{ height:17px; float:left; border:2px inset #CECECE; margin:8px 0 0 7px; padding:0 0 0 5px; font-size:12px; color:#454545 }
.select{ height:20px; float:left; border:1px inset #CECECE; margin:8px 0 0 7px; padding:0 0 0 5px; font-size:12px; color:#454545 }
.first{width:170px}
.second{width:255px;}
/*.button{ background-image:url(../images/button.gif); background-position:top left; background-repeat:no-repeat; line-height:20px; padding:0 0 4px 0; width:67px; text-align:center; display:block; float:left; margin:7px 0 0 8px; font-family:Tahoma, sans-serif; font-size:11px; color:#222222; text-decoration:none }*/
.exept{ line-height:18px; float:left; padding:0 55px 0 0 }
.check{ height:17px; width:17px; float:left; margin:0 6px 0 0 }
#blocks{ background-image:url(../images/blocks_bg.gif); background-position:top left; background-repeat:repeat-y; width:860px; overflow:hidden; float:left; padding:23px 0 0 0; border-top:1px solid #fff;border-bottom:5px solid #fff }
.block{ width:215px; float:left; }
.block p{ width:180px; display:block; margin:15px 0 20px 25px; }
.red_text{color:#FEEAE6}
.gray_text{color:#EDECEC}
#list{ padding:12px 0 18px 11px; }
#list li{ background-image:url(../images/ul_bg.gif); background-position:top left; background-repeat:no-repeat; line-height:20px; padding:0 0 0 15px; margin:0 0 2px 0; list-style-type:none; }
#list a{ color:#FFFFFF; text-decoration:none }
#list a:visited{text-decoration:none}
#list a:hover{text-decoration:underline}
.more{ margin:0 0 0 57px; }
.signup{ width:165px; float:left; margin:2px 0 15px 22px;}
.submit{ margin:0 0 0 126px; float:left }
#info{ background-image:url(../images/bg2.gif); background-position:top left; background-repeat:repeat-x; width:859px; float:left; overflow:hidden; padding:30px 0 20px 0; background-color:#DBDBDB; color:#454545;
}
#info div{ width:160px; float:left; padding:0 10px 0 38px; }
#info ul{ padding:12px 0 0 4px }
#info li{ list-style-type:none; line-height:18px; }
#info a{ color:#454545; text-decoration:none}
/*
#footer{
width:100%;
float:left;
margin-left:70px;
display:inline;
background-image:url(../images/footer_bg.gif);
background-position:top left;
background-repeat:no-repeat;
padding:20px 0;
text-align:center;
}*/
#footer a{
color:#254A73;
text-decoration:underline
}
#footer a:visited{text-decoration:underline}
#footer a:hover{text-decoration:none}
.inner_copy{  border:0; color:#fff; float:right; width:0.09%!important; margin:-100px; overflow:hidden; line-height:0px; padding:0px; font-size:11px  }


/*********************
		Forms
*********************/
form{
	padding:0px;
	/*background-color: #ffffff;*/
	margin:0 auto;
}
form#form fieldset {
	display:block;
	padding:5px 10px 5px 10px;
	line-height:20px;
	margin-bottom:10px;
}
form#form legend {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	width:254px;
}
form#form label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	margin-bottom:5px;
}
form#form input {
	padding:3px;
	margin-bottom:5px;
}
form#form select {
	margin-left:5px;
}
form#form textarea {
	width:410px;
	height:200px;
	padding:5px;
	overflow:auto;
}
form#form option {
	background:#FFF;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
	padding-right:5px;
	cursor:pointer;
	width:205px;
	margin-left:8px;
	font-weight:bold;
}
form#form #button1:hover, form#form #button2:hover {
	background-position:center left;
}


input.button
{
   margin-top:10px;
	font-size:14px;
   font-family:Arial,sans-serif;
   height:30px;
	font-weight:bold;
   background-color:#e0e0e0;   
   border-style:solid;
   border-color:orange;
   border-width:2px;
}

input.text{
	background-color:#fffaaa;
}


/* Zend Form Styling */
dl.zend dt, dd { min-height: 10px; }
dl.zend_form dt {
	float: left;
	clear: left;
	text-align: left;
}
dl.zend_form dt label.required { font-weight: 600; }
dl.zend_form dd {
	float: left;
	clear: right;
	padding-left: 5px;
}
dl.zend_form dt label{
	font-size:12px;
	width:auto;
}
dl.zend_form dd ul.errors {
	list-style: none;
	padding: 0;
	margin: 0;
}

dl.zend_form dd ul.errors li {
	float: left;
	margin: 0 0.15em;
	font-size: 10px;
	color: red;
}
dl.zend_form dd textarea {
	width: auto;
	height: 100px;
	margin:5px;
	border: 1px solid #7f9db9;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;

}

/*DL, DT, DD TAGS LIST DATA*/
dl.zend_form {
	margin-bottom:50px;
}

dl.zend_form dt {
	color:#000;
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding:5px;
	min-width:100px;
}

dl.zend_form dd {
	margin:2px 0;
	padding:5px 0;
}
/*.button{
background-image:url(../images/button.gif);
background-position:top left;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 4px 0;
width:auto;
text-align:center;
display:block;
float:left;
margin:7px 0 0 8px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#222222;
text-decoration:none
}*/
#breadcrumdiv { min-height: 18px; }
.breadcrumbs{ /* background:#fff;padding: 4px;border-bottom:1px solid #ccc;*/color: #353535; float:left; text-align:left; font-family: 'Roboto Regular'; font-size:13px; text-shadow: 0 1px 0 #ffffff; color: #3b3b3b; width:96%; margin:10px 2%; }
.firstbreadcrumb { color: #1f8abc; font-family: 'Roboto Regular'; text-shadow: 0 1px 0 #ffffff; cursor:pointer;}
.firstbreadcrumb:hover{ color: #1f8abc; text-decoration: none; }
.breadcrumbs span.arrows{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; padding:0 3px;}
.breadcrumbs a{ color: #1f8abc; text-decoration: none; }
.breadcrumbs a:hover{ color: #3B3B3B; text-decoration: none; }
.page-content{
	text-align:left;
	font-size:12px;
	color:#3b3b3b;
	/*font-face:verdana ariel courier;*/ font-family: 'Roboto Regular',sans-serif;
	padding:5px 10px 5px 10px;
	line-height:1.5em;
}
.page-content br{
	clear:both;
	height:20px;
}

/* for dynamic forms*/

/*.formRowDiv { width: 50%; min-width: 340px; float:left; padding: 0; color:#3b3b3b;  margin:10px 0 0 0; }
.formLabel {  float :left; width:30%; min-width:225px; font-family:'Roboto Regular';  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:2px 0 8px 0; text-align: left; color: #3B3B3B; }
.formElement {float: left;  padding: 0;  text-align: left;  width: 70%; min-width: 295px; }*/

.formElement .chzn-container-single .chzn-search input { width:252px !important; background-color: #FFFFFF;  border: 1px solid #C6C6C6; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;  color: #AFAFAF; float: left;  font-family: latoregular,sans-serif;  font-size: 14px;  height: 30px;  line-height: 30px;  padding: 0 8px;  text-align: left; }

.formButtons { width: auto; float: left; margin-bottom:5px; }
.fetchButton{  width: auto;  float: left;	  padding-top: 3px;	}

.defaultFormMainRowDiv {  padding: 0px;  width: 100%; clear: both;}
.defaultFormRowDiv, .formRowDiv{ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:0; min-height: 50px; min-width:340px; height:80px;}
.defaultFormLabel, .formLabel {	 font-family: 'Roboto Regular',sans-serif;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; width:100%; min-width: 225px; clear: both;}
.defaultFormElement, .formElement { float: left;  padding: 0;   text-align: left;  width: 100%; min-width: 295px; position: relative; }

.newformRowDiv{ float: left; padding: 0px;  color:#3b3b3b; margin:0; min-height: 50px; width:225px; height:80px;}
.uploadformRowDiv{ float: left; padding: 0px;  color:#3b3b3b; margin:0; min-height: 50px; width:240px; min-height:80px;}
.newformLabel {	 font-family: 'Roboto Regular',sans-serif;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; width:100%; clear: both;}
.uploadformLabel {	 font-family: 'Roboto Regular',sans-serif;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; width:100%; clear: both;}
.newformElement{ float: left;  padding: 0;   text-align: left;  width: 100%; position: relative; }
.newformElement input.formDataElement { width:204px !important; height: 30px !important;}
.newformRowDivTitle { margin-right:25px !important; }
.newformRowDivVersion { float: right !important; }

.formCheckDiv
{
 width: 100%;
 clear: both;
 font-size: 12px;
 /*font-weight: bold;*/
 padding: 0px 5px 5px 0px;
 color: #454545;
}
/* for dynamic forms code end here */
.errors {
    color: #FF0000;
    font-family: 'Roboto Regular',sans-serif;
    font-size: 12px !important;
    margin: 0;
    text-shadow: 0 1px 0 #FFFFFF;
    list-style: n;
    /* width:100%; */
    float:left;
    /* width:100%; */
    clear:both;
    text-align: left !important;
    font-style: normal;
    /* color: red;
    font-size: 9px;
    font-weight: normal !important;
    margin: 0px 0px 0px 10px !important;
    float:left;
    line-height: 17px !important;
    padding: 2px 5px 2px 10px;*/
    }
.example_msg {  font-family: 'Roboto Regular',sans-serif;  font-size: 10px;   margin: 0;  text-shadow: 0 1px 0 #FFFFFF; 	list-style: none;/* float:left; */width:100%; clear:both; text-align: left;}

.shortcuterrors {  color: #FF0000;  font-family: 'Roboto Regular',sans-serif;  font-size: 12px !important;   margin: 6px;  text-shadow: 0 1px 0 #FFFFFF; 	list-style: none; float:left; text-align: left !important;}


.uploadformRowDiv .errors { margin:25px 0 0px 0 !important; }

#mainForm .formDataElement { width: 100%; }

#mainForm input.formDataElement {
	/* background-image: url("../images/desktop/text-bg.gif");
    background-repeat: repeat-x;
    border: 1px solid #B5B8C8;
    font-family: tahoma,arial,sans-serif;
    font-size: 12px;
    height: 18px;
    float:left; */
		border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:32px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:0 8px;
	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:30px; text-align:left; outline:none;  }
  
#mainForm textarea.formDataElement  {
	/* background-image: url("../images/desktop/text-bg.gif");
    background-repeat: repeat-x;
    border: 1px solid #B5B8C8;
    font-family: tahoma,arial,sans-serif;
    font-size: 12px;
    float:left; */
	border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:80px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:10px 8px;
	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); resize:none; line-height: 20px; outline:none; }

.defaultFormElement .chzn-container-single .chzn-search input { width:252px !important; background-color: #FFFFFF;  border: 1px solid #C6C6C6; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;  color: #AFAFAF; float: left;  font-family: latoregular,sans-serif;  font-size: 14px;  height: 30px;  line-height: 30px;  padding: 0 8px;  text-align: left; }
#mainForm select{
	font-family: tahoma,arial,sans-serif;
    font-size: 12px;
	border:1px solid #B5B8C8;
	height:21px;
	background-color:#ffffff; }

#mainForm .ui-datepicker-trigger
{
	padding: 6px 0px 0px 3px;
	float: left;
	cursor: pointer; position: absolute; left: 264px;
}
 
.section-heading {  height: 26px; }
/*.section-left-image {
	height:26px;
	width:4px;
	float:left;
	background:url(../images/desktop/top-left.png) top left no-repeat;}*/
.section-center {
	height:25px;
	width:100%;
	float:left;
	/* background:url(../images/desktop/top-center.png) top left repeat-x;
	border: 1px solid #99bce8;
	border-top: none;
	border-radius: 5px 5px 0px 0px; */
}
.section-center-text-area {
	height:25px;
	width:100%;
	padding:0px 0px 0 3px;
	text-align: left;
	line-height: 25px;
}
/*.section-right-image {
	height:26px;
	width:8px;
	float:left;
	background:url(../images/desktop/Untitled-5.png) top left no-repeat;} */

.section-heading1 {
	/*color: #04408C;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, verdana, sans-serif;
	padding-top:5px;*/
	float:left; clear:both; width:100%; color: #3b3b3b; font-size:15px; font-family: 'Roboto Regular', sans-serif; text-shadow: 0 1px 0 #ffffff; text-align:left; }

.section-center-text-area img {	padding-right: 3px; }
.content_inner { /*padding:0px 0px 20px 0px; margin-bottom: 20px; */ margin: 0; padding: 0; width: 100%; float: left; 
	/*background:#ffffff;
	border-left: 1px solid #99bce8;
	border-right:1px solid #99bce8;
	border-bottom:1px solid #99bce8;
	border-radius: 0px 0px 5px 5px;
	border-color: #99bce8 #99bce8 #99bce8;
    border-style: solid;
    border-width: 0 1px 1px; */ }

#mainForm button.formSubmitButton, #mainForm a.button, #mainForm button{
	background-color: #208bbd; border:1px solid #208bbd; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ height:26px; padding:0px 10px 4px 10px; font-size: 14px; 
	/*text-shadow: 0 1px 0 #006391;*/ font-family: 'Roboto Regular', sans-serif; color:#ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); */cursor: pointer; float:left; margin-right:10px; /*text-transform: uppercase;*/ outline: 0; line-height: 22px; }

#mainForm input[type="submit"], #mainForm input[type="reset"], .submit_bg {
background-color: #208bbd; border:1px solid #208bbd;  /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */
height:26px; padding:0px 10px 0px 10px; font-size: 14px; /*text-shadow: 0 1px 0 #006391;*/ font-family: 'Roboto Regular', sans-serif; color:#ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/ cursor: pointer; float:left; margin-right:10px; /*text-transform: uppercase;*/ outline: 0; line-height: 22px; }

.button-wrap { border-radius: 5px 5px 5px 5px; overflow: hidden; }
#mainForm button:hover, #mainForm button:active, #mainForm input[type="submit"]:hover, #mainForm input[type="submit"]:active, #mainForm input[type="reset"]:hover, #mainForm input[type="reset"]:active, #mainForm a.button:hover, #mainForm a.button:active, .customfile-hover button {}
#mainForm .formButtons button#Cancel, .cancel-div input.submit_bg , .formButtons button#cancel { background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: none;
    color: #353535;
    font-family: 'Roboto Regular',sans-serif;
    font-size: 14px;
    margin-top: 6px;
    padding: 0;
    text-shadow: none;
    text-transform: capitalize; }
a.button { height: 23px; }

/* .ie .formSubmitButton {
	background: url("../images/gradients.png") repeat-x bottom;
	background-position: 0px -35px;
} */

.ui-search-toolbar input{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 3px 0 rgba(18, 16, 11, 0.13) inset;
    display: block;
    outline: 0 none;
    padding: 5px;
    height: 20px;
  }
  
 /* default css */
#main-div {
	width: 100%;
	/*background:url(../images/bg_main.png) repeat-x;*/
	margin: auto;

}
.formElement label, .defaultFormElement label { float:left;	}
 
#page-container { width: 100%; /* !Important; sapplica */margin:0 auto; }
#header {
/* background-image:url(../images/header_bg.png);
background-repeat:repeat-x;
	height: 42px;       sapplcia */
	position:relative; 
	width:100%;  
	background-color:#253f51; 
	min-height:50px; 
	
	/*border-bottom:1px solid #101010; */ 
	/*-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 1);
	box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, 1); z-index:100;
*/
}
.menusprite{ background:url(../images/sprite_blue.png) no-repeat left top; display:block;}

/* #header .logo {
	
	width:130px;
	float:left;
 background:url(../images/logo_main.png) no-repeat ; 
background-position:center;
	height:42px;

} commented by sapplica */ 


/* added by sapplica 
.menu{ min-height:517px; width:100%; background:url(../images/wild_oliva.png) repeat; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px 0px #686868; box-shadow: inset 0px 1px 0px 0px #686868; border:1px solid #000000; margin:0 0 10px 0;}
.menu ul{margin:0 0 0 0; padding:0 0 0 0;}
.menu ul li{ list-style:none; margin:14px 10px 20px 25px; }
.menusprite{ background:url(../images/sprite_blue.png) no-repeat left top; display:block;}
.dashboard{ background-position:0px 0px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:24px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.dashboard:hover{background-position:0px -551px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:24px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.administration{ background-position:0px -44px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:28px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.administration:hover{background-position:0px -595px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:28px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.organization{background-position:0px -92px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:21px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.organization:hover{background-position:0px -643px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:21px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.humanresource{background-position:0px -133px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:22px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.humanresource:hover{background-position:0px -684px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:22px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.employeeselfservice{background-position:0px -175px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:22px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.employeeselfservice:hover{background-position:0px -726px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:22px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.backgroundchecks{background-position:0px -217px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:23px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.backgroundchecks:hover{background-position:0px -768px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:23px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.systemadministration{background-position:0px -258px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:27px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.systemadministration:hover{background-position:0px -809px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:27px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.siteadministration{background-position:0px -306px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:23px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.siteadministration:hover{background-position:0px -857px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:23px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.vendormanagement{background-position:0px -348px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.vendormanagement:hover{background-position:0px -899px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.compliances{background-position:0px -392px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:24px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.compliances:hover{background-position:0px -943px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:24px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.staffing{background-position:0px -436px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.staffing:hover{background-position:0px -987px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.reports{background-position:0px -482px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#FFFFFF; text-shadow:0px 1px  0px #000;}
.reports:hover{background-position:0px -1033px;  padding-left:50px; font-family:'Roboto Regular'; font-size:15px; font-weight:normal; text-shadow:0px 1px  0px #000000; display:block; height:26px; cursor:pointer; color:#78c3e5; text-shadow:0px 1px  0px #000;}
.menu ul li a span{ background:url(../images/m_arrow_right.png) top right; width:6px; height:11px; display:block; float:right; margin:6px 10px 0 0;}
.menu ul li a span:hover{ background:url(../images/m_arrow_right_hover.png) top right; width:6px; height:11px; display:block; float:right; margin:6px 10px 0 0;}
*/

/* Menu Css Start */
.childelement{ background : none !important; }
.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
  
}
.cssmenu {
  /*min-height:517px; */
  /*width:100%; */ width:268px; float:left;
  background:url(../images/black-pattren-bg.png) repeat; 
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px; 
  -moz-border-radius-topleft: 5px; 
  -moz-border-radius-bottomleft: 5px; 
  border-top-left-radius: 5px; 
  border-bottom-left-radius: 5px; 
  -webkit-box-shadow: inset 1px 0 0 0 #686868; 
  box-shadow: inset 1px 0 0 0 #686868; 
  border:1px solid #000000; 
  margin:0 0 10px 0;
}

.cssmenu ul {margin:0 0 0 0; padding:0 0 0 0;}
.cssmenu ul li {list-style:none; /*margin:14px 0px 20px 25px;*/ margin: 0 0 0 25px;}

.cssmenu a {
 /* padding-left:50px; */
  font-family:'Roboto Regular'; 
  font-size:15px; 
  font-weight:normal; 
  text-shadow:0px 1px  0px #000000; 
  display:block; 
  height:25px;
  cursor:pointer; 
  color:#FFFFFF; 
  text-shadow:0px 1px  0px #000; text-decoration: none; text-transform:capitalize;
  background:url(../images/site-arrow.png)  no-repeat 90% 16px; padding: 10px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .cssmenu a { height:24px; background:url(../images/site-arrow.png)  no-repeat 90% 15px;}
}

#moreLinkDiv a, #lessLinkDiv a { background: none !important; text-align:right; margin-right: 28px; color:#69BBE0; }
#moreLinkDiv a:hover, #lessLinkDiv a:hover { background: none !important; color: #69BBE0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .cssmenu a:hover { background:url(../images/site-arrow-hover.png)  no-repeat 90% 15px;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.childelement{ background : none !important; }
}


.cssmenu a:hover { background:url(../images/site-arrow-hover.png)  no-repeat 90% 16px;}

.cssmenu > ul > li:hover > a{
	font-weight:normal; 
	display:block; 
	/*height:25px; */
	cursor:pointer; 
	color:#69BBE0; 
	text-shadow:0px 1px  0px #000;
	background:url(../images/site-arrow-hover.png)  no-repeat 90% 16px; }
/*.cssmenu > ul > li > a:last-child {
	font-family:'Roboto Regular'; 
	font-size:15px; 
	font-weight:normal; 
	text-shadow:0px 1px  0px #000000; 
	display:block; 
	height:28px; 
	cursor:pointer; 
	color:#ffffff; 
	text-shadow:0px 1px  0px #000;
} */


@media screen and (-webkit-min-device-pixel-ratio:0) {
.cssmenu > ul > li:hover > a { background:url(../images/site-arrow-hover.png)  no-repeat 90% 15px;}
}

.cssmenu .has-sub {
  z-index: 10;
}
.cssmenu .has-sub:hover > ul {
  display: block;

}
.cssmenu .has-sub ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 243px;
	/*width: 242px;*/ width: 252px;
	/*width: 180px;
	width:100%;*/
	z-index:999;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	background: url(../images/black-pattren-bg.png) repeat scroll 0 0 transparent;
	border: 1px solid #393939; border-left:0 none;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.5);
	margin: 0 0 10px;
}
.cssmenu .has-sub ul li {
  /*margin-bottom: -1px; 
	border-bottom: 1px solid #dddddd;*/
	/* margin:7px 0 7px 7px;*/ margin:0 0 0 7px;
}
.cssmenu .has-sub ul li a {
  /*background: #000000;
  border-bottom: 1px dotted #ec6f73;*/
  filter: none;
  font-size: 15px;
  display: block;
    padding-left:10px; height:20px; background:url(../images/site-arrow.png)  no-repeat 90% 16px;
  /* line-height: 120%;
  padding: 10px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.cssmenu .has-sub ul li a { background:url(../images/site-arrow.png)  no-repeat 90% 15px;}
}

.cssmenu .has-sub ul li:hover a { /*background: #b00c11;*/ background:url(../images/site-arrow-hover.png)  no-repeat 90% 16px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.cssmenu .has-sub ul li:hover a { background:url(../images/site-arrow-hover.png)  no-repeat 90% 15px;}
}


.cssmenu .has-sub ul li a:hover {
  /*background: #b00c11;*/color:#78c3e5; 
	text-shadow:0px 1px  0px #000;
}


.cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
.cssmenu .has-sub .has-sub ul {
  display: none; position: absolute; /*left:234px; */ left:245px; /*top:-8px;*/ top:-1px; margin:0;
    /*left: 100%;
	 top: 0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;*/
}
.cssmenu .has-sub .has-sub ul li a {
  /*background: #b00c11;*/
	 padding-left:10px;
  /*border-bottom: 1px dotted #d06d70;*/
 
}
.cssmenu .has-sub .has-sub ul li a:hover {
  /*background: #80090d;
  background:url(../images/m_arrow_right_hover.png) top right; */
}

.cssmenu .has-sub img { float:left; min-width:20px; min-height: 20px; max-width:24px; padding-right: 13px; }
.cssmenu .has-sub span { float:left;}

/* Menu css ends */

#wrapper {
    /*margin: 15px 0;*/ margin:0; padding:15px 0;
    position: relative;
    width: 100%;
}
.wrapperdiv {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.wrapperdivleft {
    float: left;
    margin: 0;
    position: relative;
    width: 27%;
	/*z-index:1; z-index:8;*/ z-index:100;
}
.wrapperdivright {
    background: none repeat scroll 0 0 #fff;
   /* border-radius: 5px 5px 5px 5px;*/
    float: right;
    margin: 20px 0 50px;
	/*min-height: 1050px;  min-height: 905px;*/ min-height: 791px;
    position: relative;
	width:100%;
    /*width: 73%;*/
	/*min-width: 721px; */ min-width: 734px;
	/* z-index:7; */
	padding-bottom:20px;
}
.wrapperdivrightmain {
    clear: both;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    width: 98%;
}
.wrapperdivrightmainleft {
    float: left;
    margin: 0;
    width: 49%;
}
.wrapperdivrightmain table {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}
.wrapperdivrightmainleft table {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}
.wrapperdivrightmain table tr.grdi {
    /*background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*/
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
color: #333333;
font-family:'Roboto Regular'; 
font-weight: normal;
height: 35px;
text-transform: uppercase; }

.wrapperdivrightmainleft table tr.grdi {
    /* background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
color:#3b3b3b; font-family: 'Roboto Regular'; font-weight: normal; height: 35px; text-transform: uppercase; }
.wrapperdivrightmain table tr td:last-child {
    border-right: medium none;
}
.wrapperdivrightmainleft table tr td:last-child {
    border-right: medium none;
}
.wrapperdivrightmain table tr td {
    border-right: 1px solid #DCDCDC;
    padding: 5px 10px;
}
.wrapperdivrightmainleft table tr td {
    border-right: 1px solid #DCDCDC;
    padding: 5px 10px;
}
.wrapperdivrightmain table tr.grdi label {
    color: #333333;
    float: left;
    font-family: 'Roboto Regular';
    font-weight: normal;
    text-transform: uppercase;
}
.wrapperdivrightmainright table tr.grdi {
    /*background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*/
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    color: #333333;
    font-family: 'Roboto Regular';
    font-weight: normal;
    height: 35px;
    text-transform: uppercase;
}
.wrapperdivrightmainleft table tr.grdi label {
/*    color: #333333;
    float: left;
    font-family: 'Roboto Regular';
    font-weight: normal;
    text-transform: uppercase; */
	
color : #333333;
float : left;
font-family : 'Roboto Regular';
font-weight : normal;
text-transform : uppercase;
}
.wrapperdivrightmainright table {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}
.wrapperdivrightmainright table tr td:last-child {
    border-right: medium none;
}
.wrapperdivrightmain table tr td:last-child {
    border-right: medium none;
}
.wrapperdivrightmainright table tr td {
    border-right: 1px solid #DCDCDC;
    padding: 5px 10px;
}
.wrapperdivrightmain table tr.sel {
    background-color: #FAFAFA;
}
.wrapperdivrightmainleft table tr.sel {
    background-color: #FAFAFA;
}

#maincontentdiv, .blank_text { /*margin:2% auto; margin:20px 2%;*/ margin: 10px 2%; width:96%; float:left; position: relative; }
.blank_text { margin-top:28px; }
.ui-dialog-content #maincontentdiv { margin:0px auto; width:96%; }
#maincontentdiv .ui-widget-header { box-shadow: none; height:auto;}
#maincontentdiv #tabs .ui-tabs-nav li a {padding: 10px 8px; }
#maincontentdiv #tabs .tab_content { padding:0; border: 0;}
#maincontentdiv #tabs .ui-tabs-nav li { margin:0; }
.poc-ui-data-control .ui-tabs-nav { width: 100% !important;}
.poc-ui-data-control .ui-tabs-nav li { width: 100% !important; }
.poc-ui-data-control .ui-tabs-nav li a:active, .poc-ui-data-control .ui-tabs-nav li.ui-state-active a, .poc-ui-data-control .ui-tabs-nav li.ui-state-active a:hover { width:214px !important; border:1px solid #CFCFCF !important; border-right:0 none !important; }
.right-block-data .ui-tabs-panel { width: 100% !important; }
.tableicondiv {
    float: right;
    position: relative;
}
.uparrow_table {
    background-position: 0 -1430px;
    cursor: pointer;
    float: left;
    height: 23px;
    /*margin: 0 5px 0 0; J*/
	margin:0;
    width: 24px;
}
.downarrow_table{background-position:0px -1460px; width:24px; height:23px; float:left; /*margin:0px 5px 0 0; J*/ margin:0; cursor:pointer;}
.add {
    background-position: 0 -1490px;
    cursor: pointer;
    float: left;
    height: 23px;
   /*margin: 0 5px 0 0; J*/
	margin:0;
    width: 24px;
}
.close {
    background-position: 0 -1520px;
    cursor: pointer;
    float: left;
    height: 23px;
    margin: 0;
    width: 24px;
}
.wrapperdivrightmainright {
    float: right;
    margin: 0;
    width: 49%;
}
a.userprofilepic{ 
	min-width:160px;
	*max-width:250px;
	*width:160px; 
	height:50px; 
	float:right; 
/*	background:url(../images/logout-bg.png) repeat; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border-bottom:1px solid #51a4cb; 
	-webkit-box-shadow: inset 0px 0px 5px 0px #000000; 
	box-shadow: inset 0px 0px 5px 0px #000000; */
	cursor:pointer;
}
a.userprofilepic span {
    color: #FFFFFF !important ; 
    float: left;
    margin: 15px 0 0 10px;
    /*text-shadow: 0 1px 0 #000000;*/
}
#header a.logo{ 

	font-family:'nexalight'; 
	font-size:28px; 
	color:#FFFFFF; 
	font-weight:normal; 
	margin:6px 0 0 10px; 
	float:left; 
	text-shadow:0px 1px  0px #165674; 
	/*background:url(../images/hrms-logo-new.png) no-repeat left center;*/  height: 40px;  
}
#header a.logo img { max-width:265px; max-height:40px; }
.links label {
	color: #FFFFFF;
    float: left;
	font-size: 15px; 
    font-family: 'Roboto Regular';
    margin: 8px 10px 0 0;
    text-shadow: 0 1px 0 #165674;
}
.links p.confi-setter { /*width:130px;*/
	height:32px; font-size:15px !important; padding-top:0px !important; line-height:28px; margin-top:6px !important;
	float:left !important; margin-right: 13px !important; padding-right: 23px !important; color: #ffffff !important; text-shadow:0px 1px  0px #000000;
	 background:url(../images/new-start-tour.png) no-repeat right center; 
	/*-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border-bottom:1px solid #51a4cb; 
	-webkit-box-shadow: inset 0px 0px 5px 0px #000000; 
	box-shadow: inset 0px 0px 5px 0px #000000; */ 
	cursor:pointer; }
.links p.confi-setter label { margin:0; }
.links small {
	color: #FFFFFF;
    float: left;
	font-size: 14px; 
    font-family: 'Roboto Regular';
  /*  font-weight: normal;*/
    margin: 8px 13px 0 0;
    text-shadow: 0 1px 0 #165674;
}
.links label.site-link { /* padding-left: 30px;*/ float: left;  }
.links label.site-link a 
{ color: #FFFFFF; text-decoration: none; font-family: 'Roboto Regular'; font-size: 15px; background:url(../images/manage-header-icon.png) no-repeat left center; width: 30px; height: 30px; float:left;  }
.links label.site-link a:hover { color: #e0dfdf;  }
.menu-link { float:left; margin:0 !important; color: #ffffff; }
.menu-link a{ color: #ffffff; text-decoration: none; }
a.userprofilepic img {
    border: 1px solid #253f51;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 10px 0 0 10px;
}

a.userprofilepic b {
    background: url(../images/arrow_profile_down.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 7px;
    margin: 22px 10px 0 0;
    width: 9px;
}
a.userprofilepic b.up {
    background: url(../images/arrow_profile_up.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 7px;
    margin: 16px 7px 0 0;
    width: 9px;
}

.shortcuts {
   /* background: url(../images/black-pattren-bg.png) repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 1px 0 0 #686868 inset;*/
    margin: 0 0 10px 0;
	background:#fff;
    /*min-height: 287px;*/ min-height:130px; float:left;
    /* width: 100%;  width:268px;*/ width: 240px;    color: #FFFFFF;
	position:relative; padding-bottom:30px;
	overflow:hidden;
}
.shortcuts h1{
    color: #3498db;
    font-family: 'Roboto Regular';
    font-size: 14px;
    font-weight: normal;
    /*margin: 10px 25px 20px;*/ margin: 10px 15px 10px 15px;
/*    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;*/
	text-align: left;
	position:relative;
}

.cssmenu h1 {
    color: #FFFFFF;
    font-family: 'PTSansBold';
    font-size: 15px;
    font-weight: normal;
    margin: 10px 25px 7px 25px;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
	text-align: left;
}

.short-text-ctrl {  margin: 0 2px 0px 5px; padding:0; float:left; color:#333;}

.shortcuts a { color: #e71052; text-decoration: none; /*text-shadow: 0 1px 0 #000000; */}
.shortcuts a:hover { color:#289616; }
.shortcuts ul {
    /* margin: 0 0 0 20px; */ margin: 0 0 0 10px;
}
.shortcuts ul li {
    float: left;
    list-style: none outside none;
    /*margin: 0 8px 10px 0;  margin: 0 11px 10px 0; margin: 0 8px 10px 0;*/ margin: 0 7px 10px 0;
}
.shortcuts ul li a {
    background: none repeat scroll 0 0 #f0f3f7;
    cursor: pointer;
    display: block;
    height: 46px;
    width: 46px;
}
.shortcuts ul li a img {
    /*border-radius: 3px 3px 3px 3px;*/
    margin: 7px 6px 6px 7px;
}
.copytxt {
    color: #253f51;
    font-family: 'Roboto Regular';
    font-size: 13px;
 	padding:0; 	
	margin: 0 auto;
	width:100%;
	float:left;
    position: relative; 
	margin-top: -66px;
}

.copytxt a {
    color: #69BBE0 !important;
    text-decoration: none !important;
    /*text-shadow: 0 1px 0 #000000;*/
}

.copy-center { margin:0 auto; text-align:center;}
.copy_left{ padding-right:15px;}
.copy_right{ padding-left:15px;}
/*.msg-height { line-height:20px; }*/
.bgwhite { background-color: #ffffff; }
.fltleft { float: left; }
.fltright { float: right !important; }
.fullwidth { width: 100% !important ;}
.width120 { width:120px !important; }
.width134 { width:134px !important;}
.width140 { width:140px !important;}
.width400 { width: 400px !important; }
.width450 { width: 450px !important; }
.mrgetop { margin-top:0 !important; }
.mrgetop2 { margin-top: 2px !important; }
.mrgetop4 { margin-top: 4px !important; }
.mrgetop5 { margin-top: 5px !important; }
.mrgetop7 { margin-top: 7px !important; }
.mrgetop10 { margin-top: 10px !important; }
.mrgetop18 { margin-top: 18px !important; }
.mrgetop20 { margin-top: 20px !important; }
.mrgetop25 { margin-top: 25px !important; }
.mrgetop30 {  margin-top: 30px !important; }
.mrgetop60 {  margin-top: 60px !important; }
.mrgeleft15 { margin-left: 15px; }
.mrgeright9 { margin-right: 9px !important; }
.mrgeright15 { margin-right:15px; }
/*.clearb { clear:both !important; width: 100% !important;} by satish */
.clearall { clear: both !important; }
.padding10 { padding: 10px; }
.mrgebtm { margin-bottom: 0 !important;  }
.mrgebtm3 { margin-bottom: 3px !important; }
.mrgebtm5 { margin-bottom: 5px !important; }
.mrgebtm10 { margin-bottom: 10px !important;  }
.mrgebtm20 { margin-bottom: 20px !important;  }
.mrgebtm40 { margin-bottom: 40px !important;  }
.paddingtop5 { padding-top:5px !important; }
.paddingtop10 { padding-top:10px !important; }
.paddingbtm15 { padding-bottom:15px !important; }
.no-border { border: 0 !important; }
.no-bg { background: none !important; }
.bg-white { background-color: #ffffff !important; }
.position_rel { position: relative; clear: both; width: 100%; float:left; }
.textareaheight { height: 98px !important; }
.textareaheight-1 { height: 142px !important; }
.org-logo-height { height: 170px !important; }
.logo-width-org { width:270px !important; }
.inputheight { height: 90px !important; }
.inputheight-1 { height: 40px !important; }
.inputheight-2 { height: 54px !important; }
.inputheight-3 { height: 52px !important; }
.inputheight-4 { height: 80px !important; }
#dialog-confirm .height32 { height: 50px !important; }
.height200 { min-height: 200px !important; }
.footerdivbg {
    background:#f0f3f7;
    border: 2px solid #ffffff;
    height: 33px;
    margin: 0 auto;
    /*width: 99%;*/ width:99.5%; min-width:980px;
}
.content_inners{
	margin: 0 auto;
    position: relative;
    width: 99%;
	/*min-width: 991px !important;*/ min-width:984px !important;
}
.settings {
    background:#ffffff;
    cursor: pointer;
    float: left;
    margin: 4px 3px 3px 5px;
    padding: 3px 6px;
}

.recentviewd {
    float: right;
    margin: 0;
    position: relative;
}
.recentviewd label {
    color: #333333;
    float: left;
    font-family: 'Roboto Regular';
    margin: 6px 10px 0 0;
}
.recentviewd ul {
    float: left;
    margin: 4px 5px 0 0;
    padding: 0;
}
.recentviewd ul li {
    background: none repeat scroll 0 0 #959595;
    color: #FFFFFF;
    float: left;
    font-family: 'Roboto Regular';
    font-size: 13px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0 5px;
    padding: 2px 10px 3px;
	
}

.recentviewd ul li span {
    background: url("../images/arrow_right.png") no-repeat scroll left 5px transparent;
    float: left;
    padding-left: 15px; cursor: pointer;
	/*max-width:110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  for text text trinket in Recently Viewed */
}
.recentviewd ul li a {
    background: url("../images/close_rv.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 9px;
    margin: 6px 0 0 10px;
    width: 8px;
}
/* sapplica code ends */

#header .links {

	/* width:336px;
	float:right;
	height:34px; 
	modified by sapplica */ 
	color: #FFFFFF;
    float: right;
    font-family: 'Roboto Regular';
    font-weight: normal;
    margin: 0px 0px 0 0; 
    /*text-shadow: 0 1px 0 #165674;*/ position: relative;
	background:#435f71;
}
#header p{
	margin:0;
	font-family: 'Roboto Regular',sans-serif; /*Added By Sapplica */
	font-size:14px;
	padding-top:10px;
	color:#8a8887;
	padding-left:15px;
	padding-right:5px;
	/*float:right;*/ float:left;
	margin-right:20px;}
	
	#header span{
	font-family: 'Roboto Regular',sans-serif; /*Added By Sapplica */
	font-size:13px;
	color:#000000;
	margin-right:10px;
	/*margin:0;*/
	/*padding-top:10px;*/
	/*padding-left:10px;*/}
	
	#header span a{
	font-family: 'Roboto Regular',sans-serif; /*Added By Sapplica */
	font-size:14px;
	padding-top:10px;
	color:#FFF;
	/* padding-left:10px;
	text-decoration:none;
	padding-right:10px; */}
	
	#header span a:hover{
	color:#8a8887;}


#main-nav {
	
	height: 95px;
	text-align: left;
}
#footer {
	/*clear: both;
	font-family:Arial;
	height:50px;
	background: url(../images/footer_bg.png) repeat-x;
	font-size: 12px;
	color:#FFF;
	border-top: 1px solid #efefef;
	padding: 12px 20px;*/
	bottom: 0;
    height: 33px;
    position: fixed;
    width: 100%; min-width:980px;
	/*z-index:11;*/ z-index: 101;
	
}

#content {
	/* background: #ffffff;
	min-height:	425px;
	float: left;
	width: 100%;
	margin: 10px 0px 10px 0px;  commented by sapplica*/
	/*margin: 15px 0;*/ margin:0 0 0px 0;
    position: relative;
    width: 100%;
}

form label.required:after {
        color: red;
        content: " *"; font-family:Arial, Helvetica, sans-serif;
    }

/* Scrollable tabs css */
/*scrollable tabs css*/
.ui-scrollable-tabs { overflow:hidden; position:relative; width:100%; }

.ui-scrollable-tabs .ui-tabs-nav {
	width:1000000px;
	padding:1px 0 0 1px;
	border-left:none;
	border-right:none;
	padding-top:1px;
	position:relative;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-closable li a {
	padding-right:5px;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows {
	left: 0;
	margin: 0;
	margin:0 6px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 5px;
}

/*IE7 fix*/
*:first-child+html .ui-scrollable-tabs .ui-tabs-nav-arrows {
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-nav li {
	/*margin:0 1px 0;*/
}

.ui-tabs-nav li .ui-tabs-close {
	float:left;
	margin-top:8px;
	margin-right:4px;
	border:none;
	cursor:pointer;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next { float:right; }

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous { float:left; }

.ui-scrollable-tabs .ui-tabs-nav-arrows li {
    list-style:none;
    position:relative;
    cursor:pointer;
    margin:0;
    padding:0;
	display:none;
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows li a {
    display: block;	
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px;
color: #545454;}
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; color: #545454;}
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* for giving z-index to date picker*/
.ui-datepicker
{
        /*z-index: 1003 !important; */ z-index: 1003 !important;
    
}

.hasDatepicker
{
  /*width: 150px !important; */
  cursor: text;
}

#messageData
{
	/*color: red; */
    font-family: 'Roboto Regular',sans-serif;
    /*font-size: 12px;*/
    font-weight: normal;
    height: auto;
    /*padding: 3px 0px 5px 0px;*/
 }

.download{
	color: #04408C;
	font-size: 12px;
    text-decoration: none;
    float: left;
    background-color: #E0F0FF;	
}
#tooltip{
	position:absolute;
	/* border:1px solid #99BCE8;
	background:#E0ECF8; */
	border: 1px solid #8ecdeb;
	background: #208bbd;
	padding:2px 5px;
	/*color:#04408C;*/ color: #ffffff;
	display:none;
	 font-family: 'Roboto Regular',sans-serif; font-size:13px;
}

#mainForm label .tooltip
{
	vertical-align:middle; margin-bottom: 4px;
}

.logoutdiv{
    /*background-color: #FFFFFF;
    height: 50px !important;
    width: 157px;
    min-width:110px; 
	height:35px;  */
	background-color: #ffffff;	
	min-height: 121px;
   /* width: 160px;*/
	position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
/*	-webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	-webkit-box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.3);*/
	cursor:pointer;
	z-index: 99999999;
   
}
.arrow-div { background:url(../images/logout-top.png) no-repeat top center; width:160px; height: 9px; position:absolute; top:-9px;  display: none;}
.logoutdiv a, .logoutdiv span{ color: #3b3b3b !important; float: left;  text-decoration: none; text-shadow: 0 1px 0 #ffffff; width:140px; padding: 7px 10px 7px 15px; text-align: left; font-size:13px; border-bottom:1px dashed #dcdee0;}
.logoutdiv a.first:hover{ background-color:#eeeeee; /*-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/}
.logoutdiv a:last-child:hover{ background-color:#eeeeee; /*-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; */}
.logoutdiv a:hover, .logoutdiv span:hover{ background-color:#eeeeee;  }

.grid_addbtn{
text-decoration:none;
float: right; 
position: absolute; 
right: 14px; 
top: 8px;
}

/* Added by sapplica, for changing the loader*/
.loading { position: absolute; top: 45%; left: 45%; width: 48px; height: 48px; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important;
background:url('../images/loader2.gif') no-repeat center;}

.uparrow-setter { float:right; margin-left:5px; margin-top:6px; }

.toggle-search { width:99%;position:relative; height:100%; float:left; margin-bottom:10px; }
.toggle-search input.toggle-search { border: 1px solid #c6c6c6; background-color: #ffffff; height:30px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:30px; border-radius: 0px !important; text-align:left; width:80%; float: left; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:0 2px;  }

.form-header { float:left; clear:both; width:100%; color: #3b3b3b; text-transform: capitalize; font-size:16px; font-family: 'Roboto Regular', sans-serif; text-shadow: 0 1px 0 #ffffff; text-align:left; }
.form-fields-ctrl { margin:0 0 10px 0px; width: 350px; float: left; font-size: 12px; padding:0; }
.form-fields { /*margin:0px 0px 3px 0px; width: 100%; float: left; font-size: 12px; padding:0; min-height: 90px; */ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:10px 0 0 0; min-height: 50px; min-width:340px; height:80px;}
.form-fields label{ /* color:#3b3b3b; float: left; font-family: 'Roboto Regular', sans-serif;  font-size: 13px;  font-weight: normal; padding:0; margin:2px 0 8px 0; text-align: left; width: 100%;*/
 font-family: 'Roboto Regular',sans-serif;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:2px 0 8px 0; text-align: left;  float :left; width:100%; min-width: 225px; clear: both; }
.form-fields label span { color: #FF0000; font-family: Arial, sans-serif;  font-size: 13px;  font-weight: normal; padding-left:5px;}
.form-fields-input{/* float: left; padding: 0; text-align: left; width: 100%;*/  float: left;  padding: 0;   text-align: left;  width: 100%; min-width: 295px; }
.form-fields input[type="text"], .form-fields input[type="password"] {
border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:30px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282; padding:0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:30px; text-align:left;  }
.form-fields input[type="submit"], .form-fields input[type="reset"], .form-fields input[type="button"], .form-fields a.button, .form-fields button {
background-color: #208bbd; border:1px solid #006391;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
height:26px; padding:0 10px 0px 10px; font-size: 14px; text-transform:uppercase; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:left; margin-right:15px;}

/*#tabContainer-frag-1 { width:96%; margin:0 auto; padding:2%; }*/



.page-not-404 { clear: both; height: 404px; margin: 6% auto 0; position: relative; text-align: center; width: 100%; }
.page-text { color: #208bbd; font-size:26px;  font-family: 'Roboto Regular'; text-shadow: 0 1px 0 #ffffff; width:100%; clear:both; float:left; text-align:center; font-weight:normal; margin-bottom:10px;  }
.sry-text { color: #000000; font-size:16px;  font-family: 'Roboto Regular'; text-shadow: 0 1px 0 #ffffff; width:100%; clear:both; float:left; text-align:center;  font-weight:normal; line-height: 25px; }

.div404{ background:url(../images/404.png) no-repeat center; /*height: 283px; margin: 0 auto; width: 475px;*/ margin:0 auto; width:300px; height: 179px;}
.div503{ background:url(../images/503.png) no-repeat center; /*width: 451px; height: 213px;*/ width:300px; height:142px; margin: 0 auto; /* margin:0 124px 30px 125px; float:left; */}
.page-not-authorized { clear: both; height: 404px; margin: 6% auto 0; position: relative; text-align: center; width: 380px; }
.div-authorized{ background:url(../images/not-authorized.png) no-repeat center top; height: 80px; margin: 0 auto; width: 63px;}

.settingserror{ color:red; clear: both; width: 100%;  float: left;  /*margin-bottom: 11px; margin-top: 32px;*/ margin:5px 0 0 0; text-align: left; }
/*#error-set { float:left; width: 100%; clear:both; }*/
.settingssuccess{ color:green; }
.uploaderror { clear: both; float: left; margin-top: 0;text-align: left; width: 100%; display:none; color:#ff0000;}
.uploaderror_profile { clear: both; float: left; margin-top: 0;text-align: center; width: 100%; display:none; color:#ff0000;}
.uploaderror_excel { clear: both; float: left; margin-top: 0;text-align: center; width: 100%; display:none; color:#ff0000;}
.uploadsuccess_excel { clear: both; float: left; margin-top: 0;text-align: center; width: 100%; display:none; color:rgb(192, 223, 147);}
.profile-icon { background:url(../images/profile-icon.png) no-repeat center;  }
.view-profile { background-position: center -45px; width:100%; height:31px; display: block; }
.view-profile-hover, .view-profile:hover , .profile-tabs-left ul li a:hover .view-profile{ background-position: center 0; width:100%; height:31px; display: block; }
.view-settings { background-position: center -95px; width:100%; height:34px; display: block; }
.view-settings-hover, .view-settings:hover , .profile-tabs-left ul li a:hover .view-settings { background-position: center -145px; width:100%; height:34px; display: block; }
.view-password { background-position: center -199px; width:100%; height:33px; display: block; }
.view-password-hover, .view-password:hover , .profile-tabs-left ul li a:hover .view-password  { background-position: center -245px; width:100%; height:33px; display: block; }
.view-emailsettings { background-position: center -282px; width:100%; height:33px; display: block; }
.view-emailsettings-hover, .view-emailsettings:hover , .profile-tabs-left ul li a:hover .view-emailsettings  { background-position: center -316px; width:100%; height:33px; display: block; }

.profile-tabs { float:left; width:100%;}
.profile-tabs-left { float:left; width:150px; position:relative;  }
.profile-tabs-left ul { float:left; width:150px;}
.profile-tabs-left ul li{ float:left; width:150px; list-style: none;  min-height:65px; padding: 19px 0 9px 0;  position:relative; }
.profile-tabs-left ul li.now{ border: 1px solid #cfcfcf; border-right: 0 none; background-color: #ffffff; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; min-height:65px; padding: 18px 0 8px 0; width:149px;  position:relative; }
.profile-tabs-left ul li p{ float:left; width:100%; list-style: none; text-align:center; margin-top:8px;}
.profile-tabs-left ul li a { color: #777777; font-size:13px;  font-family: 'Roboto Regular'; text-shadow: 0 1px 0 #ffffff; display: block; width:100%; float: left; text-decoration: none; }
.profile-tabs-left ul li a:hover, .profile-tabs-left ul li.now { color: #208bbd; text-shadow: 0 1px 0 #ffffff; /* min-height:65px; padding: 13px 0 15px 0;*/ font-size:13px; }

.absolute-div { position: absolute; width:2px; background-color: #ffffff; height: 91px; right:-1px; top:0px; }

.profile-tabs-right { float:left; width:74%; border: 1px solid #cfcfcf; -webkit-border-radius: 5px; background-color: #ffffff; min-height:370px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; }
.profile-tabs-right-settings { float:left; width:74%; border: 1px solid #cfcfcf; background-color: #ffffff; min-height:315px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.profile-tabs-right-password { float:left; width:74%; border: 1px solid #cfcfcf; background-color: #ffffff; min-height:370px; -webkit-border-radius: 5px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px;
-moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-left-radius: 0; }
.profile-tabs-right-inside { float:left; width:96%; margin:20px 2%; }
.profile-tabs-right-1 { float:left; width: 60%; border-right: 1px solid #cfcfcf; min-height: 260px; }
.profile-tabs-right-1 ul{ float:left; width:96%; list-style: none; /* line-height: 35px; */ margin:0; }
.profile-tabs-right-1 ul li{ border-bottom: 1px dotted #cfcfcf; float:left; width:100%; font-size:14px;  font-family: 'Roboto Regular'; text-shadow: 0 1px 0 #ffffff; margin-bottom:8px; padding-bottom:8px;}
.profile-tabs-right-1 ul li label{float:left; width:33%; color: #3b3b3b; padding-left:5px; text-align: left; }
.profile-tabs-right-1 ul li span{  float:left; width:33%; color: #727272; text-align: left; }
.profile-tabs-right-1 ul li a {float:left; width:30%; color: #208bbd; font-size:13px; text-decoration: none; text-align:right; }
.profile-tabs-right-1 ul li a:hover {color: #777777; }
.profile-tabs-right-1 ul li:last-child { border-bottom: 0 none; }
.profile-tabs-right-2 { float:right; width: 39%; }
.change-profile-pic-div { margin:0 auto; width:132px; }
.change-profile-pic-div img{ margin:0 0 10px 0; float:left; width:144px; height: 144px;  /*background:url(../images/default-profile-pic.jpg) no-repeat center;*/ }
.chg-img { margin:0; float:left; width:132px; height: 132px;  background:url(../images/default-profile-pic.jpg) no-repeat center; }
.chg-img img { width: 130px; height: 130px; border: 1px solid #CFCFCF; }
.org-img { margin:0; float:left; width:265px; height: 40px; /* background:url(../images/logo_default-size.jpg) no-repeat center; */ position: relative; }
.org-img img { width: 265px; height: 40px; border: 1px solid #CFCFCF; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.change-profile-pic-div span#upload_custom_div { float:left; /*width:100%;*/ text-align:center; color: #208bbd; text-decoration: none; cursor: pointer !important;  }
.change-profile-pic-div span.upload_custom_div { float:left; /*width:100%;*/ text-align:center; color: #208bbd; text-decoration: none; cursor: pointer !important;  }
.change-profile-pic-div span:hover {color: #208BBD; cursor: pointer; }

.chg-img-1 { /*margin:0; float:left; width:132px; height: 132px;  background:url(../images/default-profile-pic.jpg) no-repeat center; */}
.chg-img-1 img { /* width: 130px; height: 130px; border: 1px solid #CFCFCF; */ }



.upload_set {margin-top:14px !important}
/*@-moz-document url-prefix() { 
  .upload_set {margin-top:14px!important}
}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .upload_set {margin-top:13px!important}
}
.upload_set_login { margin-top:18px!important;}


.drag-text { margin:0; padding:0 0 0 25px;  background:url(../images/drag.png) no-repeat left top; color:#5d5d5d; font-size:13px;  font-family: 'Roboto Regular'; text-align:left; line-height:34px; float: left; }
.settings-div { margin:0 auto; width:173px; padding:0; position: relative; }
.widgets-div { margin:0; float:left; width: 86px; background-color: #a2a2a2; color: #ffffff; font-size:13px; font-family: 'Roboto Regular'; text-align:center; line-height:19px; padding: 7px 0; cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.shortcuts-div { margin:0; float:right; width: 86px; background-color: #a2a2a2; color: #ffffff; font-size:13px; font-family: 'Roboto Regular'; text-align:center; line-height:19px; padding: 7px 0; cursor: pointer;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.actvier { background-color: #208bbd !important; cursor: default !important;  }

.settings-block { margin:0 0 10px 0; padding:1%; float:left; width:98%; background-color: #FFFFFF; border: 1px dashed #a2a2a2; height:200px; }
.setting-div { margin:2px 10px 3px 0; float:left; min-width:100px; }
.setting-div input { float:left; margin:3px 8px 0 0; }
.setting-div img { float:left; margin:0px 8px 0 0; height:23px;  width:23px; }
.setting-div label { float:left; color: #3b3b3b; font-family: 'Roboto Regular'; font-size:14px; text-shadow: 0 1px 0 #ffffff; min-width:50px; line-height:23px; }
.setting-div a { float:left; margin-top: 5px; margin-left: 3px; }

.setting-div-1 { margin:2px 10px 3px 0; float:left; /*min-width:100px;*/ }
.setting-div-1 input { float:left; margin:3px 8px 0 0; }
.setting-div-1 label { float:left; color: #3b3b3b; font-family: 'Roboto Regular'; font-size:14px; text-shadow: 0 1px 0 #ffffff; min-width:50px; margin-top: 2px; }
.setting-div-1 a { float:left; margin-top: 5px; margin-left: 3px; }

.close-1 { background:url(../images/close-1.png) no-repeat center; width: 16px; height: 16px; }
.save-div { margin:10px 0; float:left; /*width:350px;  clear:both;*/ }
.cancel-div { margin:10px 0; float:left; /*width:350px;  clear:both;*/ }

.viewlabel{font-family: 'latobold'; width:150px; font-size: 13px;}
.viewvalue{ width:auto;}
.viewvalue{ width:375px; word-wrap: break-word;    font-size: 13px;}
.view_emp_table .viewvalue{ width:280px; word-wrap: break-word;}
.upload_div{height:58px; width:310px; }
.upload_fb_div{margin-bottom:7px; width:100%;}
.left_div{float:left; width:132px; height:50px; position:relative;}
.upload_input{filter: alpha(opacity=0);  opacity:0; width:80px; width:180px\9; height:33px; position:relative; top:-37px; float:left; left:0px;cursor:pointer;}
.upload_button{font-family:'frutiger_lt_std_47_light_cnBd'; font-size:15px; text-align:left; border: 1px solid #cccccc; padding:12px 
10px 8px 10px;background:url(../images/input_field_bg.jpg) repeat-x left top #f5f5f5; text-shadow:0px 1px 0px #fff; display:block; float:left;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px; }
/*.uploadbut{background:url(../images/uploadbutton_new.png) no-repeat; display:block;}
.uploadbutsel{background-position:1px 0; width:181px; height:42px; cursor:pointer; display:block;} */

.uploadbut { color: #208bbd; font-family: 'Roboto Regular'; font-size:14px; text-shadow: 0 1px 0 #ffffff; border: 1px solid #cfcfcf; border-top:0 none; height:20px; text-align: center; padding:4px 0; width:130px;
/*-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;*/
background: #ffffff;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );*/ }

.uploadbut-org { color: #208bbd; font-family: 'Roboto Regular'; font-size:14px; text-shadow: 0 1px 0 #ffffff;  height:19px; text-align: center; padding:4px 0; position:relative; /* top:1px; left:0px; */
 width: 265px; float:left; text-align:  center; /*background-color: #c7c6c6;*/
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/* width: 200px;*/
border: 1px solid #cfcfcf; /*border-top:0;*/
box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.1); 
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); 
}

.uploadbut-resume { color: #208bbd; font-family: 'Roboto Regular'; font-size:14px; text-shadow: 0 1px 0 #ffffff; border: 1px solid #cfcfcf; height:20px; text-align: center; padding:4px 0; width:130px; float:left; background: #ffffff;
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );*/ }

/*.upload-attachment {
	float: left;
	background-color: #e71052;
    color: white;
    border: none;
    cursor: pointer;
    line-height: 30px;
    padding: 0px 12px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    margin-top: 24px;
    }*/

.uploadbut-resume b{ margin-left:10px;}

.upload-attachment {
    background:#fff;
    border: 1px solid #cfcfcf;
    color: #208bbd !important;
    cursor: pointer !important;
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    height: 22px;
    padding: 5px 10px;
    text-align: left;
    text-shadow: 0 1px 0 #ffffff;
    width: 160px;
}

.upload-attachment img{ padding-right:11px; margin: 0 0 0 10px;}

#upload-file { width:150px !important; }


/*.uploadbutsel:hover{background-position:0px 0px; width:181px; height:42px; cursor:pointer; display:block;}*/
.uploadbutnor{background-position:0px 0px; width:181px; height:42px; cursor:pointer; display:block;}
.photo_cover{border:solid #eee 4px; float:right; width:50px; height:50px; overflow:hidden; position:absolute; left: 674px;   border-radius: 5px;}
.imgbrdr{ background-color:#208BBD;margin-right:20px;}
#tabContainer {	width: 100% !important; margin: 5px 0 !important; padding: 0; border: 0 !important; overflow:visible !important; /*overflow: hidden;*/ }
#tabContainer ul.ui-widget-header{ border-left: none !important; }
#loader {/*float: left; margin-right: 6px;margin-top: 6px; */ position: absolute; /*left: 301px;*/ left: 202px; top: 5px;}
#loader-recent {/*float: left; margin-right: 6px;margin-top: 6px; */ position: absolute; left: -31px; top: 5px;}
#loader-shortcut { position:absolute; left:-30px; top: -1px;  }
#orgloaderimg {  position: absolute; right: -34px; text-align: center; top: 20px; width: 26px; }
#loaderimg {  clear:both; margin:0 auto; width:50px; position: absolute; left:145px; top:5px; }
#loaderimgprofile {  clear:both; margin:0 auto; width:126px; position: absolute; top:33px; }
#loader-report { left: 40%; position: absolute; top: 250px; }
.loaderimg {  clear:both; margin:0 auto; width:50px; position: absolute; left:145px; top:5px; }
.loaderimg-candidate {  clear:both; margin:0 auto; width:50px; position: absolute; left:133px; top:5px; }
/*#loader-1 {position: absolute; left: 294px; top: 42px;}*/

/*Alerts Messages CSS Start */
/*.dashboard_msg .ml-alert-1-success:first-child, .dashboard_msg .ml-alert-1-error:first-child, .dashboard_msg .ml-alert-1-info:first-child { margin-top: 0px;} */

.dashboard_msg .ml-alert-1-success, .dashboard_msg .ml-alert-1-error, .dashboard_msg .ml-alert-1-info, 
.dashboard_msg.ml-alert-1-warning   { margin-bottom: 10px; float: left;}


.newframe-div .ml-alert-1-success, .newframe-div .ml-alert-1-error , .newframe-div .ml-alert-1-warning , .newframe-div .ml-alert-1-info{ width: 745px; }
.hierarchypopup .ml-alert-1-info{ width: 313px; }
.ml-alert-1-success {
	/*General*/
	display: block;
	text-decoration: none;
	 margin: 0 auto 22px auto; width: 100%; /* margin:0 auto 20px auto; width:80%;*/
	
	/*Text*/
	font-family:'Roboto Regular', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:300%;
	color:rgb(144,176,94);
	text-align:left;
	text-shadow:0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(241,250,227) 0%,rgb(237,248,218) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(241,250,227)),color-stop(1, rgb(237,248,218)));
	background-image:-webkit-linear-gradient(-90deg,rgb(241,250,227) 0%,rgb(237,248,218) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(241,250,227) 0%,rgb(237,248,218) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(241,250,227) 0%,rgb(237,248,218) 100%);
	background-image:linear-gradient(-90deg,rgb(241,250,227) 0%,rgb(237,248,218) 100%);
	/*width:300px; */ min-width:250px; /*padding-right: 10px;*/
	height:39px;
	border-color:rgb(192,223,147);
	border-width:1px;
/*	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1fae3,endColorstr=#ffedf8da,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1fae3,endColorstr=#ffedf8da,GradientType=0);
	
	/* For jurks set */
	/* position:absolute; left: 40%; top:-44px; */  z-index: 10; text-shadow: 0 1px 0 #ffffff;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}



.ml-alert-1-error {
	/*General*/
	display: block;
	text-decoration: none;
	margin: 0 auto 22px auto; width: 100%;
	
	/*Text*/
	font-family:'Roboto Regular', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:300%;
	color:rgb(166,101,108);
	text-align:left;
	text-shadow:0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	background-image:-moz-linear-gradient(13% 0% -90deg,rgb(255,241,241) 0%,rgb(255,232,232) 100%); 
	background-image:-webkit-gradient(linear,13% 0%,13% 90%,color-stop(0, rgb(255,241,241)),color-stop(1, rgb(255,232,232)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,241,241) 0%,rgb(255,232,232) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,241,241) 0%,rgb(255,232,232) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,241,241) 0%,rgb(255,232,232) 100%);
	background-image:linear-gradient(-90deg,rgb(255,241,241) 0%,rgb(255,232,232) 100%);
	min-width:300px;
	height:39px;
	border-color:rgb(243,173,179);
	border-width:1px;
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;*/
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff1f1,endColorstr=#ffffe8e8,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff1f1,endColorstr=#ffffe8e8,GradientType=0);
	
	
	/* For jurks set */
	/*position:absolute; left: 40%; top:-44px;*/ z-index: 10; text-shadow: 0 1px 0 #ffffff; /*padding-right:10px;*/
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; 

}

.ml-alert-1-warning {
	/*General*/
	display: block;
	text-decoration: none;
	margin: 0 auto 22px auto; width: 100%;
	
	/*Text*/
	font-family:'Roboto Regular', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:300%;
	color:rgb(151,145,97);
	text-align:left;
	text-shadow:0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	background-image:-moz-linear-gradient(13% 0% -90deg,rgb(255,253,241) 0%,rgb(255,252,222) 100%); 
	background-image:-webkit-gradient(linear,13% 0%,13% 90%,color-stop(0, rgb(255,253,241)),color-stop(1, rgb(255,252,222)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,253,241) 0%,rgb(255,252,222) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,253,241) 0%,rgb(255,252,222) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,253,241) 0%,rgb(255,252,222) 100%);
	background-image:linear-gradient(-90deg,rgb(255,253,241) 0%,rgb(255,252,222) 100%);
	width:300px;
	height:39px;
	border-color:rgb(206,200,153);
	border-width:1px;
/*	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffffdf1,endColorstr=#fffffcde,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffffdf1,endColorstr=#fffffcde,GradientType=0);
	
	/* For jurks set */
	position: absolute; left: 40%; top:-44px; z-index: 10; text-shadow: 0 1px 0 #ffffff; }

.ml-alert-1-info {
	/*General*/
	display: block;
	text-decoration: none;
	margin: 0 auto 22px auto; width: 100%;
	
	/*Text*/
	font-family:'Roboto Regular', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:300%;
	color:#538da1;
	text-align:left;
	text-shadow:0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(229,243,249) 0%,rgb(209,244,255) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(229,243,249)),color-stop(1, rgb(209,244,255)));
	background-image:-webkit-linear-gradient(-90deg,rgb(229,243,249) 0%,rgb(209,244,255) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(229,243,249) 0%,rgb(209,244,255) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(229,243,249) 0%,rgb(209,244,255) 100%);
	background-image:linear-gradient(-90deg,rgb(229,243,249) 0%,rgb(209,244,255) 100%);
	/*width:300px;*/
	height:39px;
	border-color:rgb(178,220,235);
	border-width:1px;
/*	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f3f9,endColorstr=#ffd1f4ff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f3f9,endColorstr=#ffd1f4ff,GradientType=0);
	
	/* For jurks set */
	/*position:absolute; left: 40%; top:-40px;*/ z-index: 10; text-shadow: 0 1px 0 #ffffff; /* padding-right: 10px; top:50px; position:relative; width:300px;*/ width:90%; clear:both;
}
.blank_text .ml-alert-1-info { width:100%;}

/*.m1-info-set, .m1-info-set-1, .m1-info-set-2,  .m1-info-set-3  {  left:auto !important; top: 50px !important;  position:relative !important; margin: 0 auto 20px auto !important; padding-right: 12px; }*/
/*.m1-info-set-1 {  left:26% !important; top: -43px !important; width:550px !important; margin: 0 auto !important; padding-right: 12px; }
.m1-info-set-2 {  left:auto !important; top: 50px !important;  position:relative !important; width:auto !important; margin: 0 auto 20px auto !important; padding-right: 12px; }
.m1-info-set-3 {  left:auto !important; top:0px !important;  position:relative !important; width:auto !important; margin: 0 auto 20px auto !important; padding-right: 12px; } */
.sch-info-set {  /*width:420px !important; */ margin: 0 auto 20px auto !important; padding-right: 12px; }
.set-error-popup { top: 74px !important; left: 20% !important; padding-right:15px !important; }
/*.info-set-roles  { width:370px !important; margin: 0 auto 20px auto !important; padding-right: 0px; top: -44px;  }*/
.ml-alert-1-info a { color: #3b3b3b; text-decoration: none; cursor: pointer; }
/*.emp-info-set {  width:510px !important; margin: 0 auto 20px auto !important; padding-right: 12px; top:50px; position: relative; left:0; }*/
.m1-success-set { top: 7px !important; }
.alert-info-set { height:50px;}
.alert-info-set i { font-style: normal; float: left;  line-height: 20px; margin-top: 6px; width: 90%; }
#popupmessage .ml-alert-1-error{position:static !important;}
.style-1-icon, .style-1-close {	width: 20px;	height: 20px;	background: url(../images/style-1-sprite.png) no-repeat;	float: left;	margin: 9px 12px;}
.style-1-close { background: url(../images/style-1-close-sprite.png) no-repeat;	float: right; cursor: pointer;}
.success { background-position: 0px; }
.error { background-position: -20px; }
.warning { background-position: -40px; }
.info { background-position: -60px; }
.validemailicon {  background: url(../images/status.png) no-repeat 4px 4px; padding:4px 4px 4px 22px; height:18px;}

/*Alerts Messages CSS Ends */


#loaderdragimg {  position:absolute; right: -34px; top: 6px; }

/*Browser CSS*/
.logo_medium{ margin:45px 0 70px 0; text-align:center;}
.white_bg_brs{ background-color:#ffffff; -webkit-box-shadow:  0px 0px 15px 0px #bfbfbf; box-shadow:  0px 0px 15px 0px #bfbfbf; min-height:390px; width:788px; margin:0 auto; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; border:1px solid #d8d8d8;}
.white_bg_brs p{ padding:50px 20px 50px 20px; font-family: 'frutiger_lt_std_47_light_cnBd'; font-size: 18px; font-weight: normal; line-height:30px; text-align:center;} 
.brows{ background:url(../images/browsers_button.png) no-repeat; display:block;}
.ie{ background-position:0px 0px; width:137px; height:160px; cursor:pointer; display:block; }
.firebox{background-position:-148px 0px; width:137px; height:160px; cursor:pointer; display:block; }
.safari{background-position:-296px 0px; width:137px; height:160px; cursor:pointer; display:block; }
.chrome{background-position:-445px 0px; width:137px; height:160px; cursor:pointer; display:block; }
.opera{background-position:-593px 0px; width:137px; height:160px; cursor:pointer; display:block; }
.browsdiv{ margin:0 0 0 30px; padding:0 0 0 0;}
.browsdiv li{ list-style:none; margin:0 10px 0 0; float:left;}

.attachments-popup { background-color: #FFFFFF; float: left; margin: 0; padding: 0; width: 100%; }
#AttachmentContainer .heading{ display:none;}
.new-close-tag { cursor: pointer; float: right; margin-top: 4px; }
.button-reset { border:0 !important; background: transparent !important; }
.button-reset  span.ui-icon { top:0 !important; left: 0 !important;  }
.dashboard-grid { float:left; width:100%; margin:0 0 20px 0; padding:0; clear: both; }

#AttachmentContainer iframe { font-family:'Roboto Regular'; height:460px !important; width:100% !important; border: solid #FFFF00 0px;  }
.newtr{  background: #e2e1e1; border: 1px dashed #333333;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; }

body#new-iframe { background: #ffffff !important; }	
.newframe-div { float: left; margin: 10px 16px;* clear:both; position: relative; /*width:96% !important; width:748px !important;*/ }
.newpop-div { float: left; margin: 10px 16px; clear:both;position: relative; width:745px;}
.newframe-div .total-form-controller {margin: 0;}
/*.total-form-controlle-left{ float:left; width:70%}
.total-form-controlle-right{ float:left; width:30%;}*/

.frame-titlebar {
	border-top:1px solid #bbbbbb;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow:   0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow:        0 1px 0 rgba(0, 0, 0, 0.1);
height: 29px;
line-height: 23px;
padding: 0.4em 1em;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

.frame-titlebar span { 	float: left;
	margin: 5px 16px .1em 0;
	color: #3b3b3b;
    font-family: 'Roboto Regular';
    font-size: 18px;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
 }
 
  
 
#new-iframe .ui-scrollable-tabs{ border: 0 none !important; }
#new-iframe .ui-widget-header { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important ; }
#new-iframe .ui-tabs-nav { padding-top: 0; }
#new-iframe .ui-tabs-nav li a { border: 1px solid #ffffff; width: 183px; }
#new-iframe .ui-tabs-nav li a:active, #new-iframe .ui-tabs-nav li.ui-state-active a, #new-iframe .ui-tabs-nav li.ui-state-active a:hover {
border: 1px solid #BBBBBB ; background-color: #ffffff; border-right:0; width: 185px;}
#new-iframe .ui-tabs-panel { float: right; width: 329px; }

/* New Form Css */
.total-form-controller { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
.total-iframe-controller { float: left; margin: 0; padding: 0; width: 99.7%; }

/*.new-form-ui{ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:0; min-height: 55px; min-width:300px; height:85px; position: relative;}*/

.new-form-ui{ float: left; padding: 0px; width: 210px;  color:#3b3b3b; margin:0 15px 0px 0px;  /*height:135px;  height:125px;*/ height:98px; position: relative;}
.new-form-ui label, .grpnamecls label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 13px;  font-weight: normal; height: auto; padding:0; margin:0px 0 2px 0; text-align: left;  float :left; clear: both; min-height:20px;}
.new-form-ui label input[type="radio"] { float:left; }
.new-form-ui label .tooltip { top:2px; position: relative; } 
.new-form-ui label.required:after, .imp-text {  color: red;    content: " *"; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
.new-form-ui .division {float: left;padding: 0;text-align: left;width: 100%;/* min-width: 295px; */position: relative;}
.new-form-ui .division .add-coloum {float: right;width:auto;clear: both;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;font-weight: normal;text-align: left;margin-top:2px;cursor: pointer;margin-right: 10px;}
.new-form-ui input[type="text"], .new-form-ui input[type="password"], .grpnamecls input[type="text"]{ border: 1px solid #c6c6c6; width:184px; float: left; background-color: #ffffff; height:27px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; 
color: #828282; padding:0 8px; /*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);*/ text-align:left;outline:none; 
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; */}

.announcements_link_new a { background: url("../images/attachment-icon.png") no-repeat scroll 0 7px; color: #2980b9; float: left; font-family: 'Roboto Regular', sans-serif; font-size: 14px; font-weight: normal; height: auto;
line-height: 28px; margin: 0; text-decoration:none; overflow: hidden; padding: 0 0 0 20px; text-align: left;text-overflow: ellipsis; white-space: nowrap; width: 250px;}


/*.new-form-ui .division input:-moz-read-only {
    background-color: #f4f4f4;
    background-image: none;
    cursor: default;
}*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
::i-block-chrome, .new-form-ui input[type="text"], .new-form-ui input[type="password"]{ color:#333;}
}
.new-form-ui-submit { float: left; padding: 0px; width: 100%;  color:#3b3b3b; margin:0; clear: both;  }
.new-form-ui-submit input[type="submit"], .new-form-ui-submit input[type="button"], .cancel-set .new-form-ui-submit input[type="submit"], .cancel-set .new-form-ui-submit input[type="button"], .create_new_group {    background-color: #208bbd;
    border: 1px solid #208bbd;
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    /*height: 26px;*/
    padding: 3px 10px 4px 10px;
    font-size: 14px;
/*    text-shadow: 0 1px 0 #006391;*/
    font-family: 'Roboto Regular', sans-serif;
    color: #ffffff;
/*    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    cursor: pointer;
    float: left;
    margin-right: 10px;
/*    text-transform: uppercase;*/
    outline: 0;
    line-height: 20px;
    margin-top: 0 !important;}
.disabled-input input[type="text"]{ background-color: #F4F4F4; cursor: default; }
input[type="button"].rating_help_txt{ background:url(../images/rating_help.png) 3px center transparent no-repeat; padding-left:24px; border:none;  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5) inset;   text-shadow: 0 0 0 #fff;  color: #ea7c2e ; text-transform:none; margin-right: 0px; padding-right: 0px;}
.new-form-ui-submit button#subbutton, .new-form-ui-submit button#submitbuttons ,.new-form-ui-submit button#pdf , .new-form-ui-submit button#previewreport, .new-form-ui-submit button#submit, .new-form-ui-submit #idbtn_discard { /*background-color: #208bbd; border:1px solid #208bbd;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); 
cursor: pointer; float:left; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 20px; margin-top: 0 !important;*/  background-color: #208bbd;
    border: 1px solid #208bbd;
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    /*height: 26px;*/
    padding: 3px 10px 4px 10px;
    font-size: 14px;
/*    text-shadow: 0 1px 0 #006391;*/
    font-family: 'Roboto Regular', sans-serif;
    color: #ffffff;
/*    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    cursor: pointer;
    float: left;
    margin-right: 10px;
/*    text-transform: uppercase;*/
    outline: 0;
    line-height: 20px;
    margin-top: 0 !important;}

.new-form-ui-submit button {background: none transparent;border: 0 none;box-shadow: none;color: #353535;font-family: 'Roboto Regular',sans-serif;font-size: 14px;margin: 11px 0 0 0;padding: 0;text-shadow: none;float: left;text-transform: capitalize;cursor: pointer;line-height: 19px;margin: 3px 0;}	
.new-form-ui-multi button.inputclear,.new-form-ui button.inputclear, .new-form-ui-report button.inputclear{ background: none transparent; border: 0 none;  box-shadow: none;  color: #208BBD; text-decoration: none;  font-family: 'Roboto Regular',sans-serif; font-size: 12px; margin: 0px 0px 0 10px;  padding: 0; text-shadow: none; float: left;  text-transform: capitalize; cursor: pointer; line-height: 19px; }	
.new-form-ui button.inputclear:hover { text-decoration:none; }
.new-form-ui .division .textarea-data-show { padding: 0; text-align: left; width: 183px; float:left; color:#828282;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; word-wrap:break-word; }

.new-form-ui textarea, .appri_textarea, .textarea_two_appri, .appri_textarea_new { border: 1px solid #c6c6c6; width:184px; float: left; background-color: #ffffff; height:40px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px;
 color: #333 !important; /*padding:6px 8px;*/ 
padding: 3px 8px; resize:none; line-height: 20px; outline:none; overflow-y: auto; margin:0;
/*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/ }
.table-textarea textarea{  font-family: 'Roboto Regular',sans-serif; font-size: 13px;border:1px solid #c6c6c6;padding:4px;color: #333 !important;}
.table-textarea textarea:hover{border:1px solid #c6c6c6;}
.requisition-table .new-form-ui textarea, .requisition-table .appri_textarea, .requisition-table .textarea_two_appri { width:85%;}

.employee_appraisal-table textarea.appri_textarea, .employee_appraisal-table textarea.appri_textarea_new{ background:#fff; cursor:auto;   width: 87%;}
.new-form-ui .division .version-display {  border: 1px solid #c6c6c6; width:184px; float: left; background-color: #F4F4F4; height:22px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; 
color: #828282; padding:5px 8px 0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); text-align:left;outline:none; 
-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }


.manditory {  color:#ff0000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }	
.new-form-ui .division label { float: left; margin:0 10px 0 0; clear: right !important; }

.new-form-ui-1{ float: left; padding: 0px; width: 210px;  color:#3b3b3b; margin:0 15px 10px 0px;  /*height:135px; */ min-height:125px; position: relative;}
.new-form-ui-1 label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 13px;  font-weight: normal; height: auto; padding:0; margin:0px 0 2px 0; text-align: left;  float :left; clear: both; min-height:20px;}
.new-form-ui-1 .division { float: left;  padding: 0;   text-align: left;  width: 100%; /* min-width: 295px; */ position: relative; }


#uploaded-file-name-span { float:left; /* width: 100%; clear: both; */ margin-top:4px; color: #828282; font-size:13px; margin-left:15px; }
#uploaded-file-name-span a,.upload-file-display a{ color: #208BBD; text-decoration: none; }
#delete-resume { float:left; margin-left:10px; margin-top:4px; cursor: pointer; }

/*.new-form-ui-multi{ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:0 0 24px 0;  min-width:300px; min-height:55px; position: relative;}*/
.new-form-ui-multi{ float: left; padding: 0px; width: 210px;  color:#3b3b3b; margin:0 15px 0px 0px; min-height:100px; position: relative; height:auto;}
.new-form-ui-multi label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 13px;  font-weight: normal; height: auto; padding:0; margin:0px 0 2px 0; text-align: left;  float :left; /*width:100%; min-width: 225px;*/ clear: both; min-height:20px;}
.new-form-ui-multi label .tooltip { top:2px; position: relative; } 
.new-form-ui-multi label.required:after {  color: red;    content: " *";  }
.new-form-ui-multi .division { float: left;  padding: 0;  text-align: left;  width: 100%; position: relative; }
.new-form-ui-multi .division .add-coloum { float:left; /* width:100%; */ clear: both; font-family: 'Roboto Regular',sans-serif; color: #208BBD;  font-size: 12px;  font-weight: normal; text-align: left; margin-top:2px; cursor: pointer; }
.new-form-ui-multi input[type="text"]{ border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:26px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282;
 padding:0 8px; /*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);*/ line-height:26px; text-align:left; outline:none; 
/*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;*/ }

.id-text label {  color: #208BBD !important; text-transform: capitalize; margin-right: 30px !important;}
.id-text label input[type="checkbox"]{  margin: 0 6px 0 0;  padding: 0; position: relative; top: 2px; }

/*.new-form-ui-multi-1{ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:0;  min-width:300px; min-height:55px; position: relative;}
.new-form-ui-multi-1{ float: left; padding: 0px; width: 200px;  color:#3b3b3b; margin:0 20px 0px 0px; min-height:110px; position: relative;}
.new-form-ui-multi-1 label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left;  clear: both;}
.new-form-ui-multi-1 label .tooltip { top:2px; position: relative; } 
.new-form-ui-multi-1 label.required:after {  color: red;    content: " *";  }
.new-form-ui-multi-1 .division { float: left;  padding: 0;   text-align: left;  width: 100%; position: relative; }
.new-form-ui-multi-1 input[type="text"]{border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:26px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #828282; 
padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:26px; text-align:left; outline:none;  
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }*/


/*.cancel-set .new-form-ui-submit button { background-color: #208bbd; border:1px solid #006391;  
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:left; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 19px; } */

.action-to-page { position: absolute; right:83px; top:24px; }
.action-to-page a { color: #208BBD; text-decoration: none; }
.back-to-page { position: absolute; right:0; top:16px; }
.back-to-page  input[type="submit"], .back-to-page  input[type="button"]{ background-color: #208bbd; border:1px solid #006391;  
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:right; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 20px; }
.action-to-page-1 { position: absolute; right:0px; top:24px; }
.action-to-page-1 a { color: #208BBD; text-decoration: none; }

.data-view-details { clear:both; }
.form-ui, .short-ui{ margin:0; width:50%; min-width:339px; padding:10px 0px; float: left; border-bottom: 1px solid #cccccc;  min-height:19px; }
.form-ui label, .short-ui label { float:left; width:160px; padding-left:10px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; clear: none; margin: 0 10px 0 0; }
.form-ui label b, .short-ui label b{ float:right; font-weight:normal; }
.form-ui .division, .short-ui .division { float:left; /* width:155px; */ width:175px; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; word-wrap: break-word; height:20px; overflow: hidden;  }
.bg-form { background-color: #f4f4f4; }
.form-ui:last-child, .short-ui:last-child { border-bottom: 0 none; }
/*.form-ui .division { float: left;  padding: 0;   text-align: left;  width: 100%; min-width: 295px; position: relative; }*/
.form-ui .division .date-input input[type="text"]{border: 1px solid #c6c6c6; width:155px; float: left; background-color: #ffffff; height:32px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282; padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:30px; text-align:left; outline:none;  }
.short-ui a{  color: #1F8ABC; text-decoration: none; }

.pop-ui{ margin:0; width:364px; padding:10px 0px; float: left; border-bottom: 1px solid #cccccc;  min-height:19px; }
.pop-ui label { float:left; /* width:143px; */ width:140px; padding-left:5px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; clear: none; margin: 0 10px 0 0; word-wrap: break-word;}
.pop-ui label b{ float:right; font-weight:normal; }
.pop-ui .division { float:left; /* width:199px; */ width:202px; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; word-wrap: break-word; }
.pop-ui a{ color: #208BBD; text-decoration: none; }

.pop-ui-1{ margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #cccccc;  min-height:19px; word-wrap: break-word; }
.pop-ui-1 label { float:left; width:18%; padding-left:10px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; clear: none; margin: 0 10px 0 0; word-wrap: break-word; }
.pop-ui-1 label b{ float:right; font-weight:normal; }
.pop-ui-1 .division { float:left; width:75%; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; word-wrap: break-word; }
.pop-ui-1 a{ color: #208BBD; text-decoration: none; }




.form-ui-full, .short-ui-full{ margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #cccccc;  }
.form-ui-full label, .short-ui-full label { float:left; width:10%; min-width:160px;  padding-left:5px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; 
 margin: 0 15px 0 0; }
.form-ui-full label b, .short-ui-full label b{ float:right; font-weight:normal; }
.form-ui-full .division, .short-ui-full .division { float:left; width:89%; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; word-wrap: break-word; }
.form-ui-full:last-child, .short-ui-full:last-child { border-bottom: 0 none; }

.short-ui-full-1{ margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #cccccc;  }
.short-ui-full-1 label { float:left; min-width:10% !important; min-width:160px;  padding-left:5px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; margin: 0 15px 0 0; }
.short-ui-full-1 label b{ float:right; font-weight:normal; }
.short-ui-full-1 .division1 { float:left; min-width:57% !important; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; word-wrap: break-word; }
.short-ui-full-1:last-child { border-bottom: 0 none; }



.requ-action { color: #208BBD; cursor: pointer;  }

/*.company-info { margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #e9e9e9; }
.company-info label { float:left; width:40%; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; }
.company-info label b{ float:right; font-weight:normal; }
.company-info span { float:right; width:53%; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; }
*/



.exp-textarea { border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:35px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282; padding:5px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); resize:none; line-height: 20px; outline:none; overflow-y: auto; }  
.employee_appraisal_details_full .exp-textarea{ width:210px;}
.employee_appraisal-table .exp-textarea { width:82%;}
.separetor-heading { margin:0 0 10px 0; padding:0; clear:both; width:100%; float:left; font-family: 'Roboto Medium',sans-serif; font-size: 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; text-align: left;
 /*border-bottom: 1px dashed #898989;*/ text-transform:uppercase;  }
.separetor-heading span.required:after {  color: #ff0000; content: " *";  }
.separetor-heading_radio { margin:10px 0 20px 0; padding:0 0 5px 0; clear:both; width:100%; float:left;font-family: 'Roboto Regular',sans-serif; font-size: 16px; color: #3b3b3b; text-shadow: 0 1px 0 #ffffff; text-align: left;  border-bottom: 1px dashed #898989; }
.separetor-heading-pop { margin:0; padding:0 0 10px 0; clear:both; width:100%; float:left; font-family: 'Roboto Medium',sans-serif; font-size: 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; text-align: left;
text-transform:uppercase; background-color: #ffffff;  }
.separetor-heading-pop-1 { margin:0; padding:0; clear:both; width:100%; float:left; font-family: 'Roboto Medium',sans-serif; font-size: 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; text-align: left;
text-transform:uppercase; background-color: #ffffff;  }
.separetor-heading-candidate { margin:0 0 1px 0; padding:0; clear:both; width:100%; float:left; font-family: 'Roboto Medium',sans-serif; font-size: 15px; color: #333333; 
text-shadow: 0 1px 0 #ffffff; text-align: left; text-transform:uppercase;  }


.new-form-ui-line {  float: left; padding: 0px; width: 100%;  color:#3b3b3b; margin:0 0 20px 0; min-width:340px; position: relative; text-align: left; clear:both; }

.add-more-form  { cursor:pointer;margin:10px 0; padding:0; clear:both; width:100%; float:left; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #248fc1; text-shadow: 0 1px 0 #ffffff; text-align: right;   }
.add-more-form-1  { cursor:pointer; margin:0; padding:0; clear:both; float:right; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #248fc1; text-shadow: 0 1px 0 #ffffff; text-align: right;   }
.employee-pic { float:left; width:130px; height: 130px; /*margin-bottom: 20px; */}
.employee-pic img { border:1px solid #CFCFCF; width:128px; height: 128px; float: left; }
.employee-pic-emp { float:left; width:130px; /* height: 130px; margin-bottom: 20px; */}
.employee-pic-emp img { border:1px solid #CFCFCF; width:128px; height: 128px; float: left; }

.employee-pic-height { height: 150px !important; }
.top-border { border-top:1px dashed #898989; padding-top:10px;}
.employee-pic-popup-frame { float:left; width: 100%; overflow-y:auto; overflow-x:hidden; height: 335px;  }
.employee-pic-popup-ctrl { width:104px; float:left; /* margin-right:15px; margin-bottom:15px; */ }
.employee-pic-popup { float:left; width:90px; min-height:140px; }
.employee-pic-popup img { border:1px solid #CFCFCF; width:88px; height: 88px; float: left; }
.employee-pic-popup span { font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #3b3b3b; }
.emp-position-set { float:left; width:100%; clear:both; margin-bottom:10px; margin-top:-10px; }
.emp-position-set b.emp-te { font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #3b3b3b; float:left; margin-top: 5px; font-weight: normal; margin-right:10px; }
/* New Css 01-08-2013 */
	
.full-page {  background:#EEEEEE;  border-radius: 5px 5px 5px 5px; float: right;  margin: 0 0 50px;  min-height: 950px; position: relative;  width: 100%;}	
.upload-link { float:left; width:100%; clear:both; text-align: left; color: #3b3b3b;  text-shadow: 0 1px 0 #FFFFFF; }
.upload-link a { color: #208BBD; text-decoration: none; font-family: 'Roboto Medium',sans-serif; font-size: 15px; text-transform:uppercase; }
.upload-link a.act , .upload-link a:hover { color: #333333; }
.upload-link a.act { color: #333333; cursor: default; }

/* company-info Css */

.company-info input[type="text"]{border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:32px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:0 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:30px; text-align:left; outline:none;  }
.company-info textarea { border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:80px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:10px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); resize:none; line-height: 20px; outline:none; overflow-y: auto; }
.edit-btn { margin:0 0 10px 0; clear:both; float:right; width:100%; border-bottom: 1px dotted #d8d8d8; padding-bottom: 5px; }
.edit-btn a{float: right; background-color: #208bbd;border: 1px solid #006391; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* height: 26px; */ padding: 3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color: #ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; margin-right: 10px; text-transform: uppercase; outline: 0; line-height: 20px; margin-top: 0 !important; text-decoration: none;}
.company-heading { margin:20px 0 15px 0; width:100%; padding:0 0 10px 0; float:left; text-align: left; color: #3b3b3b; font-size: 16px; font-family: 'Roboto Regular',sans-serif; clear: both; text-transform:uppercase; border-bottom: 1px solid #989898; text-shadow: 0 1px 0 #ffffff; }
.company-decription {  margin:10px 0 0 0; width:100%; padding:0 0 10px 0; float: left; }
.company-decription label { float:left; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; clear: both; width:100%; margin-bottom:10px;  }
.company-decription span{ float:left; text-align: left; color: #727272; font-size: 14px; font-family: 'Roboto Regular',sans-serif; clear: both; width:100%;  }
.company-decription textarea { border: 1px solid #c6c6c6; width:98%; min-width: 651px; float: left; background-color: #ffffff; height:80px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #afafaf; padding:10px 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); resize:none; line-height: 20px; outline:none; overflow-y: auto; }


.company-info-block .total-form-controller .company-info { border-bottom: 0; }

.company-info-block, .requisitions-block { margin:0; clear: both; padding:1%; float:left; width:98%; border: 1px solid #cfcfcf; background-color: #ffffff; /* min-height:315px; */}
.heading-name { font-family: 'PTSansbold',sans-serif; font-size: 16px; color:#000000; text-align: left; border-bottom: 1px dotted #d8d8d8; padding-bottom: 10px; float:left; width: 100%; clear: both; margin-bottom: 15px; }
.heading-name-1 { font-family: 'PTSansbold',sans-serif; font-size: 15px; color: #000000; text-align: left; border-bottom: 1px dotted #d8d8d8; padding-bottom: 10px; float:left; width: 100%; clear: both; margin-bottom: 15px; text-transform: uppercase; text-shadow: 0 1px 0 #FFFFFF }
.edit-text { margin:0 0 10px 0; clear:both; float:right; width:100%; text-align:right; position: absolute; top: -34px; }
.edit-text a { color: #208bbd; text-decoration: none;}

.organisation-info-block { float:left; width: 100%; clear:both; margin-bottom: 20px;}
.organisation-logo { float:left; width: 20%; min-width: 280px; max-width: 290px; /*text-align:left; background: url(../images/org-logo.jpg) no-repeat center top;*/ 
height:80px; max-height: 150px; margin-top:10px; overflow: hidden; text-align: left; }
.organisation-logo img { text-align: left; margin:15px auto 0 auto; /*width:130px; height: 75px; */}
.organisation-text { text-align:left; font-size: 14px; color: #3b3b3b; line-height:26px; /*float:right;  width: 84%; min-width: 475px; */}
.organisation-text a{ color: #208bbd; clear: both; /* float:right; width: 100%;*/ text-align:right; text-decoration: none; padding-left: 7px; font-weight: normal; font-size: 13px; }
.more-icon { width:6px; height: 8px; background: url(../images/more.png) no-repeat center center; padding:1px 5px 3px 5px; }
.less-icon { width:6px; height: 8px; background: url(../images/less.png) no-repeat center center; padding:1px 5px 3px 5px; }
.domain-more { color: #208bbd; clear: both; text-align:right; text-decoration: none; padding-left: 7px; font-weight: normal; font-size: 13px; }
.more-org {  color: #208bbd; clear: both; float:right; width: 100%; text-align:right;  }
.more-org a { color: #208bbd; text-decoration: none; }
.organisation-text b#so_on { font-weight: normal; }
.org-address-block { float:left; width: 100%; clear:both; margin-bottom: 20px;}
.td-1 { background-color:#f6f6f6; width:40%; min-width:360px; padding: 0;}
.td-2 { background-color:#eeeeee; width:60%; min-width: 310px; padding: 0; display: table-cell; vertical-align:top; }
.company-info { margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #e9e9e9; }
.company-info label { float:left; width:40%; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; }
.company-info label b{ float:right; font-weight:normal; }
.company-info span { float:right; width:52%; word-wrap: break-word; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-right:10px; }
.company-info span a{ color: #208bbd; text-decoration: none; text-align: left; }

.manage-info { margin:0; width:98%; padding:10px 1%; float: left; border-bottom: 1px solid #e9e9e9; background-color: #f6f6f6; text-align: left; line-height: 24px; }
.manage-info label { float:left; width:20%; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left: 10px; }
.manage-info label b{ float:right; font-weight:normal; }
.manage-info span { float:right; width:75%; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; padding-right:10px; }
.manage-info u{font-weight:normal; font-family: 'PTSansbold',sans-serif; font-size:15px;  text-shadow: 0 1px 0 #FFFFFF; color: #333333; text-decoration: none;}
.manage-info a { color: #208bbd; clear: both; /* float:right; width: 100%; */text-align:right; text-decoration: none; padding-left: 7px; }
.manage-info b { font-weight: normal; }

.alter-div{ background-color: #fdfdfd; }
.address-map-total { position: relative; width:100%; clear:both; height: 100%; float:left; overflow: hidden; }
.address-hide-show { position:absolute; top:8px;  right:2px;  cursor: pointer;  z-index:9; }
.address-hide-show span{ background-color: #ffffff; padding:3px 10px; box-shadow: 0 0 2px 0px #999999; margin:0px; color: #666666; font-size: 14px; font-family: 'Roboto Regular',sans-serif;}
.address-hide-show span:hover{background-color: #f5f5f5; color: #000000; }
.add-main{ color: #000000 !important;}
.org-address-control { position: relative; width:100%; clear:both; z-index:8; float:left; }
.address-text { float:left; width: 98%;  margin-left: 2%; clear: both; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; margin-top: 12px; }
.address-block {float:left; width: 98%; clear:both; border-bottom: 1px dotted #cfcfcf;  color: #3b3b3b;  font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-bottom: 10px;
margin:10px 1% 0 1%; line-height: 24px; }
.address-block div { padding-left: 20px; }
.address-block:last-child { border-bottom: 0 none; }

#mapDiv { /*background:url(../images/mapview.jpg) no-repeat left top;*/ background-size:cover; width:100%; min-height:479px; padding:0 !important; margin:0 !important;  }

#menu_accordion .ui-icon { top:20px !important; /*margin-top: 0 !important; */}
#menu_accordion .child_level {  margin-top: -16px !important;  margin-left: -24px !important; }

#formid { float:left; width: 100%; clear: both; line-height: normal; position: relative; }
#formid ul li { list-style: none; /*line-height: normal; padding-top: 8px; padding-bottom: 8px;*/ }


#accordion { width: 100%; clear: both; }
#menu_accordion { width: 100%; clear: both; background-color: #f7f7f7; float:left; margin-bottom: 10px; }
#menu_accordion .ui-widget-content { background-color: transparent !important; border: 0 none !important;}
.right-block-data #menu_accordion { background-color: transparent !important; }
.header_class{ clear: both; float: left; padding-bottom: 11px !important; padding-top: 9px !important; /* width: 100%; */ min-width: 200px; background-color: transparent !important; border: 0 none !important;}
.header_class_one { clear: both; float: left; padding-bottom: 11px !important; /* width: 100%; */ min-width: 200px;  background-color: transparent !important; border: 0 none !important;}
.header_classnone {  clear: both; float: left; padding-bottom: 11px !important; padding-top: 9px !important; /* width: 100%;*/ min-width: 200px; }
.menu_heading1 { float:left; /* width: 250px; */ margin-left: 25px; /* margin-top: 11px; */ color: #1f8abc;}
.menu_heading2 { float:left; /* width: 250px; */  }
.menu_heading3 { float:left; /* width: 250px; */ }
.menu_heading4 { float:left;  /* width: 250px; */ margin-left: 0px; margin-top: 0px; }
.menu_heading5 { float:left; /* width: 250px; */ margin-left: 25px; margin-top: 0px; }
.cls_checkboxes { float:left; margin-top: 2px; }
.cls_menuname {  float: left;  font-size: 13px; font-family: 'Roboto Regular',sans-serif;  overflow: hidden; text-align: left;  /* width: 200px; */ margin-left: 3px;}
.contentdiv { float:left; width: 100%; clear: both; }
.cls_radiobuttons_div { float:left; /*width: 100%; clear: both; */ }
.configure-site-div { text-align: left; }
/*.rad_block_one { float:left; width: 158px; border-right:1px solid #c3c3c3; margin-right: 10px; }
.rad_block_two { float:left; width: 160px; }*/
.permission_div { float:left; margin:0 10px 0 0; /*clear:both;  width:160px;*/ width:145px; }
.permission_radio_div  {float:left; margin:0px 5px; /* clear: both; */ }
.cls_radiobuttons_rd { float:left; margin:6px 2px; padding: 0; }
.permission_div_brdr { border-right:1px solid #c3c3c3; }

.header_class_onenone { float:left; width: 90%; clear: both; margin-bottom: 10px; }

.chlist_one { float:left; width: 90% !important; clear: both;  margin-left: 55px !important; }
.tree_level_ui { float:left; clear: both; width: 90%; margin-left: 25px; }
.tree_level_ui li { float:left; clear: both; margin-left: 5px;  margin-bottom: 11px; list-style:none; line-height:16px;  }

.cls_radiobuttons_div { background-color:#fdfdfd; border: 1px dotted #898989; float:left; clear:both; padding:10px; margin: 10px 0 10px 23px; position: relative;/* width:341px;*/ width:312px;
/* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */}
.arrow_img_cls { background:url(../images/arrow_img_cls.png) no-repeat left top; width:16px; height: 12px; position: absolute; top:-12px;  }
.header_class .cls_radiobuttons_div{ margin-left: 55px !important;}
.header_class_one .cls_radiobuttons_div{ margin-left: 23px !important;}
.header_classnone .cls_radiobuttons_div{ margin-left: 50px !important;}

.radio_titles , .radio_value_name { font-size: 13px; font-family: 'Roboto Regular',sans-serif;  float:left; margin-top:4px; font-size: 13px; color: #228dbf;}



/*
.confige-sprite { background:url(../images/configure-site-sprite.png); }
.site-config-icon { background-position: 0 0; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px;  margin-top: 4px;}
.site-config-icon:hover, .site-config-icon-selected { background-position: 0 -33px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px;  margin-top: 4px;}

.manage-icon { background-position: 0 -68px;  background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-top: 4px;}
a:hover.man-hover, .manage-icon:hover,  .manage-icon-selected{ background-position: 0 -101px; background-repeat:no-repeat; float:left; height:29px;  padding: 2px 15px 0 35px;   margin-top: 4px;}

.prefi-icon { background-position: 0 -137px;  background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px;  margin-top: 4px;}
a:hover.prefi-icon, .prefi-icon:hover, .prefi-icon-selected { background-position: 0 -173px; background-repeat:no-repeat; float:left; height:29px; padding: 2px 15px 0 35px; margin-left: 10px;  margin-top: 4px; }

*/

.confige-sprite { background:url(../images/configure-site-sprite.png); }
.site-config-icon { background-position: center 0; background-repeat:no-repeat; float:left; height:33px; width: 100%;}
.site-config-icon:hover, .site-config-icon-selected, .confi-menu ul li a:hover .site-config-icon { background-position: center -45px; background-repeat:no-repeat; float:left; height:33px; width: 100%;}

.manage-icon { background-position:center -89px;  background-repeat:no-repeat; float:left; height:33px; width: 100%;}
a:hover.man-hover, .manage-icon:hover,  .manage-icon-selected , .confi-menu ul li a:hover .manage-icon{ background-position: center -134px; background-repeat:no-repeat; float:left; height:33px; width: 100%; }

.prefi-icon { background-position: center -180px;  background-repeat:no-repeat; float:left; height:33px; width: 100%;}
a:hover.prefi-icon, .prefi-icon:hover, .prefi-icon-selected, .confi-menu ul li a:hover .prefi-icon { background-position: center -228px; background-repeat:no-repeat; float:left; height:33px; width: 100%; }


.confi-menu { float: left; width: 100%; clear:both; margin:0; }
.confi-menu ul { float: left; width: 100%; clear:both; margin:0; }
.confi-menu ul li { float:left; margin:0 2px 0 0; padding:0; list-style: none; font-family: 'Roboto Regular', sans-serif; font-size: 15px; position: relative; height: 72px; z-index:10; }
.confi-menu ul li p{ float:left; width:100%; list-style: none; text-align:center; margin:0px;}
.confi-menu ul li a { color: #727171; text-decoration: none; text-shadow: 0 1px 0 #ffffff; float:left; padding:9px 20px;  border: 1px solid #EEEEEE; border-bottom:0; }
.confi-menu ul li a:hover { border: 1px solid #EEEEEE; border-bottom:0;  color: #208bbd; text-shadow: 0 1px 0 #ffffff; text-decoration: none;}
.confi-menu ul li a.selected{ border: 1px solid #BBBBBB; border-bottom:0;  color: #208bbd; text-shadow: 0 1px 0 #ffffff; text-decoration: none;  background-color: #ffffff;  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.confi-block-1 { float:left; width: 100%; background-color: #ffffff; border: 1px solid #BBBBBB;  position: relative; z-index:0;
-webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; padding: 10px 0; }
.confi-block-2{ float:left; width: 100%; background-color: #ffffff; border: 1px solid #BBBBBB;  position: relative; z-index:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0; }
.confi-total-detail { width: 98%; margin:0 auto; clear:both; }

.confi-body { float:left; width:100%; margin:10px 0; padding:0; }
.config-form { float:right; width:80%; margin:0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #c4c4c4; min-width: 600px; min-height: 450px; }
.form-body { margin:0; padding:0; width: 100%; float:left; clear: both; }
.form-body-header { float:left; clear:both; width:100%; color: #3b3b3b; font-size:15px; font-family: 'Roboto Regular', sans-serif; text-shadow: 0 1px 0 #ffffff; text-align:left; margin-bottom: 10px; }
.form-content { float:left; clear:both; width:100%; color: #3b3b3b; font-size:14px; font-family: 'Roboto Regular', sans-serif; }
.privileges-note { float: left; width:100%; clear: both; font-size:13px; font-family: 'Roboto Regular', sans-serif; text-align:left; color: #909090; /* color: #538da1; */ }
.agency-note { float: left; width:100%; clear: both; font-size:13px; font-family: 'Roboto Regular', sans-serif; text-align:left; color: #909090; margin: 10px 0; }
/* Accordine menu Css*/
#acdnmenu ul.acdnTop li:last-child { /*border-bottom: 1px solid #000000; */ border-bottom: 1px solid #dddddd; }
#acdnmenu ul.acdnTop ul.acdnSub li:last-child { border-bottom: 0 none !important; }
ul.acdnSub li:last-child a{ border-bottom: 0 none !important; }

#acdnmenu {width: 300px; margin: 0px; padding:0; float:left; }
#acdnmenu ul.acdnTop {display: block;/*border: 1px solid #D8E2F3;*/background: none repeat scroll 0 0 #FFFFFF;padding-left: 0;}
#acdnmenu div.acdnHeading, #acdnmenu a.acdnLink {
/* background: url(../images/wild_oliva.png) repeat scroll 0 0 transparent; border: 1px solid #000000; border-bottom: 0; box-shadow: 0 1px 0 0 #686868 inset; height: 13px; margin: 0 auto;
color: #ffffff; font-family: 'Roboto Regular', sans-serif; font-size: 14px; text-shadow: 0 1px 0 #000000;  outline: medium none; padding: 10px; text-align: left; text-decoration: none; */
border: 1px solid #dddddd;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,240,240,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(241,240,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,240,240,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,240,240,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,240,240,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,240,240,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f0',GradientType=0 ); /* IE6-9 */ 

height: 13px; margin: 0 auto; border-bottom: 0;
color: #4e4e4e; font-family: Roboto, sans-serif; font-size: 14px; text-shadow: 0 1px 0 #ffffff;  outline: medium none; padding: 10px; text-align: left; text-decoration: none; }
#acdnmenu div.acdnCurrent, #acdnmenu div:hover{ /* color: #ffffff; */ color: #171616; font-weight: normal; text-decoration: none; }
#acdnmenu ul.acdnSub a.acdnLink:hover, #acdnmenu div.acdnCurrent a.acdnLink  { background-color: #edecec !important; color: #3b3b3b !important; text-decoration: none;  }
#acdnmenu a.acdnCurrent, #acdnmenu a.acdnCurrent:hover { color: #336699; text-decoration: none; }
#acdnmenu div.acdnArrowImage { background-image: url(../images/arrows.png); /* background-position: 0 0; */ background-position: 0 -48px; background-repeat: no-repeat;  height: 12px; right: 10px; top: 13px; width: 8px; }
#acdnmenu div.acdnCurrent div.acdnArrowImage { /* background-position: 0 -16px; */ background-position: 0 -65px;}
#acdnmenu li.acdnSeparator { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 0px; }
#acdnmenu ul.acdnSub { /*padding-left: 14px; */ }
#acdnmenu ul.acdnSub div.acdnHeading { background: none repeat scroll 0 0 transparent; color: #000000; font: 12px Arial; padding: 5px 5px 5px 20px; text-align: left; }
#acdnmenu ul.acdnSub div.acdnHeading a { color: #000000; }
#acdnmenu ul.acdnSub div.acdnCurrent { background: none repeat scroll 0 0 transparent; color: #000000; }
#acdnmenu ul.acdnSub a.acdnLink { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #ebebeb !important; border:0;  box-shadow: 0 0px 0 0 #686868 inset;
color: #808181; text-shadow: 0 0px 0 #000000 !important; padding: 10px 20px; text-decoration: none; }
#acdnmenu ul.acdnSub a.acdnLink:hover, #acdnmenu ul.acdnSub a.acdnCurrent, #acdnmenu ul.acdnSub div.acdnHeading a:hover, #acdnmenu ul.acdnSub div.acdnHeading a.acdnCurrent {
background: none repeat scroll 0 0 transparent; color: #000000; }

#acdnmenu ul li a:hover.acdnLink { /* color: #ffffff !important; */ color: #171616 !important; }
/* #acdnmenu ul.acdnSub div.acdnArrowImage { background-image: url("arrows.gif"); background-position: 0 -24px; height: 12px; left: 4px; top: 6px; width: 12px; }
#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage { background-position: 0 -36px; } */
#acdnmenu, #acdnmenu ul { display: block; font-size: 0; line-height: 0; }
#acdnmenu li { font-size: 12px; line-height: 16px; }
#acdnmenu:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#acdnmenu ul { list-style-type: none; margin: 0px; overflow: hidden;  padding: 0px; position: relative; top: 0px; display: none; }
#acdnmenu li { margin: 0px; padding: 0px; }
#acdnmenu div.acdnHeading{ cursor: pointer; position: relative; }
#acdnmenu div.acdnCurrent { cursor: pointer; position: relative; border-bottom: 1px solid #dddddd; }
#acdnmenu div.acdnArrowImage { overflow:  hidden; position: absolute; }
#acdnmenu ul.acdnSub li.active a.acdnLink{ background: #e5e5e5 url(../images/arrows-active.png) no-repeat 96% center !important; color: #000000 !important; text-decoration: none; }

.managemenu-list { float:left; width: 49%; min-width: 450px; margin:0; border-bottom: 1px dotted #d8d8d8; margin: 10px 1% 0px 0; padding-bottom: 10px; }
.managemenu-list p{ float:left; font-family: 'Roboto Regular', sans-serif; font-size: 14px; color: #3b3b3b; text-shadow: 0 1px 0 #ffffff; margin:0; padding:0; } 
.managemenu-list span { float:right; }
.managemenu-list span a { margin-right: 10px; }
.active-data-now { background-position:0 -280px; float:left; width:20px; height:16px; }
.active-data{ background-position:0 -306px; float:left; width:20px; height:16px; }
.deactive-data-now { background-position:0 -332px; float:left; width:20px; height:16px; }
.deactive-data { background-position:0 -358px; float:left; width:20px; height:16px; }
.loca_state_div .select2-container-multi, .loca_state_div .select2-container.selectoption{float:left;   margin-right: 10px;}

#grayout { width:99.5% !important; clear:both; margin:0; padding:0;  background: #ffffff !important; border: 1px solid #cfcfcf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
overflow-y: auto; overflow:auto;}
#DepartmentContainer .heading{ display: none; }
.container_left .division .select2-container{float: left; margin-right: 6px;}
/*.roles-div-control { margin:0; float:left; width:100%;}
.group_disp_div { margin:0; float:left; width: 20%; min-width:230px; }
.group_disp_div ul.group_disp_ul li{ float:left; background-color: #A2A2A2;  color: #ffffff; font-size:13px; font-family: 'Roboto Regular'; text-align:center;   padding: 2px 13px; border-right:1px solid #fff; height: 26px; line-height: 25px !important; cursor:pointer; }
.group_disp_div ul.group_disp_ul li:last-child{ border-right:none; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.group_disp_div ul.group_disp_ul li#idgroup1{-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.group_disp_div ul.group_disp_ul{   float: left;    height: 30px;   margin-bottom: 13px;}
.group_disp_div ul.group_disp_ul li.group_selected_cls{  background-color: #208BBD !important; cursor:cursor;} */
#helptext.helptext{float: left;  margin-left: 7px;    margin-top: 3px; font-size: 12px; color: #909090;}
.password_hint{float: left;text-align: left;/* margin-left: 307px; margin-top: -56px;  width: 506px; */ width:100%;  margin-bottom: 10px; /*margin-top: -15px;*/ color: #909090;  font-size: 13px;    line-height: 18px;}
.hint-new{float: left;text-align: justify; /* margin-left: 307px; margin-top: -56px;  width: 506px; */ width:100%; color: #909090;  font-size: 13px;    line-height: 18px;}
.managemenus_wrapper{ min-height:100%;}
.managemenus_wrapper .ui-accordion .ui-accordion-header{ float:left; width:auto;}
.business_units_iframe #helptext.helptext{margin-top: -4px; margin-left: 0px; height: 15px;}
.business_units_iframe .new-form-ui{ /*height: 94px;*/}
#grid_holidaydates{margin-top: 20px;}
.company-info .password_hint_view{font-size: 12px; color: #909090;    line-height: 16px;    margin-top: 11px;}
.company-info-block .nodatatext{  color: #585858;    display: block;    float: left;    font-size: 15px;    margin-top: 40px;    text-align: center;    width: 100% }

.address-show { float:left; margin:0 20px 20px 0; font-size:14px; font-family: 'Roboto Regular'; color:#3b3b3b; width: 40%;}
.address-show span { float:left; clear: both; width: 100%; margin:0 0 0px 0; text-align: left; line-height: 24px; }
.address-show span b { padding-right: 10px; font-weight: normal; }
#compDetailsDiv { float:left; width: 100%; clear:both; margin:0; }
.all-bg-ctrl { float:left; width: 96%; padding:2%; border: 1px solid #cfcfcf; background-color: #ffffff; margin:0px 0 20px 0; position: relative;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  */}
.emp-screen-view { float:left; width: 100%; clear:both; }
.number-add input[type=button]{ background:url(../images/add-contact.png) no-repeat left center;  border: 0 none;  box-shadow: none;  color: #208BBD;  font-family: 'Roboto Regular',sans-serif;
font-size: 14px; margin-top: 4px;  padding: 0 0 0 12px; text-shadow: none; float: left;  text-transform: capitalize; cursor: pointer; }	
/*.number-add input[type=submit]:hover { color: #3b3b3b; }*/

.number-edit input[type=button]{ background:url(../images/edit-contact.png) no-repeat left center;  border: 0 none;  box-shadow: none;  color: #208BBD;  font-family: 'Roboto Regular',sans-serif; 
font-size: 14px; margin-top: 4px;  padding: 0 0 0 15px; text-shadow: none; float: left;  text-transform: capitalize; cursor: pointer; }	
/*.number-edit input[type=submit]:hover { color: #3b3b3b; }*/

.display-img-div { float:left; min-width: 150px; position: relative; width:10%; }
#personalDetailsDiv { float:left; width:89%; min-width:400px; }
#personalDetailsDiv p { float:left; width: 100%; clear:both; margin:0 0 6px 0; padding-bottom:7px; border-bottom: 1px dashed #b1b1b1; }
#personalDetailsDiv p:last-child { border-bottom: 0 none !important; padding-bottom: 0; margin-bottom: 0; }
#personalDetailsDiv b { float:left; min-width:140px; margin:0 0 0px 10px; text-align: left; line-height: 24px; font-weight: normal; font-size: 14px; font-family: 'Roboto Regular',sans-serif; 
text-shadow: 0 1px 0 #FFFFFF; color: #000000; width:10%; }
#personalDetailsDiv b i{ float:right; font-style: normal; }
#personalDetailsDiv span { float:left; margin:0 0 0px 15px; text-align: left; color: #3b3b3b; line-height: 24px; font-size: 14px; text-shadow: 0 1px 0 #FFFFFF; }
#personalDetailsDiv span.bold-text { font-family:'Roboto Medium' ,sans-serif;  }
#personalDetailsDiv span input#act_inact{ margin:7px 0 0 0; }
#personalDetailsDiv span u{ float:left; margin:0 5px 0px 0; text-align: left; color: #3b3b3b; line-height: 24px; font-size: 14px; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none; }
#personalDetailsDiv span a{ color: #208BBD; text-decoration: none; text-align: left; }
.org-head-icon { float:left; margin-left: 0px; }
#personalDetailsDiv span.org-head-div{margin-right: 58px; margin-left: 0px;}
.change_orgn_head{float: left; margin-top: 2px; margin-left: 11px;  color: #208bbd;    text-align: left;    text-decoration: none;}
.emp-name-span { font-weight: normal; text-transform:capitalize;   width: 27%;    word-wrap: break-word;  }
.background-check-div { float:left; width: 100%; clear:both; margin:5px 0 0px 0; }
.check-div-inputs { float:left; width: 100%; clear:both;/* margin-bottom: 15px; */}
.check-div-inputs label { float:left; margin-right: 30px; text-transform: capitalize; color: #208bbd; margin-bottom:6px; text-align: left; font-family: 'Roboto Regular',sans-serif; font-size:13px;  }
.check-div-inputs label input[type="checkbox"] { margin:0 6px 0 0; padding:0; position: relative; top: 2px; }
.emp-check-div-inputs { float:left; width: 100%; clear:both;/* margin-bottom: 15px; */}
.emp-check-div-inputs label { float:left; margin-right: 5px; text-transform: capitalize; color: #208bbd; margin-bottom:10px; min-width:220px; text-align: left; width: 15%; font-family: 'Roboto Regular',sans-serif; font-size:13px; }
.emp-check-div-inputs label input[type="checkbox"] { margin:0 6px 0 0; padding:0; position: relative; top: 2px; }
.agency-selecters { float:left; width:100%; clear: both; margin: 10px 0; }
.left-block-ui-data { float:left; text-align:left;}
.agency-ui { float:left; width:100%; }
.agency-ui ul { float:left; width:100%; }
.agency-ui ul li{ float:left; width:209px; clear: both; text-align: left;line-height:25px; /* padding: 10px;*/ padding: 7px 10px; color: #3b3b3b; font-family: 'Roboto Regular',sans-serif; font-size:14px; position: relative; list-style: none; /*border: 1px solid #eeeeee;*/ border-right:0; word-wrap: break-word; }
.requisitions-block .poc-ui-data-control .agency-ui ul li{ border: 1px solid #ffffff; border-right:0;}
.agency-ui ul li:hover { color: #1F8ABC; cursor: pointer;}
.agency-ui ul li a{ color: #3b3b3b; text-decoration: none;}
.agency-ui ul li a:hover{ color: #1F8ABC; text-decoration: none;}
.agency-ui ul li.active, .group_selected_cls { background-color: #ffffff; color: #1F8ABC !important; border: 1px solid #cfcfcf !important; border-right:0px none !important; cursor: default; width:210px !important; 
 /*-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; */}
.agency-ui ul li.active a { color: #1F8ABC !important; }
.agency-ui ul li.active:hover { cursor: default; }
.agency-ui ul.new-agency-li  li:hover { cursor: default; color: #3b3b3b; }
.agency-ui ul.new-agency-li  li  span:hover{ color: #1F8ABC; cursor: pointer; }
.right-block-data { float:left; border:1px solid #cfcfcf; padding: 10px 15px; background-color: #ffffff; min-height: 388px; /*-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;*/ }
#tabs .right-block-data { /*min-height: 435px; */ min-height:350px; }
.popup-agency-selecters .right-block-data { min-height: 270px; }
#mydetails-height .right-block-data {/*min-height: 636px; min-height:552px;  min-height: 634px; */min-height: 780px;margin-top: -5px;}
#hr-employee-height .right-block-data { /*min-height: 1012px; min-height:880px; */ min-height: 962px; }
.right-block-data.my_team_right_view{min-height: 388px;}

.agency-ui ul.group_disp_ul li:hover { color: #3b3b3b; cursor: default; }
.agency-ui-over ul.group_disp_ul li:hover { color: #1F8ABC; cursor: pointer; }

.right-over-border { -webkit-border-top-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; border-top-left-radius: 0 !important; }
.right-over-bottom-border { border-bottom-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0 !important; }
.primaryset { float:left; width:100%; clear: both; margin: 0px; text-align: left; color: #171717; font-size: 15px; }
.primaryset input[type="radio"]{ margin:0 5px 0 0; padding:0; top: 2px; position: relative; }
.contactset { float:left; width:100%; clear: both; margin: 0 0 10px 0; text-align: left; border-bottom: 1px dashed #989898; padding: 0 0 10px 0; color: #3b3b3b; font-size: 15px; }
.contactset:last-child { border-bottom: 0px none; }
.contactset span { float:left; clear: both; width: 90%; margin:0 0 0px 24px; text-align: left; line-height: 24px; color: #3b3b3b; font-size:14px; word-wrap: break-word; }
.contactset span a { text-decoration: none; color: #208bbd; }
.popup-agency-selecters { float:left; width:100%; clear: both; /*margin: 15px 0 0 0;*/ margin: 2px 0;}
.popup-agency-selecters .left-block-ui-data { float:left; width:223px !important; min-width: 220px; }
.popup-agency-selecters .right-block-data { float:left; width: 493px !important; min-width: 415px; }
.popup-agency-selecters .agency-ui ul li.active { /*background-color: #eeeeee;*/ color: #1F8ABC; border: 1px solid #cfcfcf; border-right:0px none; /*padding: 10px 3px 10px 10px;*/ padding: 7px 3px 7px 10px; width:210px; 
 -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.popup-agency-selecters .agency-ui ul li{ border: 1px solid #ffffff; border-right:0; width: 202px; word-wrap: break-word; }


.fltleft-set { float:left; width: 220px; }
.fltright-set { float:left; width:50%; }
.clear-mail { float:left; width:100%; clear:both; }
.clear-mail span { float:left; clear: none; margin:0 0 0px 10px; text-align: left; line-height: 24px; color: #3b3b3b; font-size:14px; word-wrap: break-word; width: auto !important; }
.clear-mail b { float:left; clear: none; margin:0 0 0px 24px; text-align: left; line-height: 24px; color: #3b3b3b; font-size:14px; word-wrap: break-word; font-weight: normal; }


.site-info { margin:0; width:100%; padding:10px 0px; float: left; border-bottom: 1px solid #e9e9e9; }
.site-info label { float:left; width:15%; min-width: 150px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; }
.site-info label b{ float:right; font-weight:normal; }
.site-info span { float:left; width:74%; min-width: 480px; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:2%; }
.site-info a { color: #208BBD; text-decoration: none;}
.password_hint_view { clear: both; color: #777575; font-size:13px; }

.emp-info { margin:0; width:50%; padding:10px 0px; float: left; border-bottom: 1px solid #e9e9e9; min-height:20px; }
.emp-info label { float:left; width:30%; min-width: 250px; text-align: left; color: #000000; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:10px; }
.emp-info label b{ float:right; font-weight:normal; }
.emp-info span { float:left; width:10%; min-width: 60px; text-align: left; color: #3b3b3b; font-size: 14px; font-family: 'Roboto Regular',sans-serif; padding-left:2%; }

.btm-brdr-hide { border-bottom: 0 none !important; }
.submit-setup { position:absolute; top:39px; left: 314px; }
.submit-setup-1 { position:absolute; top:31px; left: 230px; /* left: 314px; */}
.comments-submit-setup { position:absolute; top:104px; left: 230px; /* left: 314px; */}
.empedit-submit-setup { position:absolute; top:24px; left: 230px; width:150px !important; }
.sche-submit-setup { position:absolute; top:53px; left: 450px; width:150px !important; }

.commentsdiv { position: relative; margin:-23px 0 0 0; float:right; text-align:right; }
.commentsdiv span { color: #228DBF; font-size: 14px; font-family: 'Roboto Regular',sans-serif; }
.view-bg-data { float:left; /*width: 100%;*/ width:746px; background:url(../images/view-bg-data.jpg) repeat-y left top;  }
.left-bg-data { float:left; width: 364px; }
.right-bg-data { float:right; width: 362px;}
.upload-file-display { float:left; width:100%; background-color: #ffffff; padding:0 0 10px 0; color: #909090; text-align: left; 
font-size: 13px; font-style: normal; font-family: 'Roboto Regular',sans-serif; font-weight: normal; word-wrap:break-word; }

#commentsArea { position: relative; margin:0; width: 100%; float:left; background-color: #f4f4f4; }
.onediv { position: relative;  margin:0; width: 343px; padding:10px; float:left; color: #3b3b3b; border-bottom: 1px dotted #d2d2d2; /* background-color: #f2f1f1; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */}
.twodiv { position: relative; margin:0; width: 343px; padding:10px; float:left; color: #3b3b3b; border-bottom: 1px dotted #d2d2d2; /*background-color: #e5e4e4;   
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */}
.onediv b, .twodiv b { color: #3b3b3b;  font-size: 14px; font-family: 'PTSansbold',sans-serif; font-weight: normal; text-transform:capitalize; float:left; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; }
.onediv i, .twodiv i { color: #908f8f;  font-size: 13px; font-style: normal; font-family: 'Roboto Regular',sans-serif; font-weight: normal; float:right; text-shadow: 0 1px 0 #FFFFFF; }
.onediv span, .twodiv span { color: #3b3b3b; font-size: 13px; font-family: 'Roboto Regular',sans-serif; clear:both; width:100%; float:left; word-wrap:break-word; margin-top:5px; line-height:22px; }
.onediv:last-child, .twodiv:last-child {  border-bottom: 0 none; }

.note { float:right; width: 50%; color: #208BBD; font-size:12px; margin: 0 0 10px 0; text-align: right; }
.note-1 { float:right; width: 50%; color: #208BBD; font-size:12px; margin: 10px 0 10px 0; text-align: right; }
.roles-note { float:right; width: 50%; color: #228DBF; font-size:12px; margin: 0 0 10px 0; text-align: right; font-size:13px;  }
.new-details-ui{ float: left; padding: 0px; width: 50%;  color:#3b3b3b; margin:0; min-width:340px; position: relative; margin-bottom: 10px;}
.new-details-ui label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:1px 10px 8px 0; text-align: left;  float :left;}
.new-details-ui .textshow { float: left;  padding: 0;   text-align: left; position: relative; font-family: 'PTSansbold',sans-serif; color: #3b3b3b;  font-size: 16px; text-transform: capitalize; }
.new-form-ui-setter { clear:none !important; width: 40% !important; }
#chooseagency, .poc-ui-data-control {width : 100%; float:left;}
.notconfigure { margin:10px 0; padding:0; width: 100%; clear:both; font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 14px;  font-weight: normal; }
.notconfigure a { color: #208bbd; text-decoration: none; }
#upload-comments-file { background-color: #ffffff; float:left; width:100%; min-height:53px; }
#postcommentdiv { width: 100%; height: 130px; position: relative; /*margin-top: 20px; */ background-color: #ffffff; float:left; }
#postcommentdiv .division { height: 80px; float:left;}
#postcommentdiv textarea { width:344px !important; height: 46px !important;  /*margin-bottom: 10px;*/
border: 1px solid #c6c6c6; float: left; background-color: #ffffff; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282; padding:6px 8px;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); resize:none; line-height: 20px; outline:none; overflow-y: auto; }
.no-comments-view { background-color: #ffffff; float:left; width:364px; height: 289px; /* padding-top: 30px;*/ text-align: left; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #909090;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.no-comments-view { height: 291px; }
}
.no-comments-edit { background-color: #ffffff; float:left; width:364px; height:83px; /* height: 141px; padding-top: 30px;*/ text-align: left; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #3b3b3b;}
.files-note { text-align: left; color: #909090; font-weight: normal; font-size:12px;  width: 100%; clear:both; float:left; background-color: #ffffff; padding-bottom:10px;  } 
#resppdiv {  left: 70px; top: -69px !important }
.work-address { float:left; text-align: left; width: 100%; clear:both; margin-bottom:10px; }

.greendata { color: green; }
.reddata { color: red; }
.greendataClass { color: green; font-family: 'PTSansbold',sans-serif; font-size:14px; }

.ui-dialog iframe{ height:480px; width:100%; }
.norecords {  height: 23px; padding: 5px 10px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #847c3c; text-shadow: 0 1px 0 #FFFFFF; border: 1px solid #CEC899; background-color:#FFFCDE; width:50%; min-width:500px; margin:5px auto; text-align: center; clear: both; line-height: 22px; }
#personaldatadiv { float:left;width:100%; }

.s-ico { float: left; margin-left: 3px; margin-top: 7px; position:absolute; }
/*.ui-icon {  background-image: url(../images/use-order.png); }
.ui-icon-asc { height: 12px; margin-top: 3px; }
.ui-icon-triangle-1-n { background-position: -8px -328px; }
.ui-icon-desc { height: 12px; margin-top: 9px; }
.ui-icon-triangle-1-s { background-position: 5px -326px; } */


.switch { float:left; width: 126px; }
.employee-pic-emp .switch { float:left; width: 124px; margin:10px 0 0 6px; }
.disblemode { background-color: #f4f4f4; width:116px !important; height:28px; border:1px solid #dedede;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.disblemode label span{ color: #999999;  }
.disblemode .cb-enable, .disblemode .cb-disable, .disblemode .cb-enable span, .disblemode .cb-disable span{ background: none transparent; }
.disblemode .cb-enable span, .disblemode .cb-disable span{ background: none transparent; padding: 1px 9px; }
.disblemode .cb-enable span, .disblemode .cb-disable span{ line-height: 25px; }
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { /*line-height: 30px;*/ line-height: 28px; display: block; background-repeat: no-repeat; font-family: 'Roboto Regular',sans-serif; font-size: 13px; cursor: pointer; }
.cb-enable span { background-position: left -90px; padding: 1px 10px; }
.cb-disable span { background-position: right -180px;padding: 1px 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; cursor: default; }
.switch label { cursor: pointer; }
.switch input { display: none; }

.manage-menu-circuit {  /* width:519px; */ width:528px;  height:519px; margin:100px auto 0 auto;  position:relative; background:url(../images/manage-menu/menu-main-circle.png) no-repeat center center;
/*width: 518px;
height: 518px;
-webkit-border-radius: 518px;
-moz-border-radius: 518px;
border-radius: 518px;
background-color: #dddddd; 
border: 1px solid #ffffff;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1); width: 521px; height:520px; background: url(../images/manage-menu/menu-main-circle.png) no-repeat left center; position: relative;*/
}
/*.manage-menu-level-1 { margin:14px;  position:relative;
width: 489px;
height: 489px;
-webkit-border-radius: 489px;
-moz-border-radius: 489px;
border-radius: 489px;
background-color: #fcfcfc; 
border: 1px solid #bfbfbf;
}
.manage-menu-level-2 { margin:125px; position:relative;
width: 240px;
height: 240px;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
border-radius: 240px;
background-color: #e1e1e1; 
border: 1px solid #ffffff;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}*/
.manage-menu-level-3 { margin:17px; width: 205px; height: 205px;
/*-webkit-border-radius: 205px;
-moz-border-radius: 205px;
border-radius: 205px;
background-color: #eeeeee; border: 1px solid #bfbfbf;*/
}


.hrms-text { position: absolute; font-family: 'Roboto Regular',sans-serif; font-size: 18px; top: 248px; width: 100%; color: #2f2f2f; }
.compli-menu { height: 40px; position: absolute; right: 38px; top: 49px; width: 50px; display:block; cursor: pointer; z-index:9; }
.reports-menu {height: 40px; position: absolute; right:46px; top: 39px; width: 50px; display:block; cursor: pointer; z-index:8; }
.time-menu { height: 40px; position: absolute; right:41px; top: 94px; width: 50px; display:block; cursor: pointer; z-index:7; }
.benefits-menu { height: 40px; position: absolute; right:38px; top: 66px; width: 50px; display:block; cursor: pointer; z-index:6; }
.pa-menu {  height: 40px; position: absolute; left:37px; top: 70px; width: 50px; display:block; cursor: pointer; z-index:5; }
.resource-menu {height: 40px; position: absolute; left:43px; top: 88px; width: 50px; display:block; cursor: pointer; z-index:4; }
.bgchk-menu {  height: 40px; position: absolute; left:46px; top: 36px; width: 50px; display:block; cursor: pointer; z-index:3; }
.staffing-menu { height: 40px; position: absolute; left:38px; top: 48px; width: 50px; display:block; cursor: pointer; z-index:2; }

/* .compli-active { position:absolute; width:172px; height:162px; left:84px; bottom: 17px; background: url(../images/manage-menu/compli-active.png) no-repeat left center;  }
.compli-inactive { position:absolute; width:172px; height:162px; left:84px; bottom: 17px; background: url(../images/manage-menu/compli-inactive.png) no-repeat left center;  }
.reports-active { position:absolute; width:161px; height:174px; left:14px; bottom: 90px; background: url(../images/manage-menu/reports-active.png) no-repeat left center;  }
.reports-inactive { position:absolute; width:161px; height:174px; left:14px; bottom: 90px; background: url(../images/manage-menu/reports-inactive.png) no-repeat left center; }
.time-active { position:absolute; width:161px; height:175px; left:14px; top: 84px; background: url(../images/manage-menu/time-active.png) no-repeat left center; }
.time-inactive { position:absolute; width:161px; height:175px; left:14px; top: 84px; background: url(../images/manage-menu/time-inactive.png) no-repeat left center; }
.benefits-active { position:absolute; width:173px; height:162px; left:85px; top: 15px; background: url(../images/manage-menu/benefits-active.png) no-repeat left center;  }
.benefits-inactive { position:absolute;  width:173px; height:162px; left:85px; top: 15px; background: url(../images/manage-menu/benefits-inactive.png) no-repeat left center;  }
.pa-active { position:absolute; width:174px; height:161px; right:88px; top: 15px; background: url(../images/manage-menu/pa-active.png) no-repeat left center;  }
.pa-inactive { position:absolute;width:174px; height:161px; right:88px; top: 15px; background: url(../images/manage-menu/pa-inactive.png) no-repeat left center; }
.resource-active { position:absolute; width:162px; height:177px; right:15px; top: 85px; background: url(../images/manage-menu/resource-active.png) no-repeat left center; }
.resource-inactive { position:absolute; width:162px; height:177px; right:15px; top: 85px; background: url(../images/manage-menu/resource-inactive.png) no-repeat left center;  }
.bgchk-active { position:absolute; width:162px; height:175px; right:16px; bottom: 86px; background: url(../images/manage-menu/bg-chk-active.png) no-repeat left center; }
.bgchk-inactive { position:absolute; width:162px; height:175px; right:16px; bottom: 86px; background: url(../images/manage-menu/bg-chk-inactive.png) no-repeat left center;  }
.staffing-active { position:absolute; width:175px; height:160px; right:90px; bottom: 16px; background: url(../images/manage-menu/staffing-active.png) no-repeat left center; }
.staffing-inactive { position:absolute;  width:175px; height:160px; right:90px; bottom: 16px; background: url(../images/manage-menu/staffing-inactive.png) no-repeat left center;  } */


.compli-active { width:172px; height:162px; position:absolute; top: 342px; left: 86px;  background: url(../images/manage-menu/compli-active.png) no-repeat left center;  }
.compli-inactive { width:172px; height:162px; position:absolute; top: 342px; left: 86px;  background: url(../images/manage-menu/compli-inactive.png) no-repeat left center;  }
.compli-disable { width:172px; height:162px; position:absolute; top: 342px; left: 86px;  background: url(../images/manage-menu/compli-disable.png) no-repeat left center;  }
.reports-active {  width:161px; height:174px; position:absolute; top: 257px; left: 15px; background: url(../images/manage-menu/reports-active.png) no-repeat left center;  }
.reports-inactive {  width:161px; height:174px; position:absolute; top: 257px; left: 15px; background: url(../images/manage-menu/reports-inactive.png) no-repeat left center; }
.reports-disable {  width:161px; height:174px; position:absolute; top: 257px; left: 15px; background: url(../images/manage-menu/reports-disable.png) no-repeat left center; } 
.time-active { width:161px; height:175px; position:absolute;top: 85px; left: 15px; background: url(../images/manage-menu/time-active.png) no-repeat left center; }
.time-inactive {width:161px; height:175px; position:absolute;top: 85px; left: 15px; background: url(../images/manage-menu/time-inactive.png) no-repeat left center; }
.time-disable {width:161px; height:175px; position:absolute;top: 85px; left: 15px; background: url(../images/manage-menu/time-disable.png) no-repeat left center; }
.benefits-active {width:173px; height:162px; position:absolute; left: 86px; top: 14px; background: url(../images/manage-menu/benefits-active.png) no-repeat left center;  }
.benefits-inactive { width:173px; height:162px; position:absolute; left: 86px; top: 14px; background: url(../images/manage-menu/benefits-inactive.png) no-repeat left center;  }
.benefits-disable { width:173px; height:162px; position:absolute; left: 86px; top: 14px; background: url(../images/manage-menu/benefits-disable.png) no-repeat left center;  }
.pa-active {  width:174px; height:161px; position:absolute; left: 260px; top: 14px; background: url(../images/manage-menu/pa-active.png) no-repeat left center;  }
.pa-inactive {  width:174px; height:161px; position:absolute; left: 260px; top: 14px; background: url(../images/manage-menu/pa-inactive.png) no-repeat left center; }
.pa-disable {  width:174px; height:161px; position:absolute; left: 260px; top: 14px; background: url(../images/manage-menu/pa-disable.png) no-repeat left center; }
.resource-active { width:162px; height:177px; position:absolute; left: 345px; top: 85px; background: url(../images/manage-menu/resource-active.png) no-repeat left center; }
.resource-inactive { width:162px; height:177px; position:absolute; left: 344px; top: 85px; background: url(../images/manage-menu/resource-inactive.png) no-repeat left center;  }
.resource-disable { width:162px; height:177px; position:absolute; left: 344px; top: 85px; background: url(../images/manage-menu/resource-disable.png) no-repeat left center;  }
.bgchk-active {  width:162px; height:175px; position:absolute; top: 259px; left: 345px; background: url(../images/manage-menu/bg-chk-active.png) no-repeat left center; }
.bgchk-inactive {  width:162px; height:175px; position:absolute; top: 259px; left: 345px; background: url(../images/manage-menu/bg-chk-inactive.png) no-repeat left center;  }
.bgchk-disable {  width:162px; height:175px; position:absolute; top: 259px; left: 345px; background: url(../images/manage-menu/bg-chk-disable.png) no-repeat left center;  }
.staffing-active { width:175px; height:160px; position:absolute; top: 345px; left: 258px; background: url(../images/manage-menu/staffing-active.png) no-repeat left center; }
.staffing-inactive { width:175px; height:160px; position:absolute; top: 345px; left: 258px; background: url(../images/manage-menu/staffing-inactive.png) no-repeat left center;  }
.staffing-disable { width:175px; height:160px; position:absolute; top: 345px; left: 258px; background: url(../images/manage-menu/staffing-disable.png) no-repeat left center;  }

.service-request-active { width:213px; height:186px; position:absolute; top: 317px; left: 54px;  background: url(../images/manage-module/sr-active.png) no-repeat left center;   }
.service-request-inactive { width:213px; height:186px; position:absolute; top: 317px; left: 54px;  background: url(../images/manage-module/sr-inactive.png) no-repeat left center;   }


.service-request-disable { width:213px; height:186px; position:absolute; top: 317px; left: 54px;  background: url(../images/manage-module/sr-disable.png) no-repeat left center;   }
.report-active { width:144px; height:248px; position:absolute; top: 132px; left: 20px; background: url(../images/manage-module/report-active.png) no-repeat left center;  }
.report-inactive { width:144px; height:248px; position:absolute; top: 132px; left: 20px; background: url(../images/manage-module/report-inactive.png) no-repeat left center;  }
.report-disable { width:144px; height:248px; position:absolute; top: 132px; left: 20px; background: url(../images/manage-module/report-disable.png) no-repeat left center;  }
.times-active { width:211px; height:248px; position:absolute; top:-19px; left: 57px; background: url(../images/manage-module/tm-active.png) no-repeat left center; }
.times-inactive { width:211px; height:248px; position:absolute; top:-19px; left: 57px; background: url(../images/manage-module/tm-inactive.png) no-repeat left center; }
.times-disable { width:211px; height:248px; position:absolute; top:-19px; left: 57px; background: url(../images/manage-module/tm-disable.png) no-repeat left center; }
.performance-active { width:213px; height:185px; position:absolute; top:13px; left: 268px; background: url(../images/manage-module/pa-active.png) no-repeat left center; }
.performance-inactive { width:213px; height:185px; position:absolute; top:13px; left: 268px; background: url(../images/manage-module/pa-inactive.png) no-repeat left center; }
.performance-disable { width:213px; height:185px; position:absolute; top:13px; left: 268px; background: url(../images/manage-module/pa-disable.png) no-repeat left center; }
.resources-active { width:141px; height:247px; position:absolute; top:134px; left: 370px; background: url(../images/manage-module/rr-active.png) no-repeat left center; }
.resources-inactive { width:141px; height:247px; position:absolute; top:134px; left: 370px; background: url(../images/manage-module/rr-inactive.png) no-repeat left center; }
.resources-disable { width:141px; height:247px; position:absolute; top:134px; left: 370px; background: url(../images/manage-module/rr-disable.png) no-repeat left center; }
.bc-active { width:235px; height:205px; position:absolute; top:319px; left: 267px; background: url(../images/manage-module/bc-active.png) no-repeat left center; }
.bc-inactive { width:235px; height:205px; position:absolute; top:319px; left: 267px; background: url(../images/manage-module/bc-inactive.png) no-repeat left center; }
.bc-disable { width:235px; height:205px; position:absolute; top:319px; left: 267px; background: url(../images/manage-module/bc-disable.png) no-repeat left center; }

.service-request-menu { height: 40px; position: absolute; right: 62px; top: 63px; width: 50px; display:block; cursor: pointer; z-index:9; }
.reports-menu {height: 40px; position: absolute; right:35px; top: 104px; width: 50px; display:block; cursor: pointer; z-index:8; }
.times-active-menu { height: 40px; position: absolute; right:62px; top: 112px; width: 50px; display:block; cursor: pointer; z-index:7; }
.performance-active-menu { height: 40px; position: absolute; left:53px; top: 75px; width: 50px; display:block; cursor: pointer; z-index:6; }
.resources-active-menu {  height: 40px; position: absolute; left:37px; top: 97px; width: 50px; display:block; cursor: pointer; z-index:5; }
.bc-active-menu {height: 40px; position: absolute; left:56px; top: 75px; width: 50px; display:block; cursor: pointer; z-index:4; }



.submit-explain-data { margin:25px auto 20px auto; width:126px; }

.menu-explain-data { margin:0 auto 20px auto; width:100%; float:left; }
.menu-text { margin:0 auto 8px auto; text-align:center; width: 100%;  color: #2f2f2f; font-family: 'Roboto Regular',sans-serif; font-size: 16px; }
.diagram-details {  display: inline-block; border: 1px solid #ffffff; clear:both;  height: 22px;  /* float:left;*/ padding:7px 15px; margin:0 0 0px 20px;   
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
background: url(../images/diagram-details.png) repeat-x left center; }
.active-label { padding-right:20px; display: inline-block; }
.active-label b{ background-color: #208bbd; float:left; width:20px; height: 20px; margin-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.active-label span { color: #2f2f2f; font-family: 'Roboto Regular',sans-serif; font-size: 14px; text-align:left; float:left; line-height:21px; }

.inactive-label { padding-right:20px; display: inline-block; }
.inactive-label b{ background-color: #ffffff; float:left; width:20px; height: 20px; margin-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.inactive-label span { color: #2f2f2f; font-family: 'Roboto Regular',sans-serif; font-size: 14px; text-align:left; float:left; }

.disable-label { display: inline-block;}
.disable-label b{ background-color: #b6b4b4; float:left; width:20px; height: 20px; margin-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.disable-label span { color: #2f2f2f; font-family: 'Roboto Regular',sans-serif; font-size: 14px; text-align:left; float:left; }

.post_align li, .post_align li{margin-left: 40px; margin-top:15px; margin-bottom:15px;}
.requisition-table {margin:0; padding:0; width:100%; clear:both;  }
.requisition-table tr td { padding:10px 5px; color: #3B3B3B; font-size:14px; font-family: 'Roboto Regular',sans-serif;  }
.requisition-table tr td b{ float:right;}
.requisition-table tr.req-bg-form td{text-align:left; border-bottom: 1px solid #CCCCCC; background-color: #F4F4F4;  }
.requisition-table tr.no-border td{ border: 0 !important; }
.requisition-table tr.req-no-form td{text-align:left;  border-bottom: 1px solid #CCCCCC; background:#fff;}
.requisition-table.view-table-data{ border-left:1px solid #cccccc; border-right:1px solid #cccccc;  border-top:1px solid #cccccc !important; border-bottom:none !important; width:100% !important;}
.requisition-table.view-table-data tr td{border-right:1px solid #cccccc;}
.requisition-table.view-table-data tr td:last-child{ border-right:none;}
.requisition-table.view-table-data tr td .head_txt{ color:#000;}
.next-pop { float:right; /*min-width:176px;*/ clear: both; margin-bottom:10px; }
.next-pop span { color: #208BBD; font-family: 'Roboto Regular'; font-size: 13px; cursor: pointer; }
.next-pop span:hover { color: #3B3B3B; font-family: 'Roboto Regular'; font-size: 13px; }
.previous { background-position: 0 -365px !important; width:9px; height: 10px; float:left; margin:4px 2px 4px 0; display: block; /* border:1px solid #cccccc; */ }
.previous:hover { background-position: -13px -365px !important; }
.next { background-position: 0 -345px !important; width:9px; height: 10px; float:left; margin:4px 0px 4px 2px; display: block; /*border:1px solid #cccccc;*/}
.next:hover { background-position: -13px -345px !important; }
.pageLabel { float:left; color: #3B3B3B; font-family: 'Roboto Regular'; font-size: 13px; margin:0 10px 0 0; }


#pageshortcutdiv { position:absolute; right:2%; color: #ffffff; font-family: 'Roboto Regular'; font-size: 14px; cursor: pointer; top:10px; }
/*.activeshortcut  {  background-position: 0  -409px !important; background-repeat: no-repeat; width:105px; height: 17px; float:left; padding-left: 22px; text-align: right; }
.inactiveshortcut { background-position: 0-384px !important; width:90px; height: 17px; float:left; padding-left: 22px; text-align: right; } */
.activeshortcut { float:left; background-color: #208bbd; padding:5px 10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
.inactiveshortcut { float:left; background-color: #ea7c2e; padding:5px 10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
/*.add-multi-resume { width: 100%; clear: both; text-align: right; float:left; margin:0 0 10px 0; }*/
.add-multi-resume {  text-align: right; float:left; margin:0 0 10px 0; position: absolute; top:7px; right:138px; z-index: 10; }
.add-multi-resume a {  color: #208BBD; text-decoration: none; font-family: 'Roboto Regular'; font-size: 14px; }
.add-multi-resume a:hover {  color: #3b3b3b; text-decoration: none; }
.remove-entry { cursor: pointer; margin-top:5px; }

.add-fields { float:left; width:100%; clear:both; text-align: left; color: #3b3b3b;  text-shadow: 0 1px 0 #FFFFFF; }
#add-candidate, #uploadMultipleDocs {/*width: 100%; */ clear: both; text-align: left; float:left; margin:0; /* color: #208BBD; font-family: 'Roboto Regular'; font-size: 13px; cursor: pointer; */ }
.add-fields b { text-align: left; color: #909090; font-weight: normal; font-size:12px;  width: 100%; clear:both; float:left; }

.candi-form-ui{ float: left; padding: 0px; min-width: 1px;  color:#3b3b3b; margin:0px 1px 0 0;  /*height:135px; */ height:125px; position: relative;}
.candi-form-ui label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 13px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; clear: both; min-height:20px;}
.candi-form-ui .division { float: left;  padding:4px 0 0 0;   text-align: left;  width: 100%; /* min-width: 295px; */ position: relative; }
#editdialogbox, #addlist { float: left; width:348px !important; /*height:265px !important;*/ }
#addlist { height:265px !important; }
.hire-edit-btn { margin:0 0 10px 0; clear:both; float:right; width:100%; }
.hire-edit-btn input[type="button"]{ background-color: #208bbd; border:1px solid #006391; text-decoration: none;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
height:24px; padding:0px 10px 0px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:right;text-transform: uppercase; outline: 0; line-height: 24px; }

/* Reports page css */

.left-config-ctrl{ margin:0; float:left; padding:10px 15px; float:left; width:202px; float:left; border: 1px solid #cfcfcf; background-color: #ffffff; /* min-height:315px; */ -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;}
.left-config-ctrl .new-form-ui {  margin: 0; height: 98px; width:202px;}
.right-config-ctrl { float:right; width:72%; /* margin-left:15px; */ position: relative; }
@media (max-width:1024px) {
	.right-config-ctrl {width: 64%;}
	}
.left-config-ctrl .new-form-ui-multi{ float: left; padding: 0px; width: 202px;  color:#3b3b3b; margin:0 0px 15px 0px !important; min-height:83px; position: relative;}
.left-config-ctrl .new-form-ui-multi label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; /*width:100%; min-width: 225px;*/ clear: both;}
.left-config-ctrl .new-form-ui-multi label .tooltip { top:2px; position: relative; } 
.left-config-ctrl .new-form-ui-multi label.required:after {  color: red;    content: " *";  }
.left-config-ctrl .new-form-ui-multi .division { float: left;  padding: 0;  text-align: left;  width: 100%; position: relative; }
.left-config-ctrl .new-form-ui-multi input[type="text"]{ border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:26px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282;
 padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:26px; text-align:left; outline:none; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }


.export-links {display: block;margin-right: 2%;width: 98%;float: left;}
.back-to-config { float:right; width:70px; }
.back-to-config  button{ background-color: #208bbd; border:1px solid #006391;  
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; 
color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); cursor: pointer; float:right; 
text-transform: uppercase; outline: 0; line-height: 20px; }


.config-choose { background:url(../images/config-choose.png) no-repeat left top; }
.config-up { background-position: 0 0px; float:left; width:24px; margin-right: 8px; margin-left: 7px; height: 20px; cursor: pointer; background-size: 100%;}
.config-down { background-position: 0 -27px; float:left; width:24px; margin-right: 8px; margin-left: 7px; height: 20px; cursor: pointer; background-size: 100%;}
#multifield { padding: 10px; position: absolute; top:30px; left:7px; 
background-color: #ffffff; width:200px; border:1px solid #c6c6c6; z-index: 101; -webkit-box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); }
#multifield i { color: #3b3b3b; font-family: 'Roboto Medium',sans-serif; font-size: 14px; text-align: left; font-style:normal;   }
#multifield p {clear: both; width:100%; margin:2px 0; }
#multifield p input { margin:0 0px 0 10px;  }
#multifield b { color: #3b3b3b; font-family: 'Roboto Regular',sans-serif; font-size: 13px; text-align: left; font-weight:normal; padding-left:5px;   }

.overlayreport { background-color: #0A0A0A; height: 100%; left: 0; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); position: absolute; top: 0px; width: 100%; z-index: 100;}

.columnsdiv { padding: 10px; position: absolute; top:30px; left:7px; 
background-color: #ffffff; width:200px; border:1px solid #c6c6c6; z-index: 101; -webkit-box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); }
.columnsdiv i { color: #3b3b3b; font-family: 'Roboto Medium',sans-serif; font-size: 14px; text-align: left; font-style:normal;   }
.columnsdiv p {clear: both; width:100%; margin:2px 0; }
.columnsdiv p input { margin:0 0px 0 10px;  }
.columnsdiv b { color: #3b3b3b; font-family: 'Roboto Regular',sans-serif; font-size: 13px; text-align: left; font-weight:normal; padding-left:5px;   }

.columnsdivbig { padding: 10px; position: absolute; top:30px; left:7px; 
background-color: #ffffff; width:600px; border:1px solid #c6c6c6; z-index: 101; -webkit-box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); box-shadow:  -1px 0px 3px -3px rgba(0, 0, 0, 0.3); }
.columnsdivbig i { color: #3b3b3b; font-family: 'Roboto Medium',sans-serif; font-size: 14px; text-align: left; font-style:normal; clear: both; width:100%; float:left; }
.columnsdivbig p { width:200px; margin:2px 0; float:left; }
.columnsdivbig p input { margin:0 0px 0 10px;  }
.columnsdivbig b { color: #3b3b3b; font-family: 'Roboto Regular',sans-serif; font-size: 13px; text-align: left; font-weight:normal; padding-left:5px;   }


.empcolumnsdiv { left:243px; top:-27px; }
.new-form-ui-submit button.previewreport { background-color: #208bbd; border:1px solid #006391;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); 
cursor: pointer; float:left; margin-right:10px; text-transform: uppercase; outline: 0; line-height: 20px; margin-top: 0 !important; }

.reports-block-area { margin:0 0 0 0; clear: both; padding:0 0 1% 0; float:left; width:100%; float:left; border: 1px solid #cfcfcf; background-color: #ffffff; /* min-height:315px; */  background:url(../images/reports-ctrl-bg-1.png) repeat-x left -19px #fff; position: relative;}

.reports-sprite { background:url(../images/reports-sprite.png) no-repeat left top; }
.reports-ctrl { margin:0; padding:1%!important; width:98%; clear: both; float:left;  height: 120px; /*-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/ }
.reports-block-area .simply-scroll .simply-scroll-clip{height:145px;}
.reports-block-area .simply-scroll{ height:110px; margin-bottom:30px;}
.reports-div { margin:0; padding:0; float:left; width:94px; margin-right: 20px; position: relative;  list-style:none;}
.reports-div p { color: #727272; font-family: 'Roboto Regular',sans-serif; font-size: 12px; text-align: center; font-weight:normal; margin: 8px 0 0 0; padding:0; width:100%; line-height: 17px; float: left; cursor: pointer; }
.reports-div p.one-line {margin-top:0px !important; font-size:14px; color:#333; text-decoration:none; padding: 3px 5px; }
.reports-div a p.one-line {color: #fff;}
.reports-div:hover p, .reports-div p.selected-report { color: #ea7c2e;  }
.org-report { background-position: 0 7px; float:left; width:94px; height: 39px; cursor: pointer; }
.org-report:hover, .org-report-selected, #organisation_rpt_div:hover span { background-position: 0 -71px; float:left; width:94px; height: 39px; cursor: pointer; }
.user-report { background-position: 0 -150px; float:left; width:94px; height: 39px; cursor: pointer; }
.user-report:hover, .user-report-selected, #usermanagement_rpt_div:hover span { background-position: 0 -228px; float:left; width:94px; height: 39px; cursor: pointer; }
.emp-report { background-position: 0 -306px; float:left; width:94px; height: 39px; cursor: pointer; }
.emp-report:hover, .emp-report-selected, #employees_rpt_div:hover span { background-position: 0 -384px; float:left; width:94px; height: 39px; cursor: pointer; }
.resource-report { background-position: 0 -462px; float:left; width:94px; height: 39px; cursor: pointer; }
.resource-report:hover, .resource-repor-selected, #requisition_rpt_div:hover span { background-position: 0 -540px; float:left; width:94px; height: 39px; cursor: pointer; }
.leave-report { background-position: 0 -618px; float:left; width:94px; height: 39px; cursor: pointer; }
.leave-report:hover, .leave-report-selected, #leaves_rpt_div:hover span  { background-position: 0 -697px; float:left; width:94px; height: 39px; cursor: pointer; }
.holiday-report { background-position: 0 -780px; float:left; width:94px; height: 39px; cursor: pointer; }
.holiday-report:hover, .holiday-report-selected, #holiday_rpt_div:hover span { background-position: 0 -864px; float:left; width:94px; height: 39px; cursor: pointer; }
.background-report { background-position: 0 -944px; float:left; width:94px; height: 39px; cursor: pointer; }
.background-report:hover, .background-report-selected, #background_rpt_div:hover span { background-position: 0 -1022px; float:left; width:94px; height: 39px; cursor: pointer; }
.logs-report { background-position: 0 -1101px; float:left; width:94px; height: 39px; cursor: pointer; }
.logs-report:hover, .logs-report-selected, #logs_rpt_div:hover span { background-position: 0 -1183px; float:left; width:94px; height: 39px; cursor: pointer; }

.skills-report { background-position: 0 -1735px; float:left; width:94px; height: 39px; cursor: pointer; }
.skills-report:hover, .skills-report-selected, #skills_rpt_div:hover span { background-position: 0 -1795px; float:left; width:94px; height: 39px; cursor: pointer; }

.servicedesk-report { background-position: 0 -1264px; float:left; width:94px; height: 39px; cursor: pointer; }
.servicedesk-report:hover, .servicedesk-report-selected, #servicedesk_rpt_div:hover span { background-position: 0 -1347px; float:left; width:94px; height: 39px; cursor: pointer; }

.performance-report { background-position: 0 -1427px; float:left; width:94px; height: 39px; cursor: pointer; }
.performance-report:hover, .performance-report-selected, #performance_rpt_div:hover span { background-position: 0 -1508px; float:left; width:94px; height: 39px; cursor: pointer; }
.timemanagement-report{background-position: 0 -1595px; float:left; width:94px; height: 39px; cursor: pointer; }
.timemanagement-report:hover, .timemanagement-report-selected, #timemanagement_rpt_div:hover span { background-position: 0 -1666px; float:left; width:94px; height: 39px; cursor: pointer; }

#performance_rpt_div .performance-report, #performance_rpt_div .performance-report-selected{ height:49px!important; }
#performance_rpt_div.reports-div p{ margin-top:0!important;}

.chart-ctrl { float:left; /* width:96%; margin:0 2%; */ margin:0; width:100%; }
.activity-chart-view { float: left; width: 760px; height: 320px; margin:0 10px 20px 10px; padding:15px; border: 1px solid #d5d5d5; text-align: center; }
.chart-view { float: left; width: 760px; height: 320px; margin:0 10px 20px 10px; padding:15px; border: 1px solid #f8f8f8; text-align: center; /*background:url(../images/demo-report.jpg) no-repeat center center; */}
.chart-view-1 { float: left; width: 354px; height: 320px; margin:0 10px 20px 10px; padding:15px; border: 1px solid #f8f8f8; text-align: center; /*background:url(../images/demo-report.jpg) no-repeat center center; */}
.chart-text { color: #ea7c2e; font-family: 'Roboto Regular',sans-serif; font-size: 15px; text-align: left; font-weight:normal; float:left; width:100%; clear: both;  }
.chart-div { float:left; clear:both; }

.back-page-div { position: absolute;  top:-35px; right:140px;  /*top: 1%; right: 1%; */ }
.back-page-div-report { position: absolute;  top:-40px; right:168px;  /*top: 1%; right: 1%; */ }
.reports-grid-ctrl { display: block; width: 100%; margin:0; }
.reports-heading { font-family: 'PTSansbold',sans-serif; font-size: 15px; color: #000000; text-align: left; float:left; text-transform: uppercase; text-shadow: 0 1px 0 #FFFFFF; }
.left-config-ctrl .heading-name-1 { font-size:15px; text-transform:capitalize; color: #3B3B3B;  }

.new-form-ui-report{ float: left; padding: 0px; width: 202px;  color:#3b3b3b; margin:0 15px 23px 0px; min-height:57px; position: relative;}
.new-form-ui-report label { font-family: 'Roboto Regular',sans-serif; color: #3b3b3b;  font-size: 14px;  font-weight: normal; height: auto; padding:0; margin:0px 0 8px 0; text-align: left;  float :left; /*width:100%; min-width: 225px;*/ clear: both;}
.new-form-ui-report label .tooltip { top:2px; position: relative; } 
.new-form-ui-report label.required:after {  color: red;    content: " *";  }
.new-form-ui-report .division { float: left;  padding: 0;  text-align: left;  width: 100%; position: relative; }
.new-form-ui-report input[type="text"]{ border: 1px solid #c6c6c6; width:273px; float: left; background-color: #ffffff; height:26px;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #828282;
 padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); line-height:26px; text-align:left; outline:none; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }

.del-position { position: absolute; /* right: 7px; */ left:77px; top:12px; }

#add-candidate, #uploadMultipleDocs { background-color: #208bbd; border:1px solid #208bbd; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ 
height:26px; padding:0px 10px; font-size: 14px; /*text-shadow: 0 1px 0 #006391;*/ font-family: 'Roboto Regular', sans-serif; color:#ffffff; /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); 
box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);*/ cursor: pointer; float:left; text-transform: uppercase; outline: 0; line-height: 20px; }
#menu-hide-show { position: absolute; width: 100%; z-index: 99;  display:none;}
#mainmenushowhidebutton { /*position: absolute; right:45%; top: -1px; width:155px;*/ margin:0 auto; -moz-transition: all 0.3s linear 0s;
background:url(../images/black-pattren-bg.png) repeat; /*  background: #4d4d4d; */ opacity:0.9; cursor: pointer;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; 
-moz-box-shadow:    0px 2px 3px 0px rgba(0, 0, 0, 0.74);
box-shadow:         0px 2px 3px 0px rgba(0, 0, 0, 0.74);
border:1px solid #000000; border-top:0; 
display:inline-block;

/*height: 23px;*/ height: 20px;
/*padding: 5px 10px 2px 10px;*/  padding: 2px 10px;
 }
	
/*new menu css Start*/
.js .menu {  height: 1.5em; /* overflow: hidden;*/}
.flexMenu-popup {  list-style-type: none;  padding: 4px 0;  background-color: #fff;  margin: 0;   z-index: 125;    	-webkit-box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.3);    box-shadow:  -1px 0px 3px 1px rgba(0, 0, 0, 0.3); right: 0px; width:168px;}
.lt-ie8 .flexMenu-popup {}
.flexMenu-popup a {  display: block;}
.flexMenu-popup a:hover {  background-color: #006363;  color: #fff;  display: block;}
.menu-head ul.flexMenu-popup li a{ background:none; }
.menu-head ul.flexMenu-popup li b{color:#333;}
.menu-head ul.flexMenu-popup li:hover{cursor:pointer;}
.menu-head ul.flexMenu-popup li:hover b{ color:#E71052; }
.menu-head ul.flexMenu-popup li.link-selected b{ color:#E71052; }
.menu-head ul.flexMenu-popup li{ padding: 6px 2px;    text-align: left; width: 84%;}
li.flexMenu-viewMore{position:relative;}	
/*new menu css END*/
	
.dragableBox { z-index: 999999999 !important; }

.hiddenclass{display: none;}
.radioclass{width: 274px;}
	
	
	
.themes_iconnor {
    background: url("../images/themes_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    margin: 10px 0 0;
    padding-left: 20px;
}
.themesbg {
    background: url("../images/themes_bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 74px;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 177px;
    z-index: 999999 !important;
}
.themes_icon {
    background: url("../images/themes_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #646464;
    cursor: default;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px 0 0 8px;
    padding-left: 20px;
}
.themes_spritediv {
    clear: both;
    line-height: 20px;
    padding: 20px 0 0 11px;
}
.themes_sprite{background:url(../images/Themes_sprite.png) no-repeat left top; display:block;}
.blue{background-position:0px 0px; cursor:pointer; margin-right:8px;}
.brown{background-position:-22px 0px;  cursor:pointer; margin-right:8px;}
.gray{background-position:-44px 0px; cursor:pointer; margin-right:8px;}
.peacock{background-position:-66px 0px; cursor:pointer; margin-right:8px;}
.skyblue{background-position:-88px 0px; cursor:pointer; margin-right:8px;}
.green{background-position:-110px 0px; cursor:pointer; margin-right:8px;}
.orange{background-position:-132px 0px; cursor:pointer; margin-right:8px;}
/*.super_cnt{float:right;padding-left: 2px;margin-top:-6px;}*/
.set_over_text .span_sermenu {float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 76%;word-wrap: break-word; font-style: normal;}
.super_cnt {float:right;/*padding-left: 2px;  margin-top:-6px;  position:relative; top:-4px; */font-weight: normal;background: #efefef;padding:0 4px;line-height:21px;text-align: center;margin-top:2px;width: 14%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 14%;word-wrap: break-word;}
.side-menu-selected .super_cnt {background: #f7f4ed;text-shadow: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 14%;word-wrap: break-word;}

.back-to-page-1 { position: absolute; right:0; top:-36px; }
.back-to-page-1  input[type="submit"], .back-to-page-1  input[type="button"], .back-to-page-1  button{ background-color: #208bbd; border:1px solid #006391;  
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; 
font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); 
cursor: pointer; float:right; text-transform: uppercase; outline: 0; line-height: 20px; }

.req_view_buttons { float:left; width:100%; clear: both; margin-top:10px; }
.req_view_buttons input[type="submit"], .req_view_buttons input[type="button"], .req_view_buttons button { background-color: #208bbd; border:1px solid #006391;  
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:26px; padding:3px 10px 4px 10px; font-size: 14px; text-shadow: 0 1px 0 #006391; 
font-family: 'Roboto Regular', sans-serif; color:#ffffff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); 
cursor: pointer; float:left; text-transform: uppercase; outline: 0; line-height: 20px; margin-right:10px; }


.add_request { clear:both; margin:10px 0 0 0; padding:0; width:100%; float:left; }


.status-top-buttons { background-color: #208bbd; 
height:26px; padding:0px 10px; font-size: 14px; font-family: 'Roboto Regular', sans-serif; color:#ffffff;  cursor: pointer; float:right; text-transform: uppercase; outline: 0; line-height: 20px; margin-left:10px; }


.reg-info-block { margin:0; clear: both; padding:0; float:left; width:100%; border: 1px solid #cfcfcf; background-color: #ffffff; /* min-height:315px; */ -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;}

.status-div { float:left; width:48%;  padding:1%; min-height:150px; }
.status-info { margin:0; width:100%; padding:10px 0px; float: left; }
.status-info label { float:left; width:40%; text-align: left; color: #3b3b3b; font-size: 13px; font-family: 'PTSansBold',sans-serif; padding-left:10px; font-weight:normal; }
.status-info label.number-text:after { font-family:Arial, Helvetica, sans-serif; content: " #"; }
.status-info label b{ float:right; font-weight:normal; }
.status-info p, .status-info span { float:right; width:52%; word-wrap: break-word; text-align: left; color: #3b3b3b; font-size: 13px; font-family: 'Roboto Regular',sans-serif; padding-right:10px; }
.status-info p .select2-container a span{ margin:0; float:left; }
.status-info p b { font-family: 'PTSansBold',sans-serif; font-weight: normal; }
.status-info p a{ color: #208bbd; text-decoration: none; text-align: left; }
.status-info p textarea { border: 1px solid #c6c6c6; width:184px; float: left; background-color: #ffffff; height:60px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #828282; /*padding:6px 8px;*/ 
padding: 3px 8px; resize:none; line-height: 20px; outline:none; overflow-y: auto; margin:0;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.status-info .maxlength-feedback { float:left; width:100%; color: #999999; margin:0; font-size:11px; margin-top:2px;  }


.employee-details-div { float:right; width:49%; border-left:1px solid #e7e7e7;}
.raised-by-employee-details { float:left; width:88%; padding:2%; margin:4%; background-color: #f8f6f6;  min-height:150px; }
.raised-by-employee-details h2 { width:100%; margin:0; padding:0; float:left; clear: both; font-family: 'PTSansBold',sans-serif; font-size:13px; font-weight: normal; text-shadow: 0 1px 0 #FFFFFF;
text-transform:uppercase; text-align: left; color: #3b3b3b;}
.raised-info { margin:0; width:100%; padding:10px 0px; float: left; }
.raised-info label { float:left; width:40%; text-align: left; color: #3b3b3b; font-size: 13px; font-family: 'PTSansBold',sans-serif; padding-left:10px; font-weight:normal; }
.raised-info label b{ float:right; font-weight:normal; }
.raised-info p { float:right; width:52%; word-wrap: break-word; text-align: left; color: #3b3b3b; font-size: 13px; font-family: 'Roboto Regular',sans-serif; padding-right:10px; }
.raised-info p a{ color: #208bbd; text-decoration: none; text-align: left; }
.raised-info p textarea { border: 1px solid #c6c6c6; width:184px; float: left; background-color: #F4F4F4; height:60px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; color: #3b3b3b; /*padding:6px 8px;*/ 
padding: 3px 8px; resize:none; line-height: 20px; outline:none; overflow-y: auto; margin:0;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);   box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }


.history-info-div { margin:10px 0 0 0; clear: both; padding:0; float:left; width:100%; }
.history-div { float:left; width:48%; margin:0; clear: both; padding:0; border: 1px solid #cfcfcf; background-color: #ffffff; padding:1%; }
.history-div h2 { width:100%; margin:0 0 15px 0; padding:0; float:left; clear: both; font-family: 'PTSansBold',sans-serif; font-size:13px; font-weight: normal; text-shadow: 0 1px 0 #FFFFFF;
text-transform:uppercase; text-align: left; color: #3b3b3b;}
.history-flow { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; float:left; clear:both; border-bottom:1px solid #cccccc; }
.history-flow:last-child{ border-bottom:0; margin:0; padding:0; }
.history-img { float:left; margin:0 10px 0 0; padding:0; width:30px; height:30px; text-align: center; border:1px solid #9b9999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  }
.history-img img { width:28px; height:28px; padding:1px;} 
.history-text { float: left; color: #3b3b3b; width:92%; }
.history-text span { float:left; width:100%; clear:both; text-align: left; font-family: 'Roboto Regular', sans-serif,sans-serif; font-size:14px; font-weight: normal; word-wrap: break-word; color: #3b3b3b; margin:0 0 5px 0; }
.history-text p { float:left; width:100%; clear:both; text-align: left; font-family: 'Roboto Regular',sans-serif; font-size:13px; font-weight: normal; word-wrap: break-word; color: #1F8ABC; margin:0 0 5px 0; }
.history-text b { float:left; width:100%; clear:both; text-align: left; font-family: 'Roboto Regular',sans-serif; font-size: 12px; font-weight: normal; color: #888888; }

.info-show-div { float:left; width:48%;  margin-left:1%; }
.single-info-div { margin:0 0 5px 0; float:left; width:100%; text-align: left; color: #000000; font-size: 13px; font-family: 'Roboto Regular',sans-serif; }
.info-show { float:left; min-width:150px; width:15%;  }
.single-info-div span {  float:left; color: #000000; font-size: 13px; font-family: 'Roboto Regular',sans-serif; width:75%; text-align: left;}
.info-show-text { float: left;margin-bottom: 8px; min-width: 150px; width: 66%;  }

.add-btn-div { float:right; background: #ea7c2e; padding:5px 10px; margin: -4px 4px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  cursor: pointer; }
.add-btn-div_new { float:right; background: #ea7c2e; padding:5px 10px; margin: -3px 4px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  cursor: pointer; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.add-btn-div { 	margin: -5px 4px 0 0; }
}
.ajax-file-upload-error{color:#ff0000;font-size:12px;font-family:'Roboto Regular', sans-serif,sans-serif;float: left;text-align: left;margin-top: 8px;width:100%;}

#successpan { margin:0 0 15px 0; width: 310px; position: relative; top: -25px; float:left; clear: both; }
#successpan span { background:url(../images/download-file.png) no-repeat left center; float:left; padding:3px 0 4px 40px; font-size:16px; font-family: "Lato", georgia, serif; 
font-weight: normal; color: #dc6510; text-shadow: 0 1px 0 #ffffff;   }
#successpan a{ color: #208bbd; text-decoration: none; }




@media all and (max-width: 1024px) and (min-width: 0px) {
/*body { overflow-x: hidden; }*/
.all-bg-ctrl .action-to-page { position: absolute; right:83px; top:160px; }
.back-to-page { position: absolute; right:0; top:150px; }
.new-form-ui,.new-form-ui-multi{  /*margin:0 4px 0 0;*/ }
.newframe-div .new-form-ui { margin:0 15px 0 0; }
#footer { position: relative; float:left; }
.chart-view { margin:0 20px 20px 0; }
.history-text { width:84%; }
}

@media all and (max-width: 1280px) and (min-width: 1024px) {
.new-form-ui, .new-form-ui-multi{ margin:0 10px 0 0; } 
/*.right-block-data .new-form-ui { margin:0 10px 0 0; } */
.history-text { width:85%; }
}


.upload-attachment input[type="file"] { text-indent:-999999px;  color : transparent;
    text-shadow : 0 0 0 #000; }
.upload-attachment input[type="file"]:focus{ outline:none;}

.styled-v-bar{ /* sample CSS class for a different vertical scrollbar look */
	background:	url(../images/custom-scroll-bar.png) center top no-repeat;
	width: 10px;
	margin-right: 0;
	margin-bottom: 4px;
}

.styled-v-bar ins{ /* Style for the "ins" inner element, or bottom of the scrollbar */ 
	display: block;
	background:	url(../images/custom-scroll-bar.png) center bottom no-repeat;
	width: 10px;
	height: 4px;
	position: absolute;
	top: 100%;
}

/*  INVITE FRIENDS */
.invfrnds_confirm{width:550px; margin:0 auto;/* -webkit-box-shadow:  0px 0px 10px 0px #000; -ms-box-shadow:  0px 0px 10px 0px #000; -moz-box-shadow:  0px 0px 10px 0px #000; -o-box-shadow:  0px 0px 10px 0px #000; box-shadow:  0px 0px 10px 0px #000;*/background-color:#fff; -webkit-border-radius: 12px; border-radius: 12px; /* border: 5px solid #242424;*/}
.popup_header{padding:10px;}
.invte_frnds{display:inline-block; width:100%; clear:both; margin-bottom:25px;}
.invte_frnds ul{padding:0px 25px 0px 23px;}
.invte_frnds ul li{float:left; margin:25px 0px 0px 8px;}
.invte_frnds ul li:first-child{margin-left:0px;}
.margin{margin-left:8px!important;}
.textgreen{font-family:'frutiger_lt_std_57_cnregular'; font-weight:bold; font-size:20px; color:#44d24e;}
.textgreen_2{font-family:'frutiger_lt_std_57_cnregular'; font-weight:bold; font-size:18px; color:#44d24e;}
.width{width:300px!important; height:23px!important; text-align:left!important; padding-left:10px!important; padding-right:10px!important}
.width_2{width:350px!important; height:23px!important; text-align:left!important; padding-left:10px!important; padding-right:10px!important}
.invt_frnds_buttons_2{display: inline-block; float: right; position: relative;}
.filed_msg{display:block; clear:both; padding-top:5px; font-family:'frutiger_lt_std_57_cnregular'; font-size:14px; text-transform:uppercase; color:#b6b6b6;}
.confirm_container{padding:20px 15px;}
.confirm_headers{border:solid red 1px; height:50px;}
.invt_frnds_textarea{min-width:350px; max-width:350px; width:350px; display:block; margin-top:20px; padding:10px; color:#808080; font-weight:normal; min-height:100px; height:100px;
background-image: -moz-linear-gradient(center top , #FFFFFF 40%, #E5E5E5 100%); border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #CCCCCC; font-family: 'frutiger_lt_std_87_extrablkRg'; font-size: 16px; }
.invfrnds_confirm_2{width:418px; margin:0 auto; -webkit-box-shadow:  0px 0px 10px 0px #000; -ms-box-shadow:  0px 0px 10px 0px #000; -moz-box-shadow:  0px 0px 10px 0px #000; -o-box-shadow:  0px 0px 10px 0px #000; box-shadow:  0px 0px 10px 0px #000;background-color:#fff;}
.nomargin_1{margin-top:0px!important}
.topmargin{}


/* Overly Background Color */
.black_overlay{display:none; position:fixed; top:0%;left:0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.65; opacity:.65;filter: alpha(opacity=65); text-align:center;}
.white_content {display:none; position:absolute; top:20%; left:0px; z-index:1002; width:100%;}


/* SEARCH MESSAGE BOX */
.search_msg{display:block; min-width:350px!important; text-align:center; font-family:'frutiger_lt_std_57_cnregular'; font-size:14px; text-transform:uppercase; color:darkred; position:relative; top:90px;}


/* Added by mainak for employee mapping */
.checklist_new_fields #actionButtonsDiv #cancelButtonDiv .raise_button{ background:none!important; color:#4B4B4B !important; text-shadow:none; margin-left: 0;  padding-left: 0;}
.checklist_new_fields #actionButtonsDiv #cancelButtonDiv .raise_button:hover{text-decoration:underline; }
	 
.users_list{width:100%; clear:both; float:left;}
.users_list_left{    margin-bottom: 5px;
    
    width: 100%;
	  float: left;
    min-height: 100px;max-height: 348px;}
.users_list_left .alt-scroll-content, .users_list_right .alt-scroll-content{ width:100%!important;}
.users_list_right{float:left;width:100%; margin-right: -12px; margin-bottom:25px; max-height: 348px;}
.emmp_sel_div{ width:98%; margin:0 auto;}
.users_left_list_div:hover, .users_right_list_div:hover, .no_search_results:hover{background:#cbe0ec;}
.manager_feed_forward_pop .users_left_list_div:hover{background:none repeat scroll 0 0 transparent;}
.performance_appraisal_rep .users_left_list_div:hover{  background: none repeat scroll 0 0 transparent;}
.performance_appraisal_rep .users_left_list_div{ border:none; margin-top: 4px;  width: 220px;}
.users_list_left_title, .users_list_right_title{clear:both; width:100%; text-align:left;  margin-bottom:0px;  height: 15px; font-family: 'Roboto Regular'; color:#3b3b3b; font-size: 14px;}
.users_list_left_title .emp_count, .users_list_right_title .emp_count{ color:#248fc0; padding-left:2px;}
.no_right_data_found, .no_left_data_found, .no_search_results, .no_right_data_found, .no_search_results_right{ text-align:center;  height: 28px!important;  border: 1px solid #fbeed5 !important; color:#c09853 !important;   padding-top: 10px!important; width:91%!important; background:#fff9ea !important;}
.no_right_data_found:hover, .no_left_data_found:hover{ background-color:#fff;}
.no_right_data_found .values, .no_left_data_found .values, .no_search_results .values,.no_search_results_right .values{ float:none!important; color:#c09853!important; padding:0!important; font-size:12px!important;}
.invfrnds_confirm #saveButtonDiv, .invfrnds_confirm #cancelButtonDiv { float:left;}
.invfrnds_confirm #actionButtonsDiv{   margin: 0 auto;    width: 184px;}
.invfrnds_confirm .action_buttons_div{ padding-top: 4px;}

.users_left_list_div, .users_right_list_div{ height:31px; padding:10px 0 0 6px; border:1px solid #dbdbdb; margin-top:11px; width:96%;  margin-right: 13px; float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.users_left_list_div, .users_right_list_div{ height:64px; padding:5px 0 0 6px; border:1px solid #999898; margin-top:11px; width:187px;  margin-right: 13px; float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.added_users_list_div{ height:40px; padding:5px 0 0 6px; border:1px solid #C8C8C8; margin-top:11px; width:111px;  margin-right: 13px; float:left; background-color:#e0e0e0;}
.added_users_list_div.no_added_user_found{ height:40px; padding:5px 0 0 6px; border:1px solid #C8C8C8; margin-top:11px; width:373px;  margin-right: 13px; float:left; background-color:#e0e0e0;}
.added_users_list_div.no_added_user_found .values{   margin-top: 7px;    text-align: center;    width: 365px;}
.users_list .values{ float:left; font-family: 'Roboto Regular';  color:#5A5A5A; font-size: 15px; padding-right:8px;}
/*.member_name,  .member_type{	font-family: 'Roboto Regular';  color:#2590c2; font-size: 15px; margin-left: 7px; margin-right: 0px;  height: 39px;     margin-top: 0;    overflow: hidden;}*/
.users_list .no_right_data_found .values{ padding:0; font-size:12px; }
.member_name{ text-align:left;   display: block;    float: left; width: 113px; font-family: 'Roboto Regular'; color:#2590c2; font-size: 13px; line-height: 14px; word-wrap: break-word; height:16px; overflow:hidden; }
.member_id{  color:#737373; font-size:13px;/*font-family: 'Roboto Regular';*/ float: left; width: 120px; display: block; text-align: left; height:19px; overflow:hidden; line-height: 19px;}
.member_jname{ color:#333; font-size:13px;/* font-family: 'Roboto Regular';*/ float: left; width: 111px; display: block; text-align: left; height: 20px; overflow:hidden;}
.member_type{ float:right;} 
.company-new-div { margin:0;  width:100%; table-layout:fixed; display:table; border-spacing:10px; }
.company-tabs { margin:0; padding:0;  display:table-cell; width:33%;}
.company-tabs h1{ margin:0 0 10px 0; padding:0; clear:both; width:100%; float:left; font-family: 'Roboto Regular',sans-serif; font-size: 14px; color: #333333; text-align: left; text-transform:uppercase;  }
.flt_right{ float:right !important;}
.flt_left{float:left !important;}
.uploadbut_exel{color: #fff;font-family: 'Roboto Regular';font-size:14px;height:20px;text-align: center;padding:4px 0;width:130px;background: #0fc397;margin-right: 6px;}
.importformatlink{color: #000000;font-family: 'Roboto Regular';font-size:14px;text-decoration:none;padding:5px 15px 5px 15px;background:#e9eef3;margin-right: 6px;}
.importformatlink:last-child {margin-right: 0;}
#pageshortcutdiv.help_appri_list{ cursor:default;}
.help_appri_list a{padding-top: 0px; margin-right: 17px; padding-left: 20px; padding-right: 5px; cursor:pointer; background:url(../images/doc_help.png) left center no-repeat;}
#pageshortcutdiv.help_appri_list .shortcut-icon{cursor:pointer;}
.help_appri_view{float: right; margin-top: -23px; margin-right: 2%;  position: relative;    /*z-index: 900;*/}
.help_appri_view a{background:url(../images/doc_help.png) left center no-repeat; padding-left:20px; padding-top:0;}
.actions_div{ height:50px;}
.usedleaves{ color: #0b709f;}
.leavenames{ color:#565656;margin-top: 3px; margin-bottom: 10px;font-size: 13px;}
.resumeclass{float: left; margin-top: 26px; margin-left: 27px;}
ul.toggle_ul { clear: both; float: left; margin-bottom: 0; margin-left: 0px; width:100%;}
ul.toggle_ul li.active {     cursor: pointer;}
ul.toggle_ul li {  background: none repeat scroll 0 0 #fff;  float: left;        font-size: 14px;    min-height: 145px;    list-style: outside none none;      width: 33.333%;    padding: 5px 0;    text-align: center; border-bottom:3px solid #75bf0c; /*border-right:2px solid #eeeeee;*/ position:relative; background:url(../images/border_right.png) right center repeat-y #f0f3f7; cursor:pointer;}
ul.toggle_ul li:last-child{ border-right:none; background:none #f0f3f7;}
ul.toggle_ul li .step_round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:86px; height:71px; border:5px solid #ccc;   margin-left: 11px; font-family: 'Roboto Regular';   margin-top: 25px; float:left; font-size:14px; text-align:center; padding-top: 15px; margin-right: 11px;}
ul.toggle_ul li.step_1 .step_round{ border-color:#cfbaaa; color:#cfbaaa;}
ul.toggle_ul li.step_2 .step_round {  color:#9ac6e9;}
ul.toggle_ul li.step_2 .step_round {border-color:#9ac6e9;}
ul.toggle_ul li.step_3 .step_round {  color:#7ed7b9;}
ul.toggle_ul li.step_3 .step_round {border-color:#7ed7b9;}
ul.toggle_ul li.step_1:hover, ul.toggle_ul li.step_1.active{ background:url(../images/border_right.png) right center repeat-y #cfbaaa;}
ul.toggle_ul li.step_2:hover, ul.toggle_ul li.step_2.active{ background:url(../images/border_right.png) right center repeat-y #9ac6e9;}
ul.toggle_ul li.step_3:hover, ul.toggle_ul li.step_3.active{ background:#7ed7b9;}
ul.toggle_ul li:hover .step_round a, ul.toggle_ul li.active .step_round a,  ul.toggle_ul li.active .left_tab_content .tab_txt{  color:#fff;}
ul.toggle_ul li:hover .step_round, ul.toggle_ul li.active .step_round{border-color:#fff;  color:#fff;}
.left_tab_content{ text-align:left;}
ul.toggle_ul li .tab_title{ font-size:16px; font-family: 'Roboto Regular'; color:#333;  padding-top: 23px; font-weight:normal;}
ul.toggle_ul li .tab_txt{font-size:13px; font-family: 'Roboto Light'; color:#8c8c8c; padding-top:10px; display:block;  padding-right: 30px; }
ul.toggle_ul li:hover .tab_title, ul.toggle_ul li.active .tab_title{ color:#fff;  }
ul.toggle_ul li:hover .tab_txt{color:#fff;  }
ul.toggle_ul li.active{color:#fff;  }
ul.toggle_ul li.incomplete { border-bottom:3px solid #757473; }
ul.toggle_ul li .step_round .num_txt{ font-size:30px; font-family: 'Roboto Light'; display:block; line-height:30px;}
ul.toggle_ul li .completed_icon{ display:none;}
ul.toggle_ul li.complete .completed_icon{ background:url(../images/tabs_comleted_ico.png) left no-repeat;   height: 22px; display:block;   position: absolute;    right: 0;    top: 9px;    width: 31px;}
.status_txt{ position: absolute;    right: 3px;    bottom: -3px; padding:2px 5px 6px; font-family: 'Roboto Light'; font-size:16px;  }
ul.toggle_ul li:last-child .status_txt{right: 0px;}
.status_txt.complete_status{ background: #75bf0c; color:#fff;}
.status_txt.in_progress{ background:#757473; color:#fff; }
ul.toggle_ul li a { color: #cfbaaa;    text-decoration: none;}
input, textarea, select, a, button, button:focus {    outline: medium none;}
.left-user {float: left; width: 48%;  border-right:1px solid #cccccc;}
.left-user.right_left_user{ border:none; padding-left:21px;}
.left-user-full-width{margin-left: 20px; border: medium none; width: 97%;}
.search_emp_by_name_div {   margin-top: 10px;padding-right: 8px;width: 230px; float:left; clear:both; position:relative;}
.search_emp_by_name_div input[type="text"]{ width:203px; border:1px solid #a7a7a7; height:30px; -webkit-box-shadow: inset 0 2px 4px -4px rgba(0,0,0,0.53); -moz-box-shadow: inset 0 2px 4px -4px rgba(0,0,0,0.53); box-shadow: inset 0 2px 4px -4px rgba(0,0,0,0.53); padding-right:30px; padding-left:10px; float:left; }
.search_emp_by_name_div input[type="button"]{ border:none; background:url(../images/search_icon.png) center no-repeat #fff; position:absolute; padding:0; right:0px; top:7px; text-indent:-25879px; width:20px; height:20px; cursor:pointer;}
.search_emp_by_name_div input.btn_search_clear[type="button"]{ border:none; background:url(../images/search_clear_icon.png) center no-repeat #fff; position:absolute;}
.cls_headers.acc_odd { background-color: #fff; background-image: none;}
.cls_headers.acc_even { background-color: #f6f6f4; background-image: none;}
.line_manager_grid .ui-accordion-header {
    border-bottom: medium none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    clear: both;
}
.requisition-table tr td.check_field, .check_field{ text-align:left;  }
.question_field, .field_width{ text-align:left;}
.per_steps .requisition-table tr th, .employee_appraisal-table tr th{ padding:10px 5px 10px 30px; background:#efefef; font-family: 'Roboto Medium'; color:#333;  font-weight:normal;  font-size:14px;}
.per_steps .requisition-table tr th, .per_steps .requisition-table tr td, .employee_appraisal-table tr th, .employee_appraisal-table tr td{ border-right:1px solid #dadada;  padding:10px 5px 10px 30px; vertical-align:middle; word-wrap: break-word;}
.check_field{ /*width:126px;*/ width:14%;}
.question_field{ width:33%;}
.field_width{ width:53%;}
.per_steps .requisition-table tr th:last-child, .per_steps .requisition-table tr td:last-child, .employee_appraisal-table tr th:last-child, .employee_appraisal-table tr td:last-child/*, .per_steps .requisition-table tr td:nth-child(3n), .employee_appraisal-table tr td:nth-child(3n)*/{ border-right:none;}
.employee_appraisal-table{ border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-top:1px solid #7eb3cc; width:97%; /*min-height:450px;*/}
.per_steps{ background:#f8f8f8; padding-bottom:40px;}
.per_steps .new-form-ui-submit{margin-left: 1.4%; margin-top:20px;}
.per_steps .requisition-table tr:nth-child(odd) td, .employee_appraisal-table tr:nth-child(odd) td {    background: #fff; word-wrap: break-word;}
.per_steps .requisition-table tr:nth-child(even) td, .employee_appraisal-table tr:nth-child(even) td {    background: #f6f6f6; word-wrap: break-word;} 
.comments_div_fiel{ width:45%; padding-top:10px; padding-bottom:10px; display:inline-block;}
.comments_div_fiel input{ margin-right:7px;}
.cofig_title{ font-size:18px; text-align:left; color:#4b4b4b; font-family: 'Roboto Medium'; clear:both; padding:20px 0 20px 0; margin-left:1.7%;}
.per_steps .cofig_title{padding-top: 0px;}
.cofig_title.top_padd_0{padding:0 0 5px 0;} 
.cofig_title .page_info{ font-size:13px; font-family: 'Roboto Light'; }
.tabs_all_button { float:left; padding-left:0;  margin-left:1.6%; list-style:none; display:inline-block; clear:both;}
.users_list .tabs_all_button{ margin-left:0;}
.tabs_all_button li{ /*display:inline;*/ background:#eeeeee; float:left; padding:8px 14px; color:#757473; font-family: 'Roboto Medium'; cursor:pointer;  font-size:16px;} 
.feedforwardinit_view .tabs_all_button li{background:#eeeeee!important;}
.tabs_all_button li.divider{ background:url(../images/divider.png) right center no-repeat #eeeeee;}
.tabs_all_button li.active{ color:#208bbd;}
.groupeddiv{  border:1px solid #9ac6e9; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; float:left; margin:20px 20px 0 0; width:230px; position:relative;}
.groupeddiv .grphoverclass{opacity: 0;    filter: alpha(opacity=0);  /*For IE8 and earlier */  visibility: hidden;}
.groupeddiv:hover .grphoverclass{    opacity: 1;    filter: alpha(opacity=100); /* For IE8 and earlier */ visibility: visible;     background:  url(../images/opp_img.png);    height: 80px;    position: absolute;    top: 0;    width: 100%;  -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; display: block;}
.groupeddiv .grphoverclass ul{ list-style:none; margin-top:30px; margin-left: 15%; display: table;}
.groupeddiv .grphoverclass ul li{ color:#fff; display:inline-block; font-family: 'Roboto Regular'; font-size:16px;  margin: 0 -1px;    padding: 0 10px; cursor:pointer; background:url(../images/divider_2.png) right center no-repeat;}
.groupeddiv .grphoverclass ul li:last-child{ background:none;}
.width_98{ width:97%; margin:0 auto; clear:both;}
.groupnamediv{ border-bottom:1px solid #dcdcdc; height:32px; font-size:14px; color:#000;   line-height: 32px; background:#f6f6f6; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; overflow:hidden;     padding: 0 4px;    text-align: center;}
.empcountdiv{ font-size:14px; color:#454c51; float:left; width:50%; background:url(../images/group_divider.png) right repeat-y;     padding: 4px 0 ;    text-align: center;}
.qscountdiv{font-size:14px; color:#454c51; float:left; width:50%; padding: 4px 0 ;    text-align: center;}
.groupeddiv .count{ display:block; text-align:center; font-size:18px;  font-family: 'Roboto Medium';}
.empcountdiv .count{ color:#61ae24;}
.qscountdiv .count{ color:#ff6b6b;}
.create_new_group{ clear:both; height:20px; margin-top: 14px; margin-left: 21px; margin-top: 0px;}
.create_group_div{ background:#eeeeee;}
.create_group_div.bg_white{ background:#fff;}
.invfrnds_confirm.create_group_div{ float:left; width:90%!important; min-width:643px; margin-top:20px; margin-left:23px; height:auto !important; -webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.30);
box-shadow:      0px -1px 5px rgba(0, 0, 0, 0.30);}
.invfrnds_confirm.create_group_div .users_list{margin: 0px auto; float: none; width: 97%;}
.invfrnds_confirm.create_group_div .users_list .tabs_all_button li, .white_tabs li, .white_tabs li.divider{ background-color:#fff;}
.addnewqs{ font-size:16px; color:#ea8035; font-family: 'Roboto Regular'; float:right; margin-right:1.5%; margin-top:8px; cursor:pointer; /*margin-bottom: 11px; changed due to gap of UL*/ margin-bottom: 8px;} 
.invfrnds_confirm.create_group_div .users_left_list_div, .invfrnds_confirm.create_group_div .users_right_list_div{ background:#fff;}
.users_left_list_div .profile_img img, .users_right_list_div .profile_img img{ width:48px; height:48px; margin-top: 5px; margin-left: 5px; border:1px solid #fff; outline:1px solid #a3a3a3;}
.grpnamecls{float: left; clear: both; width: 98%; text-align: left; height:85px; margin-left: 21px; margin-top: 20px;}
.grpnamecls_2{float: left; width: 100%; text-align: left; height:50px;  
line-height: 23px;
height:35px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
border-top:1px solod #bbbbbb;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom: 1px solid #bbbbbb;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding-top: 7px; 
margin-bottom: 10px;

}
.grpnamecls input[type="text"]{ clear:both;}
.fck_editor_height{width: 100%; min-height: 212px; height:auto;}
.fck_editor_height .jqte_editor, .fck_editor_height .jqte_source{ /*resize: none;*/}
.fck_editor_height .jqte{ width:100%;}
.click_view_link_class{position: absolute; top: 5px; left: 200px; color: #2980b9; font-family: 'Roboto Regular', sans-serif; text-decoration:none;}
.click_view_link_class_pd{position: absolute; top: 5px; color: #2980b9; font-family: 'Roboto Regular', sans-serif; text-decoration:none;}

.dashboard_birthday{ }
.right_dashboard{float:right; width:20%;}
.left_dashboard{ float:left; width:78%;}
.to_daybirth{ background:#b8a5d3; /*-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;*/ min-height:130px; padding-bottom: 32px; text-align:center;}
.no_birthday{ background:#fff7ee; color:#d8740e;   min-height: 25px;    padding-top: 13px;    padding-bottom: 9px;  border: 1px solid #d3d3d3; text-align:center;}
.no_announ{ background:#fff7ee; color:#e2974a;  text-align:center; border:none;}
.no_announ_bord{border:1px solid #d3d3d3;  color:#d8740e; margin-top:20px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.no_data{ padding:8px 20px; background:#fff7ee; border:1px solid #d3d3d3; color:#d8740e; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ position:relative; top:64px;}
.leave_mana span{ float:left; width:125px;}
.my_details_box .leave_mana span{ width:65px;}
.leave_mana span.ul_span_2{ float: none;     padding-left: 9px;    width: auto; }
.my_details_box .leave_mana span.ul_span_2{display: inline-block; width: 176px;}
.to_daybirth .view_more_annou{margin-top: 5px; color:#594343;}
.upcoming_birth .view_more_annou{margin-top: 10px;}
.to_daybirth pre.pre_class{ background:url(../images/cake_img.png) center 15px no-repeat;    /*float: left;*/     padding-left: 15px;    padding-right: 15px;    padding-top: 55px; font-family: 'Roboto Regular'; color:#fff; font-size:12px;text-align: center;}
.today_birthdayname{   /* float: right;*/     width: 100%; text-align: center; text-transform: uppercase; font-family: 'Roboto Bold'; color:#fff; font-size:18px; padding-top:15px;}
.upcoming_birth{ clear:both; background:#fff; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; padding:25px;  padding-bottom: 40px;}
.today_bday_list, .upcmg_bday_list{ list-style:none; }
.today_bday_list li{ display:inline-block; padding-right:8px;}
.upcmg_bday_list li{color:#333333; font-size:13px; font-family: 'Roboto Light';  font-weight:normal;  padding-bottom:5px; padding-top:8px; border-bottom:1px dashed #929292; text-align:right;}
.upcmg_bday_list li label{ float:left;}
.upcmg_bday_list li span{ display: inline-block;}
.company_announc{ /*border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background:#fff;*/ margin-top:20px; padding:15px 15px 30px; text-align:left; border:1px solid #e9eef3;}
h4.dashbord_title{ font-size:14px; color:#4b4b4b; font-family: 'Roboto Medium'; font-weight:normal; text-align:left;}
.company_announc ul{ list-style:none; margin-top:8px;}
.company_announc ul li{ margin-bottom:10px; padding:20px 10px; cursor:pointer; position:relative;}
.multi_files{ background: url(../images/multi-attach.png) no-repeat right center; height:25px; display: block; position: absolute; top: 3px; right: 3px; padding-right: 23px; text-align:right;}
.single_file{ background: url(../images/single-attach.png) no-repeat right center; height:20px; display: block; position: absolute; top: 3px; right: 6px; padding-right: 16px; text-align:right;}
.company_announc ul li:nth-child(1){ background:#fafbf4;}
.company_announc ul li:nth-child(2){ background:#f0fbff;}
.company_announc ul li:nth-child(3){ background:#f2fbf8;}
.company_announc ul li:nth-child(4){ background:#fff5f5;}
.company_announc ul li .annou_txt{ color:#333333; font-family: 'Roboto Light'; font-size:12px; word-wrap: break-word;}
.company_announc ul li .annou_date{color:#a5a6a5; font-family: 'Roboto Regular'; font-size:12px;}
.view_more_annou, .announcements_link a{ color:#208bbd; font-size:13px; font-family: 'Roboto Regular'; float:right; text-decoration:none;}
.announcements_link a{ float:none;}
.company_announc h4.dashbord_title{ border-bottom:1px solid #208bbd; padding-bottom:10px;}
.qstnscrldiv{clear: both; max-height: 450px;}
.qstnscrldiv-new{clear: both;}
.per_steps .ui-state-default .ui-icon.ui-icon-triangle-1-e{ background:url(../images/to_open.png) center no-repeat;     left: auto;     position: absolute;    right: 22px;}
.per_steps .ui-state-default .ui-icon.ui-icon-triangle-1-s{ background:url(../images/to_close.png) center no-repeat; padding:5px;  left: auto;     position: absolute;    right: 22px;}
.per_steps .cls_headers.acc_even, .per_steps .cls_headers.acc_odd{ background:#eeeeee; border:none;  -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important;   margin: 0 auto 25px auto;    width: 96%;}
.per_steps .acc_emp_list { float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #dbdbdb; margin:10px; background:#f6f6f6;}
.per_steps .acc_emp_list .profile_img{ float:left; padding:8px 6px;}
.per_steps .acc_emp_list .emp_details_li{ background:#fff; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; float:left;}
.per_steps .acc_emp_list .emp_details_li.border-radius{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.per_steps .acc_emp_list .emp_details_li .name_disply { color:#2590c2; font-size:13px; float:left; margin-top: 0px; margin-right: 14px; width:108px; overflow:hidden; height:20px; text-align:left;  line-height: 23px;}
.per_steps .ui-accordion .ui-accordion-header .ui-icon{ margin-top:-14px;}
.config_emp_div { float:left; width:120px; }
.emp_id, .desg_txt{  display:block; text-align:left;}
.emp_id{ color:#737373; font-size:13px; float: left; /*width: 111px; overflow:hidden;*/ }
.desg_txt{ color:#333333; font-size:13px;  width: 111px; display: block; text-align: left; height: 18px; overflow:hidden; float:left;line-height: 17px;}
.emp_count_txt{ display:block;}
.emp_name_span{ font-size:15px; color:#4b4b4b;  padding: 24px 15px 0; float:left;}
.appri_emp_count .emp_name_span{ margin-right:20px;}
.emp_name_span.l1_manager_span{ padding-top:22px;}
.per_steps .ui-accordion .ui-accordion-content{display: block; width: 96%; margin-top: 0px; background: none repeat scroll 0 0 #eeeeee; top: -26px; border: medium none; margin-bottom: 26px; margin-left:auto; margin-right:auto; }
.ui-accordion .users_list{  clear: both;    float: none;    width: 98%;}
.ui-accordion .users_left_list_div, .ui-accordion .users_right_list_div{ background:#fff;}
.ui-accordion .users_list_left{ padding-bottom:20px; max-height: 348px; height: auto;}
.per_steps .total-form-controller{ width:97%; margin:0 auto; float:none; clear:both; padding-top:30px;}
.per_steps .users_list .total-form-controller{ width:100%; padding-top:0px;}
.cofig_button{ display:inline-block; }
.cofig_button ul{background: #eeeeee;     -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    float: left;    list-style: none;    margin: 20px 0 20px 20px;    position: relative;
    padding: 37px 12px 22px;    width: 42%;    min-height: 244px;}
.cofig_button ul li{background: url(../images/li_img.png) 6px 9px no-repeat;    padding-left: 40px;
    text-align: left;    margin-bottom: 25px;    color: #4b4b4b;    font-size: 14px;    font-family: 'Roboto Light';    min-height: 40px;    word-break: break-word;}
.cofig_button ul input[type="button"], .cofig_button ul div.button_div{ background: #208bbd;    border: none;
    color: #fff;    font-size: 16px;    font-weight: 400;    font-family: 'Roboto Regular';    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    margin-bottom: -92px;    padding: 12px 14px;    cursor: pointer;    width: 72%;    position: absolute;    border-bottom-width: 0px;    bottom: -18px;    margin-bottom: -19px;    left: 0;    text-align: center;    right: 0;    margin: 0 auto;}
    @media (max-width: 1024px) {
    	.cofig_button ul input[type="button"] {width: 290px;}
    	.cofig_button ul div.button_div {width: 270px;}
    }
.per_steps .new-form-ui-submit.cof_manger{  clear: none;    float: none;     width: 48%;}
.per_steps .alt-scroll-content{ width:100%!important;}
#questiondiv .alt-scroll-content, #hiddenquestiondiv .alt-scroll-content { width:100%!important;}
.per_steps .veiw_form_emp #actionButtonsDiv.inner_action_div{float: right; margin-top: 20px; text-align: right; margin-right: 1.6%; position:absolute; right:0;}
.per_steps .inner_action_div input, .per_steps .inner_action_div button{ float:none;}
.per_steps #actionButtonsDiv.inner_action_div{float: right; margin-top: 20px; text-align: right; margin-right: 1.6%;}
.per_steps .veiw_form_emp .inner_action_div input, .per_steps .veiw_form_emp .inner_action_div button { float:none; margin-top:0; background-image: url(../jquery/css/cupertino/images/ui-icons_3d80b3_256x240.png); text-indent:-257899px; background-position: 0 -250px;    height: 23px;    width: 23px;}
.veiw_form_emp .left-user{ width:100%; border:none;}
.appri_emp_count{ }
.appri_emp_count .approvalpending_action_dis{  padding-right: 50px;    padding-top: 33px;    text-align: right;}
.appri_emp_count .approvalpending_action_dis input{ color:#208bbd; border:none; background:none repeat scroll 0 0 transparent; font-size:14px; font-family: 'Roboto Regular'; cursor:pointer;}
.appri_emp_count .approvalpending_action_dis input.clsbtn_edit{ background:url(../images/divider.png) right center no-repeat; padding-right:12px;}
.employee_appraisal_view{ background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #dbdbdb; }
.feed_forward{ background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; }
.feed_forward_bg{ background:#f9f4f0; border:1px solid #dbdbdb;}
.employee_appraisal_details_full{background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-bottom:1px solid #dbdbdb; padding:11px; clear:both; position: relative;}
.feed_forward .employee_appraisal_details_full{ border:1px solid #dbdbdb;}
.feed_forward.feed_forward_bg .employee_appraisal_details_full{ border:none; border-bottom:1px solid #dbdbdb;}
.feed_forward_bg .users_left_list_div, .feed_forward_bg .users_right_list_div{margin-top: 0px;}
.feed_forward_bg .users_left_list_div:hover, .feed_forward_bg .users_right_list_div:hover{ background:none;}
.employee_appraisal_view .users_left_list_div, .employee_appraisal_view .users_left_list_div:hover{ background: #f0f0f0; /* Old browsers */ margin-top:0;
background: -moz-linear-gradient(top,  #f0f0f0 0%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 0%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 0%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
#tabs.employee_appraisal_tabs{ clear:both;  margin:50px auto 0 auto; width:98%;}
#tabs.employee_appraisal_tabs .ui-widget-content{ clear:both; -webkit-border-radius: 0px ; -moz-border-radius: 0px ; border-radius: 0px; padding:0 ; width:100%; border:none;}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li{ clear: none;     display: table-cell;     float: none; width:auto; }
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li a{ width:auto !important;  padding: 4px 9px !important;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active  a, .employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:hover{
background: #1a7bb0; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7bb0 0%, #2d96c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a7bb0), color-stop(100%,#2d96c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1a7bb0 0%,#2d96c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7bb0', endColorstr='#2d96c3',GradientType=0 ); /* IE6-9 */
color:#fff!important;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;	}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-hover a:hover, .employee_appraisal_tabs.ui-tabs .ui-tabs-nav li a:hover{-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px!important;}
.employee_appraisal_tabs.ui-tabs .ui-tabs-nav{ width:auto; display:inline-block; background:url(../images/toggole_bg.png) center !important;padding:5px 7px 6px 6px; margin-bottom:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.employee_appraisal-table{ width:100%; text-align:left; margin:0 auto; border-right:none; border-left:none; border-bottom:1px solid #dadada;  table-layout:fixed; border-left: 1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #7eb3cc;word-wrap: break-word;}
.create_group_div .employee_appraisal-table{width:100%!important;}
.steps_questions .employee_appraisal-table{ width:97%;}
.alt-scroll-holder .employee_appraisal-table{ margin: 20px auto 0;}
.appraisal_title{ font-size:18px; color:333333; font-family: 'Roboto Regular'; padding:4px 0; float:right;}
.appraisal_details_type{ color:#333; font-family: 'Roboto Regular'; font-size:14px; float:left; text-align:left; border-right: 1px solid #e5e5e5;     margin-top:12px;     padding-right: 48px; margin-left:15px;}
.employee_appraisal_details .appraisal_details_type:last-child{ border-right:none;}
.appraisal_details_type span{ font-family: 'Roboto Light'; }
.appraisal_details_type .lis_div{margin-bottom: 9px; word-wrap: break-word;}
.appraisal_due_date{ float:left; color:#333; font-family: 'Roboto Medium'; font-size:16px;   margin-left: 18px;    margin-top: 31px; margin-bottom: 21px;}
.appraisal_due_date span{font-family: 'Roboto Light'; }
.appraisal_managers_list{ clear:both; padding-bottom: 20px; padding-top: 18px; color:#333; font-family: 'Roboto Regular'; font-size:14px; text-align:left; float:left;  width: 71%;}
.appraisal_managers_div{ float:left; margin-right:50px; margin-bottom: 10px;}
.appraisal_managers_name{ color:#1a7bb0;  height: 20px;    overflow: hidden;  padding-top: 5px; width: 150px;}
.employee_appraisal_edit input[type="button"]{ float:right; margin-bottom: 4px; margin-top: 8px; margin-right: 0px;}
.final_rating_div{ float:right; text-align:left;  right: 0px; bottom: 4px; position:relative; margin-top: 25px;}
.final_rating_div #view_comments{ font-size:12px; color:#208bbd; font-family: 'Roboto Light'; cursor:pointer; margin-top:18px; display:inline-block; text-decoration:none;}
.final_rating_txt{ font-size:16px; color:#6e6e6e; font-family: 'Roboto Light';}
.final_rating_txt span{ color:#65c3df; font-size:36px;  font-family: 'Roboto Regular';}
.appr_pending{border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border:1px solid #dbdbdb; background:#f1f1f1; text-align:center; padding:3px; margin-top:6px;} 
.appr_pending span{ background:#ea7c2e;  font-size:14px; color:#fff; font-family: 'Roboto Regular'; display:block; padding:2px 0 3px;}
.appr_rat{ margin-top:5px;}
.appr_completed{border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border:1px solid #dbdbdb; background:#f1f1f1; text-align:center; padding:3px; margin-top:18px; float:left;}
.appr_completed span{ background:#388b0b;  font-size:14px; color:#fff; font-family: 'Roboto Regular'; display:block; padding:2px 13px;}
.my_team_appraisal.employee_appraisal_view{clear:both; background: none repeat scroll 0 0 transparent;    border: medium none}
.my_team_appraisal .employee_appraisal_details_full{ margin-bottom:10px; border:1px solid #dbdbdb; position:relative;}
.appr_rat_num{border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border:1px solid #dbdbdb; background:#f1f1f1; text-align:center; padding:3px; margin-top:6px; width:40px;}
.appr_rat_num span{ background:#388b0b;  font-size:14px; color:#fff; font-family: 'Roboto Regular'; display:block; padding:2px 0 3px;}
.app_comments{ width:96%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border: 1px solid #dbdbdb; border-top:none; background: #f6f6f6; text-align:left; padding:10px 0;}
.line_title{ color:#333333; font-size:16px; font-family: 'Roboto Regular'; padding:0 0 0px 15px;}
.line_comme_txt{ font-size:14px; color:#4b4b4b;  font-family: 'Roboto Light'; padding:0 0 10px 15px;}
.app_line_comments{ /*width:48%;*/ display:inline-block; text-align:left;   padding-right: 25px; border-right: 1px solid #ccc;}
.app_line_comments:last-child{ border-right:none;}
.cofig_man_filds{ float:left; margin-left:3%; width:32%;margin-bottom: 15px;}
.cofig_man_fild_title{ font-size:18px; color:#333333;  font-family: 'Roboto Medium';  font-weight:normal; text-align:left;}
.cofig_man_fild_title_2{margin-top: 13px; float: left; clear: both;}
.line_managers{float: left;}
.line_managers label{float: left; margin-top: 11px;}
.line_managers .users_left_list_div{ clear: both; margin-top: 1px;}
.step_2_acc_box_bg, .acc_edit_div{ background:#eeeeee; width:96%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; clear:both;}
.acc_edit_div{ margin-bottom:20px; top:-27px;}
.up_arrow{background: url(../images/up_arrow.png) no-repeat left top; position:absolute; width: 26px; height: 24px; top: -9px; display:none;}
.step_2_acc_box_bg .users_left_list_div, .step_2_acc_box_bg .users_right_list_div{ background:#fff;}
.cofig_man_filds_list_emp{ width:58%; margin-bottom: 23px; padding-left:10px;}
.cofig_man_filds .new-form-ui{ height:80px;}
.line_mager_list{ clear:both;}
.over_head_link{ padding-bottom:25px;}
.per_steps .line_mager_list .new-form-ui-submit.cof_manger{ clear:both; float:left;width:100%; margin-top:8px; margin-left:0;}
.ui-accordion .cofig_man_filds .users_list{ float:left; width:195px; height:97px; clear:none;}
.per_steps .cofig_man_filds .acc_emp_list .emp_details_li{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:68px; }
.ui-accordion .cofig_man_filds .users_list .emp_name_span.l1_manager_span{clear: both; float: none; padding-top: 0px; color:#1F8ABC;}
.employee_appraisal_view .history-info-div{ width:98%; margin:0 auto;  float:none;}
.employee_appraisal_view .history-info-div .history-div{ border:none; width:98%;  margin-bottom: 20px; border:1px solid #dbdbdb}
.employee_appraisal-table .appri_ques{ color:#333333; font-size:14px; font-family: 'Roboto Regular';  display:block;}
.appri_desc{color:#333333; font-size:14px; font-family: 'Roboto Light'; display:block;  word-wrap: break-word; }
.employee_appraisal-table{color:#333333; font-size:14px; font-family: 'Roboto Light';}
.employee_appraisal-table .appri_numb{color:#717171; font-size:22px; font-family: 'Roboto Regular';}
.margin_l_1{margin-left: 1%; margin-bottom: 20px;}
.employee_appraisal_submit{float: right; clear: none; width: auto;}
.no_clear{clear:none;}
.configurewizard{ float:right; margin-top: 9px;  margin-right: 8px;} 
.configurewizard a{ text-decoration:none; color:#fff; font-size:14px;  /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ height: 31px; padding:0 13px 0 35px;
 background:url(../images/wizard_icon.png) 10px center #1e3241 no-repeat;  line-height:27px; display:block;}
.div_collapse{color: #166d35;    float: right;    font-family: "Roboto Light";    font-weight: normal;right: 28px; padding-right:13px; background:url(../images/expand_collapse.png) 50px 7px no-repeat; cursor:pointer; width:54px;}
.employee_appraisal_details_full .div_collapse{  position: absolute;    right: 10px;    top: 69px;}
.employee_appraisal_details_full .div_collapse.cls_collapse{ background-position: 55px -7px;}
.docment_row{ width:100%; clear:both; border-bottom:1px dashed #b1b1b1; text-align:left; padding-bottom:14px; margin-bottom:12px; font-family: 'Roboto Regular'; font-weight:normal;}
.doc_name_div{ float:left; color:#2b2b2b; font-size:14px; padding-right:24px;   width: 40%;    word-wrap: break-word; }
.attach_count{ /*padding-left:20px; background:url(../images/attachment-icon.png) left center no-repeat;*/ color:#a6a6a6; font-size: 12px;}
.docment_row input[type="button"].edit_doc, .docment_row input[type="button"].delete_doc, .docment_row input[type="button"].download_doc{ border:none;   background-color: transparent; color:#4b4b4b; padding-left:20px; font-family: 'Roboto Regular'; font-weight:normal; cursor:pointer; margin-right:5px;}
.docment_row input[type="button"].edit_doc{ background:url(../images/edit-icon.png) left center no-repeat;}
.docment_row input[type="button"].delete_doc{background:url(../images/delete-icon.png) left center no-repeat;}
.docment_row input[type="button"].download_doc{background:url(../images/download-icon.png) left center no-repeat; padding-left:25px;}
.new_docment_row{clear: both; width: 100%; background: none repeat scroll 0% 0% rgb(243, 243, 243); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:10px 0; margin-bottom:20px;}
.new_docment_row .new-form-ui-1, .new_docment_row .new-form-ui, .edit_emp_docs_div .new-form-ui-1, .edit_emp_docs_div .new-form-ui{ min-height:auto; height:auto;}
.padd-left10{ padding-left:10px;}
.edit_emp_docs_div{  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;   border: 1px solid #cacaca;    margin-top: 20px;    padding: 10px;    max-width: 650px; position:relative;}
.edit_doc_arrow{ background:url(../images/edit_docment_arrow.png) no-repeat center; width:13px; height:11px; position: absolute; right: 13%; margin-top: -21px;}
.docment_row .doc_name_div .click_view_link_class{ position:static;}
.managerresponsediv, .employeeresponsediv, .feedforward_emp_status{ clear:both;}
.manager_feed_div{background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px ; border-radius: 4px;  float:left; border:1px solid #dbdbdb; padding:5px; margin-right:20px; margin-bottom:20px; width:218px; text-align:left; position:relative; margin-top:20px;}
.manager_feed_div_2{ float: left; height: 71px; overflow: hidden;  max-width: 595px;}
.expand_manager .manager_feed_div_2{ height: auto;   width: auto; max-width: 768px;}
/*.employee_appraisal_details_full.expand_manager .div_collapse{position: relative; top: 0px; right: 0px; clear: both; margin-top: 6px;}*/
.manager_feed_div img{ border:1px solid #fff; outline:1px solid #9e9e9e; float:left; margin:5px 10px 5px 5px;}
.manager_feed_div span{ color:#2590c2; font-size:13px;     height: 19px;     overflow: hidden; display:block;}
.grphoverclass a{ color:#FFF; font-size:13px; text-decoration:none;}
.grphoverclass{ display:none;}
.appril_sel_stat_comp_msg{ float:left; margin-bottom: 20px;  margin-right: 13px;  margin-top: 10px;}
.appril_sel_stat_comp_msg span.label_10{ float: left; margin:22px 6px 0 20px; font-size:16px; font-family: "Roboto Light";  color:#333;}
.manager_feed_div:hover .grphoverclass{ display:block; position: absolute; width: 100%; top: 0px; left: 0px; text-align: center; height: 67px; line-height: 59px; background: url(../images/opp_img.png); -webkit-border-radius: 4px; -moz-border-radius: 4px ; border-radius: 4px;}
.manager_feed_div .status_div, .employee_appraisal_details_full .status_div{ font-size:12px; background:#f7f7f7; border:1px solid #dbdbdb;  -webkit-border-radius: 2px; -moz-border-radius: 2px ; border-radius: 2px; float:left; margin-top:5px; padding: 3px;}
.employee_appraisal_details_full .status_div{   margin-top: 20px;    padding: 6px 19px; min-width:114px;}
.status_div_block{ float:left; margin-top:5px; color: #333;}
.employee_appraisal_details_full .status_div_block .status_div{ float:none; margin-top:10px;}
.employee_appraisal_details_full .status_div_block span{ padding-right:15px;}
.manager_feed_div .status_div.pending, .employee_appraisal_details_full .status_div.pending{ color:#ea7c2e;}
.manager_feed_div .status_div.completed, .employee_appraisal_details_full .status_div.completed{ color:#75bf0c;}
.managerresponsediv_msg{  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
    margin: 2px auto 18px; text-align:center;
  color: #c09853; font-size:16px; width:500px;}
.employee_appraisal-table .managerresponsediv_msg{ margin: 2px auto; padding: 8px 14px; }
.appraisalinfo{ font-size:15px; font-weight:normal; text-align:left;  color:#4b4b4b; font-family: 'Roboto Medium';float:right; margin-bottom: 12px;}
.feedforward_emp_status .appraisalinfo { float:none;}

.deptinfo{ color:#333333; font-size:15px; font-weight:normal; text-align:left; margin-bottom:25px;    float: left;  text-transform: capitalize;}
.deptinfo span{color:#2590c2; font-size:15px; padding-left:3px;}
.new-form-ui .division.form_50{ width:105px;}
.new-form-ui .division.form_50 .select2-container{width: 92%;}
.new-form-ui .division.form_50 .select2-container .select2-choice{ width:81%;}
.select2-search input{ width:100% !important;}
.min-height-450{ min-height:450px;}
.margin-left-20{ margin-left:20px;}
.employee_appraisal-table .no_rborder{ border-right:none;}
.manage_feed_forward .users_left_list_div.users_list{ height:auto; background:#fff; clear:none; width:275px; position:relative; margin-right:60px; cursor:pointer;  margin-bottom: 35px; margin-top:0;}
.manage_feed_forward .users_left_list_div.users_list:hover{ background:none repeat scroll 0 0 #f6f6f6; border-color:#1f8abc;}
.manage_feed_forward .users_left_list_div .profile_img img{ outline: medium none; border:none medium;}
.manage_feed_forward .member_name{ font-size:16px; color:#333333;  font-family: 'Roboto Regular';  height: 15px;    width: 161px;}
.manage_feed_forward ul{ list-style:none; text-align:left; clear:both; font-size:12px; font-family: 'Roboto Light'; font-weight:normal; color:#4b4b4b; padding-right: 10px; padding-left: 4px; padding-top: 14px; padding-bottom:10px;}
.manage_feed_forward ul li{ padding:3px 0 3px 0; margin-bottom: 1px;}
.manage_feed_forward ul li span{ position:relative; top:-4px;}
.manage_feed_forward ul li span.line_txt{ color:#333333; padding-left:15px;  width: 90px; display:inline-block;  float: left;    margin-top: 1px; top:0px; line-height:19px; }
.manage_feed_forward ul li span.line_txt_name{ padding-left:8px; display: inline-flex; height: 16px; overflow: hidden; padding-left: 8px; width: 143px;  height: 19px;    line-height: 21px;    width: 126px; line-height:21px;  top:0px; }
.manage_feed_forward ul li:nth-child(odd){ background:#f0f0f0; }
.manage_feed_forward ul li:nth-child(even){background:#f7f7f7;}
.manage_feed_forward .circle_rating{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height:70px; width:70px; background:#666; position:absolute;  right: -25px;     top: -20px; text-align:center; color:#fff;}
.manage_feed_forward .rating_1{background:#df3f3d;}
.manage_feed_forward .rating_2{background:#ff5f00;}
.manage_feed_forward .rating_3{background:#e5b907;}
.manage_feed_forward .rating_4{background:#7bc242;}
.manage_feed_forward .rating_5{background:#00a650;}

.manage_feed_forward .rating-1{background:#df3f3d;}
.manage_feed_forward .rating-2{background:#df3f3d;}
.manage_feed_forward .rating-3{background:#ff5f00;}
.manage_feed_forward .rating-4{background:#ff5f00;}
.manage_feed_forward .rating-5{background:#e5b907;}
.manage_feed_forward .rating-6{background:#e5b907;}
.manage_feed_forward .rating-7{background:#7bc242;}
.manage_feed_forward .rating-8{background:#7bc242;}
.manage_feed_forward .rating-9{background:#00a650;}
.manage_feed_forward .rating-10{background:#00a650;}

.manage_feed_forward .circle_rating .rat_txt{ display:block; padding-top:10px; font-size:14px; font-family: 'Roboto Light';}
.manage_feed_forward .circle_rating .rat_num{ display:block; font-family: 'Roboto Regular'; font-size:24px;}
.rating_value{ font-size:24px; color:#6e6e6e; font-family: 'Roboto Regular'; }
.rating_txt{ font-size:14px; font-family: 'Roboto Light'; color:#6e6e6e;}
.rating_comments{word-wrap: break-word; width: 98%;}
.manager_feed_div_ .users_left_list_div.users_list{ clear:none; margin-bottom: 13px;}
.my_team_appri_row .manager_feed_div_ .users_left_list_div.users_list{  margin-bottom: 0px;}
.my_team_appri_row.expand_manager .manager_feed_div_ .users_left_list_div.users_list{  margin-bottom: 12px;}
.manager_feed_div_ .users_left_list_div.users_list.other_mana.other_mana_more{margin-bottom: 12px;}
.manager_feed_div_ .users_left_list_div.users_list.other_mana{ width:160px; background:#f1f1f1 none; padding-right:6px; margin-top: 0px;}
.manager_feed_div_ .users_left_list_div.users_list.other_mana .line_mgr_text{ display:block; margin-top:2px; font-size:14px; color:#333333; font-family: 'Roboto Regular';}
.manager_feed_div_ .users_left_list_div.users_list.other_mana .line_mgr_rat{ color:#75bf0c; font-family: 'Roboto Regular'; font-size:30px; line-height:30px;}
.manager_feed_div_ .status_div{margin-right: 15px;}
.comments_view{ text-align:left; padding-left: 0px; padding-bottom: 25px; font-family: 'Roboto Regular'; font-size:14px; color:#333;  word-wrap: break-word;}
.left_list_panel{ float:left; position:absolute; width:240px; max-height:450px;  }
.right_list_content{ float:left; padding-left:255px; width:auto;  margin-bottom:40px; max-height:450px;}
#by_ques_right, #by_ques_left, #by_emp_left, #by_emp_right{max-height:450px !important;}
.left_list_panel .slimScrollDiv, .right_list_content .slimScrollDiv{max-height:450px !important;}
.right_list_content .employee_list_comme{ padding-right: 10px;    width: 485px;}
ul.question_list{ list-style:none; border-right: 1px solid #e3e3e3;}
ul.question_list li{ padding:15px 15px 15px 15px; cursor:pointer;  border-bottom: 1px solid #e3e3e3;}
ul.question_list li:hover{ background:#ccc;}
ul.question_list li.selected_question{ background:#7ed7b9 ;}
.rating_div{ float:left; width:250px!important; padding-left:5px;}
.lis_div{ clear:both;}
.rating_number{ font-size:46px; color:#e5b907; font-family: 'Roboto Medium'; margin-top: 21px; margin-bottom: 12px;}
.appri_report_hr{width: 99%; border-width: 1px medium medium; border-style: solid none none; border-color: #9ac6e9 ; clear: both; margin-bottom: 36px;}
.rating_star_1 .rating_number{ color:#df3a36;}
.rating_star_2 .rating_number{ color:#fd6100;}
.rating_star_3 .rating_number{ color:#e6b906;}
.rating_star_4 .rating_number{ color:#7ac245;}
.rating_star_5 .rating_number{ color:#01a850;}

.rating_star_new_1 .rating_number{ color:#df3a36;}
.rating_star_new_2 .rating_number{ color:#df3a36;}
.rating_star_new_3 .rating_number{ color:#fd6100;}
.rating_star_new_4 .rating_number{ color:#fd6100;}
.rating_star_new_5 .rating_number{ color:#e6b906;}
.rating_star_new_6 .rating_number{ color:#e6b906;}
.rating_star_new_7 .rating_number{ color:#7ac245;}
.rating_star_new_8 .rating_number{ color:#7ac245;}
.rating_star_new_9 .rating_number{ color:#01a850;}
.rating_star_new_10 .rating_number{ color:#01a850;}

.rating_star_1 .final_rating_txt span{ color:#df3a36; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_2 .final_rating_txt span{ color:#fd6100; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_3 .final_rating_txt span{ color:#e6b906; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_4 .final_rating_txt span{ color:#7ac245; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_5 .final_rating_txt span{ color:#01a850; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}

.rating_star_new_1 .final_rating_txt span{ color:#df3a36; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_2 .final_rating_txt span{ color:#df3a36; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_3 .final_rating_txt span{ color:#fd6100; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_4 .final_rating_txt span{ color:#fd6100; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_5 .final_rating_txt span{ color:#e6b906; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_6 .final_rating_txt span{ color:#e6b906; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_7 .final_rating_txt span{ color:#7ac245; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_8 .final_rating_txt span{ color:#7ac245; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_9 .final_rating_txt span{ color:#01a850; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_star_new_10 .final_rating_txt span{ color:#01a850; font-familt: 'Roboto Regular', sans-serif; font-size:36px;}
.rating_number_txt{ display:inline-block;}
.rating_number .rating_txt_txt{font-family: 'Roboto Light'; font-size:16px; margin-left: -7px; display:inline-block; width:168px;}
.manager_feed_forward_pop .appraisal_details_type{ border-right:none; margin-top:0px; padding-right:0; width:280px;}
ul.question_list span.question_txt{ color:#4b4b4b; font-family: 'Roboto Medium'; font-size:14px; display:block; padding-bottom:2px;}
ul.question_list span.question_desc{ color:#4b4b4b; font-family: 'Roboto Light'; font-size:13px; display:block; /*padding-bottom:15px;*/}
ul.question_list li:last-child span.question_desc{border-bottom:none;}
.rating_stars{ float:right; width:190px; margin-top:2px;}
.emp_details_comments .rating_stars .rateit{float:right;}
.emp_details_comments{ background:#ececec; padding:5px 8px;  font-family: 'Roboto Medium'; font-size:14px; margin-bottom:3px; margin-top:18px;}
.question_comments_line{  border-top: 2px solid #ececec;  padding: 5px 0;}
.emp_details_comments .emp_name{ color:#4b4b4b; max-width:200px; display:inline-block;}
.emp_details_comments .emp_id_txt{ color:#737373;}
.employee_list_comme .question_comments{ color:#4b4b4b; font-size:13px;  font-family: 'Roboto Light'; padding-right:20px;}
.right_list_content .employee_list_comme:first-child .emp_details_comments{ margin-top:0;}
.by_employees ul.question_list li.selected_question{ background:none repeat scroll 0 0 transparent;}
.by_employees ul.question_list li:hover{background:none repeat scroll 0 0 transparent;}
.by_employees ul.question_list li:first-child{ padding-top:0;}
.by_employees ul.question_list{ border-right:none;}
.ques_title{ color:#4b4b4b; font-size:14px; font-family: 'Roboto Light'; padding:10px 0 10px 15px;}
.by_employees .users_left_list_div:hover, .by_employees .users_right_list_div:hover, .no_search_results:hover{background:none repeat scroll 0 0 transparent;}
.by_employees ul.question_list li:hover .users_left_list_div{ background:#CCC;}
.by_employees ul.question_list li.selected_question .users_left_list_div, .by_employees ul.question_list li.selected_question .users_right_list_div{ background:#7ed7b9;}
.by_employees ul.question_list li.selected_question .member_name, .by_employees ul.question_list li.selected_question .member_id, .by_employees ul.question_list li.selected_question .member_jname{ color:#737373;}
.by_employees .users_left_list_div, .by_employees .users_right_list_div{ margin:0; cursor:pointer;}
ul.toggle_button{ float:right; width:auto; display:inline-block; background:url(../images/toggole_bg.png) center !important;padding:5px 7px 6px 6px; margin-bottom:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; list-style:none; margin-top:-44px; margin-right:20px; position:relative;}
ul.toggle_button li{ display:table-cell; cursor:pointer;
width:auto !important;  padding: 4px 9px !important;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
ul.toggle_button li.active_toggle{background: #1a7bb0; /* Old browsers */
background: -moz-linear-gradient(top,  #1a7bb0 0%, #2d96c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a7bb0), color-stop(100%,#2d96c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1a7bb0 0%,#2d96c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1a7bb0 0%,#2d96c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7bb0', endColorstr='#2d96c3',GradientType=0 ); /* IE6-9 */
color:#fff!important;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.manager_feed_forward_pop{padding-bottom: 48px;}
.width_16{ width:16%;}
.right-ui-submit{ width:auto; float:right; margin-right:5%;}
.grou_name_lab{ font-family:'Roboto Regular', sans-serif; font-size:14px; padding-left: 21px;}
.grou_name{font-family: 'Roboto Light'; font-size:14px; text-transform:capitalize; color:#2590c2;}
.ui-dialog-content .total-form-controller{margin: 10px auto; width: 95%; float:none;}
.ui-dialog-content{ padding-bottom: 10px !important;}
.mana_feed_search{margin-top: -40px; margin-left: 11px; position:absolute;}
.left_list_panel .no_search_results_right{ text-align:center;}
.manager_feed_div_block{ clear:both;}
.my_team_app_status{}
.deptinfo .head_txt{ color:#000; padding-left:16px;}
.appdetails{ padding-top:13px;  padding-bottom: 3px; clear:both; height: 30px;  background: none repeat scroll 0 0 #fff9ea;     border-bottom: 1px solid #e5d5bd;}
.appdetails .appraisalinfo{  margin-right: 1.8%;}
.interview_shed_box{ background:#f2f2f2; border:1px solid #d3d3d3; -webkit-border-radius: 5px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-left-radius: 0; float:left; min-height:139px; position:relative;}
.no_interview_shed_block .interview_shed_box{ min-height: 67px; background:#fff7ee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.no_interview_shed_block .interview_shed_box .no_interview{ color:#d8740e;}
.no_interview_shed_block .interview_shed_box h4{ border:none;     background: none repeat scroll 0 0 transparent; margin-top: 6px; float: none; width:auto; padding-left:0;  text-align:center;}
.no_interview_shed_block .users_left_list_div{ padding-top:0!important;}
.interview_shed_box ul li{ color:#333333; font-family: 'Roboto Light'; font-size:13px; text-align:left; list-style:none;   margin-bottom: 10px;     margin-top: 10px;   padding-left: 12px;    padding-right: 12px; clear:both;}
.view_all_div{  float: right;     margin: 10px 15px 15px 0;     text-align: right;    width: 100%;}
.left_block_shed{ float:left; width:230px; position:relative; z-index: 5;}
.dashboard_wid_box{ float:left; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ background:#ccc; padding:20px; width:180px; height:140px; margin-right:20px; position:relative; margin-bottom: 20px;}
.dashboard_wid_box h4{ color:#fff;  font-size:16px; font-family:'Roboto Regular', sans-serif; font-weight:normal; text-align:left; }
.dashboard_wid_box.shortlist_cls h4{line-height: 19px;}
.single_txt h4{  line-height: 21px; margin-top: 46px; text-align:center;}
.single_txt h4 span{ font-size:48px;}
.dashboard_wid_box h4 .box_count_tol{ font-size:48px; font-family:"Roboto Medium"; float:left; line-height:20px; padding-right:7px; }
.dashboard_wid_box.emp_total h4 .box_count_tol{line-height:35px;  width: 100%;}
.dashboard_wid_box.emp_total .dashboard_wid_box_inner{    float: left;    margin-right: 18px;    margin-top: 13px;    width: 80px; text-align:center;}
.dashboard_wid_box.emp_total .dashboard_wid_box_inner.last-child{margin-right:0;}
.dashboard_wid_box.shortlist_cls.emp_total .dashboard_wid_box_inner{margin-top: 2px;}
.dashboard_wid_box_inner{  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Roboto Light';  font-weight:normal;  background:url(../images/trasparent_white.png) ; display:inline-block; margin-right:2px; width:86px; height:50px; margin-top:49px; font-size:14px; padding-top: 7px;}
.cls_redirect{ color:#333;}
.dashboard_wid_box_inner.last-child{ margin-right:0;}
.dashboard_wid_box_inner .box_count{ font-size:20px; display:block;}
.interview_shed_block h4{ background:#f2f2f2; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #d3d3d3; border-right:none; height:55px; text-align:left; clear:both; float:left; margin-top:15px; position: relative; width: 215px; padding-left:15px;}
.interview_shed_block h4 div{font-family:'Roboto Regular', sans-serif; font-size:16px; color:#4b4b4b; font-weight:normal; padding-top:5px; }
.interview_shed_block h4 span{font-family:'Roboto Regular', sans-serif; font-size:15px; color:#208bbd; font-weight:normal; }
.interview_shed_block .users_left_list_div{ border:none; outline:none; margin-top: 0px; margin-right: 0px; width:auto; background: none repeat scroll 0 0 transparent!important; }
.interview_shed_block .users_left_list_div .profile_img img{border:none; outline:none; margin-top: 0px; margin-right: 0px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:65px; height:65px;}
.interview_shed_block .member_name{font-family:'Roboto Regular', sans-serif; font-size:16px; color:#333333; margin-top: 15px; height: 16px;}
.interview_shed_block .member_jname{ font-family:"Roboto Light"; font-size:14px;  color:#4b4b4b; margin-top:3px;}
.no_of_emp{margin-top: 5px; margin-right: 18px; float:right; background:url(../images/no_of_emp.png) left center no-repeat; padding-left:35px;}
.interview_shed_block{margin-bottom: 20px;}
.box_link{ background:url(../images/black-trasparent.png) ; /*-webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; border-radius: 4px; border-top-right-radius: 0;*/ position:absolute; bottom:0; right:0; color:#fff; text-decoration:none; padding: 2px 9px; font-size:13px;}
.interview_shed_box .box_link{ position:relative; background:none; text-align:right; top:4px;}
.interview_shed_box .box_link a{ text-decoration:none; background:#e0e0e0;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#676767; padding: 2px 11px;}
.emp_lable{font-family:'Roboto Regular', sans-serif; font-size:12px; color:#fff; background:#65c3df; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 7px; float: left; margin-bottom: 17px; margin-right: 10px;}
.me_label{font-family:'Roboto Regular', sans-serif; font-size:12px; color:#fff; background:#f8cb00; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 3px; float: left; margin-bottom: 17px; margin-right: 10px;}
.can_name_lable{ padding-left:4px; color:#333333;}
.txt_lable{ color:#777777; font-size:13px;  padding-left: 3px;}
.txt_block{ font-size:13px; color:#333333;}
.emp_resume_link a{ color:#208bbd; text-decoration:none; padding-left:5px;}
.dashboard_bottom_box{ /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ width:295px; height:225px; background:#f0f3f7; float:left; margin-right: 20px;   position:relative; margin-bottom:20px;}
.dashboard_bottom_box .tot_cnt{ float:right;  /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ background:#e4e8ed; width:76px; height:53px; text-align:center; color:#ff6b6b;font-size:48px; font-family:"Roboto Medium"; line-height:50px; position:absolute; right:0;}
.dashboard_bottom_box.my_details_box .tot_cnt { width:53px;}
.dashboard_bottom_box.my_details_box .tot_cnt img{ -webkit-border-top-right-radius: 5px;  -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
.dashboard_bottom_box .tot_cnt.num_color_1{ color:#ff6b6b;}
.dashboard_bottom_box .tot_cnt.num_color_2{ color:#61ae24;}
.dashboard_bottom_box .tot_cnt.num_color_3{ color:#22b6bf;}
.dashboard_bottom_box .tot_cnt.num_color_4{ color:#f29e49;}
.dashboard_bottom_div{ clear:both; text-align:center;}
.dashboard_bottom_div.mana_mod_box ul li:last-child{ border-bottom:none;}
.dashboard_bottom_div ul{ list-style:none; text-align:left; margin:0 20px;}
.dashboard_bottom_div ul li{ width:255px; overflow:hidden; color:#333333; font-size:13px; font-family: 'Roboto Light';  font-weight:normal;  padding-bottom:5px; padding-top:5px; border-bottom:1px dashed #929292;    height: 18px;     line-height: 20px;}
.bu_cls, .dept_cls{ clear:both; text-align:left; padding-left:20px; padding-bottom:4px; padding-top:2px; font-family: 'Roboto Light';  font-weight:normal; color: #2590c2; font-size:13px;}
.bu_cls span, .dept_cls span{font-family:'Roboto Regular', sans-serif;  font-weight:normal; color: #333;}
.dashboard_bottom_box h4{ font-size:16px; color:#4b4b4b; font-family:'Roboto Regular', sans-serif;  font-weight:normal; text-align:left; margin-left:20px; margin-top:15px; float:left; margin-bottom:10px;width: 202px;word-wrap: break-word;}
.add_manager_response{ float:left; margin-left: 15px; width:230px; text-align:left; margin-top: -8px;}
.l_manager_txt{font-family:"Roboto Medium"; color:#343434; font-size:13px; }
.manager_links{ float:left; margin-top:5px; margin-bottom:0px; margin-left:3px; }
.manager_links span{ color: #208bbd;    cursor: pointer;    font-family: 'Roboto Regular', sans-serif;    font-size: 12px;  background:url(../images/divider.png) right center no-repeat; margin-right: 10px; padding-right: 14px;}
.manager_links span.mng_sclear{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-right: 0; padding-right: 0;}
.my_team_apprisal{padding-top: 15px; clear:both;}
.my_team_apprisal .employee_appraisal-table{clear: both; width: 100%; margin-top: 0px;}
.my_team_apprisal #tabs.employee_appraisal_tabs{clear: both; margin-top: 20px;}
.my_team_apprisal .employee_appraisal-table tr th:last-child, .my_team_apprisal .employee_appraisal-table tr td:last-child{ border-right:none;}
.performance_appraisal_rep .users_left_list_div .profile_img img{ border:none; outline:none; margin-top:0;}
.performance_appraisal_rep .member_name{ color:#343434; font-size:16px; font-family:"Roboto Medium"; width: 157px;}
.performance_appraisal_rep .member_id{margin-top: 3px; height: 16px;}
.performance_appraisal_rep .member_jname{}
.performance_appraisal_rep .employee_appraisal_details_full{  border-radius: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.performance_appraisal_rep{ background:#fdf9f8; margin:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.performance_appraisal_rep-border{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #dbdbdb;}
.appraisal_rateyr_list{ float:left; min-width:400px; width:40%;}
.performance_appraisal_rep .chart-view-1{ width:51%;}
.performance_appraisal_rep .jqplot-target{ width:100% !important;}
.year_rating{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff; border:1px solid #dadada; width:175px; float:left; margin-right:20px; margin-bottom:20px;}
.year_rating .first_row{border-right: 1px solid #dadada;     display: inline-block;    float: left;    height: 21px;    padding: 4px 4px 4px 8px;      text-align: center;  width: 34%; font-family:"Roboto Light"; font-size:14px;}
.year_rating .second_row{display: inline-block;    float: left;    height: 21px; padding: 4px 4px 4px 8px;    width: 50%; color:#4b4b4b; font-size:14px; text-align: center; font-family:"Roboto Medium"; }
.qe_col{ clear:both; height: 26px; padding: 4px;  text-align: center;line-height: 26px; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada;  background:#f6f6f6; color:#4b4b4b;}
.qe_col a{ color:#4b4b4b; font-size:15px; font-family:"Roboto Medium"; text-decoration:none;}
.year_app_detailed{ background:#fff; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.year_app_detail{ text-align:left; padding:20px; padding-bottom:6px;}
.yr_app_title{ color:#218bbd;   font-size:17px; font-family:"Roboto Medium"; }
.yr_app_mana_title{ color:#4b4b4b; font-size:15px; margin-top: 13px; margin-bottom: 5px;}
.year_app_block{ float:left; margin-right:2%; border-right:1px solid #dbdbdb; padding-right:2%;}
.mana_ratings_count_1 .year_app_block{ width:100%;}
.mana_ratings_count_2 .year_app_block{ width:47.9%;}
.mana_ratings_count_3 .year_app_block{ width:30.4%;}
.mana_ratings_count_4 .year_app_block{ width:21.9%;}
.mana_ratings_count_5 .year_app_block{ width:16%;}
.year_app_block_last{ border-right:none; margin-right:0px; padding-right:0px;}
.year_app_block .final_rating_div{float:left; right:0px; bottom:0px; margin-top: 0px; margin-bottom: 18px;}
.year_app_block .yr_app_comm{ clear:both;}
.yr_app_rate{font-family:"Roboto Light"; font-size:15px; color:#4b4b4b;}
.yr_app_comm{ padding-top:0px; color:#777777; text-align: justify; max-height:120px; }
.yr_app_comm .scroll_padding{margin-right:8px;}
.year_app_detail #tabs.employee_appraisal_tabs{ width:100%;}
.yr_app_comm span{ color:#323232;}
.yr_app_rate span{font-size:17px; font-family:"Roboto Medium";}
.my_team_app_search{width: 233px; margin-bottom: 15px;}
.my_team_app_search.search_emp_by_name_div input[type="text"]{  width: 140px;}
.my_team_app_search .select2-container .select2-choice{ width:150px;}
.search_emp_by_name_div.my_team_app_search input[type="button"]{right: 68px;}
.my_team_app_search .search_go{background-color: #218bbd;     border: 0 none;       color: #ffffff;  padding-top: 6px; padding-bottom: 6px; margin-top: 3px; margin-left: -7px; cursor:pointer;}
.cls_close_skill{  background: url("../images/sprite.png") no-repeat scroll 0 -54px rgba(0, 0, 0, 0);    cursor: pointer;     display: block;    text-indent: -254778px;    width: 15px; height: 16px;}
.select_all_div{ position:relative; float:left;}
.sele_span{float: right; position: absolute; right: 0px; color:#1F8ABC; right:28px; cursor:pointer;  z-index: 258; font-size:12px; }
.alert_info_span{ display:block; padding-bottom:6px; font-size:13px;}
.ratings_div{ margin-top:20px;}
.ui-dialog .ui-dialog-content.performance_emp_list{ margin: 0 auto;    padding-top: 40px ;    width: 88% !important;  padding-bottom: 40px !important;} 
.manage_feed_forward.performance_emp_list .users_left_list_div.users_list{width: 290px;}
.manage_feed_forward.performance_emp_list ul li span.line_txt{width: 112px; float:left;}
.manage_feed_forward.performance_emp_list ul li span.line_txt_name{width: 126px; line-height:21px; height:19px;}
.manage_feed_forward.performance_emp_list .users_left_list_div.users_list:nth-child(even){float: right; margin-right: 26px; }
.rate_emp_list{  text-align: center; border:1px solid #ccc; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;  margin:20px 15px 20px 0; width:124px; height:112px; position:relative; display:inline-block; float:left; cursor:pointer;}
.rate_emp_list.active{border:1px solid #9ac6e9;}
.rate_emp_list:hover{ background:#f1f1f1;}
.rating_dis{-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; width:45px; height:36px; background:#ccc; position:absolute; right:0; top:0; font-size:11px; color:#fff; line-height:16px;}
.rating_dis span{ display:block; font-family:"Roboto Medium"; font-size:20px; }
.empl_dis{ line-height: 35px;   text-align: center;  padding-top: 43px; font-size:15px; text-transform:uppercase;}
.appr_history_div .empl_dis{padding-top: 39px; }
.empl_dis span{ display:block;  font-family:"Roboto Medium"; font-size:40px;}
.empl_dis_report span{ display:block;  font-family:"Roboto Medium"; font-size:16px;}
.display_employees{  clear: both;    display: block;    padding: 10px 0 15px;    width: 98%;}
.rate_box_list{width: 98%;}
.display_employees .manage_feed_forward.performance_emp_list .users_left_list_div.users_list:nth-child(2n){     float: left;     margin-right: 60px;}
/*.manage_feed_forward.performance_emp_list .users_left_list_div.users_list:hover{border:1px solid #dbdbdb; background:#fff;}*/
.or_css{ color:#ec7d10; font-size:20px; font-family:'Roboto Regular', sans-serif; clear:both; float: left; margin-top: 5px; margin-bottom: 15px; margin-left: 180px;}
.label-title{color:#333333; font-size:14px; font-family:'Roboto Regular', sans-serif; clear:both; margin-left:20px;}
.appraisal_status_clear{background: none transparent; border: 0 none;  box-shadow: none;  color: #208BBD; text-decoration: none;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; margin: 4px 0px 0 10px;  padding: 0; text-shadow: none; float: left;  text-transform: capitalize; cursor: pointer; line-height: 19px;}
.business_unit_clear{background: none transparent; border: 0 none;  box-shadow: none;  color: #208BBD; text-decoration: none;  font-family: 'Roboto Regular',sans-serif; font-size: 14px; margin: 4px 0px 0 10px;  padding: 0; text-shadow: none; float: right;  text-transform: capitalize; cursor: pointer; line-height: 19px;}
#appraisal_status_select{ float:left;}
.appraisal_status_select_fil{width: 216px; clear: none; margin-top: 12px;}
.appraisal_status_select_fil .select2-container{ float:left;}
.business_unit_select_fil{width: 216px; clear: none; margin-top: 12px;}
.business_unit_select_fil .select2-container{ float:left;}
.appri_view_step_1{ clear:both; padding-top:10px;}
.requisition-table tr td.post_align b{ float:none;}
.requisition-table tr td.post_align span, .requisition-table tr td.post_align p{ /*font-weight:normal; color:#3b3b3b!important;*/}
.requisition-table tr td.post_align br{ line-height:0;}
.colour_not_conf{padding: 7px 0px; margin-top: -6px; color: #fff;    line-height: 29px; font-size:16px;  font-family: 'Roboto Regular', sans-serif;}
.single_txt h4 .colour_not_conf{margin-top: -31px;}
.no_info_txt{ font-size:14px;    background:url(../images/trasparent_white.png) ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Roboto Light';  font-weight:normal;   color: #333;}
.beta_info{ position:absolute; color:#fff; right:4px; bottom:4px; font-family: 'Roboto Regular', sans-serif;  font-size:11px; text-transform:none; background: url(../images/beta_info.png) left top no-repeat; padding-left:30px; height:20px; padding-top:8px; display:none;}
.side-menu ul li .beta_menu{background: url(../images/beta_info.png) right top no-repeat; float:none; padding:8px 16px 8px 13px; display:none;}
.left-block-ui-data .beta_menu{background: url(../images/beta_info_2.png) center center no-repeat; float:none; padding:4px 16px 4px 13px; display:none;}
.new-dailog-content{ border:none!important;}
.new-dailog-content .total-form-controller {    float: none;    margin: 10px auto;    width: 95%;}
.new-dailog-content .per_steps .new-form-ui-submit{width: auto; margin-left: 19px; margin-bottom:15px;}
.businessunit_title, .department_txt{ display:inline-block; padding-bottom:1px; font-size:13px; padding-top:3px; width:100%; color:#208bbd;   padding-left: 22px;  text-align:left;}
.reports-block-area #menu-shadow{box-shadow: 0 0 0 0;}
.poc-ui-data-control .ui-accordion .ui-accordion-content{overflow: hidden;}
.ajax-file-upload-error b {width: 415px; display: block; word-wrap: break-word; } /* Wrap attachment file name in Employees -> Documents*/	
#powerTip .users_left_list_div, #powerTip .users_right_list_div{ background:#fff; border:1px solid #999898;}
.tool_tip_emp_list{float: left; width: 196px; margin-right: 15px;}
.tool_tip_emp_list .emp_name_span.l1_manager_span{padding-top: 3px; display: block; float: none; clear: both; margin-right: 22px; width: 163px; position: relative; top: -2px; padding-bottom: 4px; border:1px solid #999898; border-top: medium none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; text-align: center;  background: #f6f6f6 none repeat scroll 0 0; color: #1F8ABC;}
/*View page CSS*/

/*View page CSS*/
.ratings_block .rating_star_1{ background:url(../images/star_rate_info/star-1.png) no-repeat left center; width:19px; height:18px; display:inline-block;}
.ratings_block .rating_star_2{ background:url(../images/star_rate_info/star-2.png) no-repeat left center; width:40px; height:18px; display:inline-block;}
.ratings_block .rating_star_3{ background:url(../images/star_rate_info/star-3.png) no-repeat left center; width:61px; height:18px; display:inline-block;}
.ratings_block .rating_star_4{ background:url(../images/star_rate_info/star-4.png) no-repeat left center; width:82px; height:18px; display:inline-block;}
.ratings_block .rating_star_5{ background:url(../images/star_rate_info/star-5.png) no-repeat left center; width:103px; height:18px; display:inline-block;}

.rating_star-1{ background:url(../images/star_rate_info/star_1.png) no-repeat left center; width:19px; height:18px; display:inline-block;}
.rating_star-2{ background:url(../images/star_rate_info/star_2.png) no-repeat left center; width:40px; height:18px; display:inline-block;}
.rating_star-3{ background:url(../images/star_rate_info/star_3.png) no-repeat left center; width:61px; height:18px; display:inline-block;}
.rating_star-4{ background:url(../images/star_rate_info/star_4.png) no-repeat left center; width:82px; height:18px; display:inline-block;}
.rating_star-5{ background:url(../images/star_rate_info/star_5.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star-6{ background:url(../images/star_rate_info/star_6.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star-7{ background:url(../images/star_rate_info/star_7.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star-8{ background:url(../images/star_rate_info/star_8.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star-9{ background:url(../images/star_rate_info/star_9.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star-10{ background:url(../images/star_rate_info/star_10.png) no-repeat left center; width:103px; height:18px; display:inline-block;}
.rating_star_class{ width:120px; text-indent:-25879px;}
.rating-star-class{ width:220px; text-indent:-25879px;}
.rating_text_1{display:inline-block; color:#dc3836;}
.rating_text_2{display:inline-block; color:#ff6000;}
.rating_text_3{display:inline-block; color:#e3b905;}
.rating_text_4{display:inline-block; color:#7bc343;}
.rating_text_5{display:inline-block; color:#00a84f;}
.rating_text-1{display:inline-block; color:#dc3836;}
.rating_text-2{display:inline-block; color:#dc3836;}
.rating_text-3{display:inline-block; color:#ff6000;}
.rating_text-4{display:inline-block; color:#ff6000;}
.rating_text-5{display:inline-block; color:#e3b905;}
.rating_text-6{display:inline-block; color:#e3b905;}
.rating_text-7{display:inline-block; color:#7bc343;}
.rating_text-8{display:inline-block; color:#7bc343;}
.rating_text-9{display:inline-block; color:#00a84f;}
.rating_text-10{display:inline-block; color:#00a84f;}

.rate_emp_1 .rating_dis{ background:#dc3836;}
.rate_emp_2 .rating_dis{ background:#ff6000;}
.rate_emp_3 .rating_dis{ background:#e3b905;}
.rate_emp_4 .rating_dis{ background:#7bc343;}
.rate_emp_5 .rating_dis{ background:#00a84f;}
.rate_emp-1 .rating_dis{ background:#dc3836;}
.rate_emp-2 .rating_dis{ background:#dc3836;}
.rate_emp-3 .rating_dis{ background:#ff6000;}
.rate_emp-4 .rating_dis{ background:#ff6000;}
.rate_emp-5 .rating_dis{ background:#e3b905;}
.rate_emp-6 .rating_dis{ background:#e3b905;}
.rate_emp-7 .rating_dis{ background:#7bc343;}
.rate_emp-8 .rating_dis{ background:#7bc343;}
.rate_emp-9 .rating_dis{ background:#00a84f;}
.rate_emp-10 .rating_dis{ background:#00a84f;}

.rate_emp_1 .empl_dis span{ color:#dc3836;}
.rate_emp_2 .empl_dis span{ color:#ff6000;}
.rate_emp_3 .empl_dis span{ color:#e3b905;}
.rate_emp_4 .empl_dis span{ color:#7bc343;}
.rate_emp_5 .empl_dis span{ color:#00a84f;}
.rate_emp-1 .empl_dis span{ color:#dc3836;}
.rate_emp-2 .empl_dis span{ color:#dc3836;}
.rate_emp-3 .empl_dis span{ color:#ff6000;}
.rate_emp-4 .empl_dis span{ color:#ff6000;}
.rate_emp-5 .empl_dis span{ color:#e3b905;}
.rate_emp-6 .empl_dis span{ color:#e3b905;}
.rate_emp-7 .empl_dis span{ color:#7bc343;}
.rate_emp-8 .empl_dis span{ color:#7bc343;}
.rate_emp-9 .empl_dis span{ color:#00a84f;}
.rate_emp-10 .empl_dis span{ color:#00a84f;}

.ratings_block{ clear:both; padding-left:20px; padding-bottom:5px; padding-top:5px;}
.colour_1{ background:/*#f7c592*/ /*#ee8376*/#61ddbc;} 
.colour_2{ background:/*#cfbaaa*/ /*#d1cc69*/#fb836f;}
.colour_3{ background:/*#9ac6e9*/ /*#6ec1e3*/#fbd277;}
.colour_4{ background:/*#7ed7b9*/ /*#61da99*/#b4df80;}
.padding_20px{ padding:0 20px;}

/* Appraisal History page css */

.apprai_box_list{  border:1px solid #ccc; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;  margin:20px 20px 0px 0; width:120px; height:112px; position:relative; display:inline-block; float:left; cursor:pointer; background:#fff none repeat scroll 0 0;}
.appr_history_div .apprai_box_list{ cursor:default;}
.apprai_box_list.active{border:1px solid #9ac6e9;}
.apprai_box_list:hover{ background:#f1f1f1;}
.appr_history_div .apprai_box_list:hover{background:#fff;}

.history_col{ clear:both; height: 30px; line-height:26px; border-top: 1px solid #dadada;  background:#f6f6f6; color:#4b4b4b; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; margin-top:7px; }
.history_col a{ color:#4b4b4b; font-size:15px; font-family:"Roboto Medium"; text-decoration:none;}
.history_col a:hover{color:#208bbd;}
.appraisal_history_block  .mana_ratings_count_5 .year_app_block { width:29.8%; margin-bottom:30px; }

.appr_history_div{max-height:278px;  margin-bottom: 20px;}

#response_div { float:left; width:100%; margin:15px 0; }
.add-employee-div { float: left; padding: 0px; width: 210px;  color:#3b3b3b; margin:0;  height:40px; position: relative; }
.add-employee-div input[type="text"]{ border: 1px solid #c6c6c6; width:184px; float: left; background-color: #ffffff; height:27px;  font-family: 'Roboto Regular',sans-serif; font-size: 13px; 
color: #828282; padding:0 8px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10);  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.10); text-align:left;outline:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.add-employee-div input[type="text"]:disabled {
    background-color: #f4f4f4;
    background-image: none;
   /* border: 1px solid #ddd;*/
    cursor: default;
}

#no-results { color: #1f8abc; text-shadow: 0 1px 0 #ffffff; font-family: 'Roboto Regular', sans-serif; font-size:12px; text-align: right; float:right; margin-right:10px; }
.ui-autocomplete { width:195px !important; }
.ui-menu .ui-menu-item a {  color: #828282 ; font-family: 'Roboto Regular', sans-serif; font-size: 13px; }
.ui-menu .ui-menu-item { padding: 3px 6px; }
.ui-menu .ui-menu-item:hover { background-color: #efefef; color: #444444; float: left;}

/* Appraisal History page css End */

/* analytics-timemanagement page css start */
.toggle_btn{ list-style:none; margin-left: 17px; clear: both; height: 29px; margin-bottom: 18px;}
.toggle_btn li{ float:left; color:#5c5c5c; font-family: 'Roboto Regular';   font-size:14px; background:#dddddd;  padding: 5px 13px; cursor:pointer;}
.toggle_btn.mont_week li.active{ background:#4faa1d none repeat scroll 0 0; color:#fff; }
.period_icon {    background: rgba(0, 0, 0, 0) url(../timemanagement/images/period_icon.png) no-repeat scroll center top;    cursor: pointer;    display: block;    height: 30px;    width: 76px;	float:left; margin-bottom: 22px;    margin-left: 17px;}
#selectedPeriodDiv {      clear: both;    color: #5c9632;    font-size: 14px;    margin-left: 88px;    margin-top: 7px;    text-align: left;    width: 106px;}
.ui-daterangepicker .ui-state-active a, .ui-daterangepicker .ui-state-active a:link, .ui-daterangepicker .ui-state-active a:visited{ color:#ea7c2e;}
.tm_grid{ width:98% !important; margin:0 auto; float:none; border:1px solid #bbbbbb; }
#idviewProjTaskcontent, #idviewEmpProjcontent{ margin-top:20px;}
.tm_grid th.tm_grid_header, .tm_grid td.tm_grid_header{ text-align:left; font-weight:normal; padding:10px 0 10px 10px !important; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #bbbbbb; font-family: "Roboto Medium",sans-serif; 
}
.tm_grid th{ border-bottom:1px solid #bbbbbb; background:#efefef; padding:5px 0;}
.tm_grid td, .tm_grid th{ padding-left:10px; border-right:1px solid #dddddd; font-weight:normal; word-wrap:break-word; padding-right:10px;}
.ui-dialog .alt-scroll-content .tm_grid thead{ display:none;}
.tm_grid th.header{border-bottom: none;}
.tm_grid td:last-child, .tm_grid th:last-child{ border-right:none;}
.tm_grid th:last-child{ border-right:none; /*border-bottom:none;*/}
.tm_grid td{ border-bottom:1px solid #ededed; padding-bottom:6px; font-family: 'Roboto Regular', sans-serif;    font-size: 13px; }
.table_top_padding.tm_grid td{ padding-top:12px; padding-bottom:8px;}
.tm_grid tr:last-child td{ border-bottom:none;}
.tm_grid tr:nth-child(even) {background: #fff;}
.tm_grid tr:nth-child(odd) {background: #fafafa;}


.alt-scroll-content{ width:100% !important;}
.scroller_hdr{ width:auto !important;}

/* analytics-timemanagement page css start */

@media only screen and (max-width : 1410px) { 
.employee_appraisal_details_full .div_collapse{position: relative; top: 0px; right: 0px; clear: both; margin-top: 6px;}
}
@media only screen and (max-width : 1372px) { 
ul.toggle_ul li .tab_title{ font-size:15px;}
}
@media only screen and (max-width : 1345px) { 
ul.toggle_ul li .tab_title{  height: 32px;}
ul.toggle_ul li .step_round{ margin: 25px 11px 54px;}
ul.toggle_ul li .tab_txt{ padding-bottom:32px; min-height: 92px; padding-right: 10px;}
ul.toggle_ul li{      height: 216px;}

.mana_ratings_count_5.list_count_10 .year_app_block{width:29%;margin-bottom:30px;}
}
@media only screen and (max-width : 1145px) {.add_manager_response{  margin-top: 0px;  margin-left: 5px; margin-right:10px;}  }
@media only screen and (max-width : 1100px) { 
ul.toggle_ul li{   height: 266px;}

}
@media only screen and (max-width : 1085px) {
ul.toggle_ul li .tab_title{  height: 51px;}
.left_tab_content {    height: 235px;}
ul.toggle_ul li .step_round {    margin: 25px 11px 100px;}
}


.main_view{ border:1px solid #bfbfbf; overflow:hidden; font-family: 'Roboto Regular', sans-serif; font-size:14px; margin-bottom:10px; }
.main_view_sub_left{ width:50%; float:left; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; border-right:1px solid #e5e5e5;}
.main_view_sub_right{ width:50%; float:left;}
.width_20{ width:40%; float:left; color:#8b8b8b;  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; border-right:1px solid #e5e5e5; padding:10px 10px; text-align:left; word-wrap: break-word;}
.width_80{ width:60%; float:left; padding:10px 10px; text-align:left; -moz-box-sizing: border-box; word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
.main_view_nor{ background:#ffffff;  overflow:hidden; }
.main_view_alt{ background:#f9f9f9;  overflow:hidden; }
.main_view_child{ position:relative; clear:both; overflow:hidden;}
.main_view_child:nth-child(odd) {
    background: #f9f9f9;
}

.width_20_left{ width:20%; float:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:10px 10px; text-align:left;}
.width_80_right{ width:80%; float:left; border-left:1px solid #e5e5e5; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:10px 10px; text-align:left; word-wrap: break-word;}

/* To hide search bar by default */
.ui-search-toolbar { display: none; }

/* Slim scroll bar */
.slimScrollDiv { border: 0; /* margin:10px; */ }
#content_scroll { padding-bottom : 10px !important;}

/* leaf element arrow*/
.childelement { background : none !important;}
.dragableBox li a{cursor:move !important;}

.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.row{
    margin-left:0px;
    margin-right:0px;
}

#wrappernew {
    padding-left: 10px;
    transition: all .4s ease 0s;
    height: 100%;
}

#sidebar-wrapper {
    margin-left: -245px;
    left: 0;
    width: 240px;
    background: #ffffff;
    position: absolute;
    border-right: 1px solid #dee2e6;
    height: 100%;
    z-index: 10;
    transition: all .4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 2%;
    right: -18px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}
#wrappernew.active {
    padding-left: 250px;
}
#wrappernew.active #sidebar-wrapper {
    left: 240px;
}

#page-content-wrapper {
  width: 100%;
}


/* Sidebar Menu */
#sidebar_menu li a, .sidebar-nav li a {
    color: #253f51;
    display: block;
    text-align: center;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
/*    border-radius: 0 8px 8px 0;
*/    padding: 16px 6px 16px 3px;
    background: #ffffff;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
    font-family: 'Roboto Regular';
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
     /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  display: block;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#main_icon {
    background: url(../images/slide-menu-new.png) no-repeat top center;
    width: 17px;
    height: 13px;
    display: block;
}
.mtg {
    display: block;
    color: #e74c3c !important;
    font-size: 22px !important;
}
#wrappernew.active .mtg-off {display: none}
#wrappernew.active .mtg-on {display: block;}
#wrappernew .mtg-on {display: none}
#wrappernew .mtg-off {display: block;}


.sub_icon
{
    float:right;
   padding-right: 65px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
    #wrappernew {
    padding-left: 70px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 70px;
}
#wrappernew.active {
    padding-left: 250px;
}
#wrappernew.active #sidebar-wrapper {
    left: 250px;
    width: 250px;
    transition: all .4s ease 0s;
}
}

/* DEMO 5 */

.wrapper-demo{ float:left; margin:0 0 0 50px;}

.wrapper-dropdown-sf {
    /* Size & position */
    position: relative;
    width: 150px;
    margin: 0 auto;
    padding: 5px 10px;
	top:10px;

    /* Styles */
    background: #f1e912;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	text-align:left;
	font-size:14px;
}

.wrapper-dropdown-sf span{background:url(../images/create_new_icon.png) no-repeat; display:inline-block; width:16px; height:14px; padding:0px 10px 0 0; margin:0px 0 0 0;}

.wrapper-dropdown-sf:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #0e0e01 transparent;
}

.wrapper-dropdown-sf .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
	z-index:100;
}

.wrapper-dropdown-sf .dropdown li {
    padding: 0 0px ;
}

.wrapper-dropdown-sf .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 5px;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-sf .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-sf .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-sf .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-sf.active {
    background: #07c742;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-sf.active span{background:url(../images/create_new_icon_hover.png) no-repeat; display:inline-block; width:16px; height:14px; padding:0px 10px 0 0; margin:0px 0 0 0;}

.wrapper-dropdown-sf.active:after {
    border-color: #fff transparent;
}

.wrapper-dropdown-sf.active .dropdown {
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    max-height: 400px;
}

.count_new_dis_par{ width:100%;  border-spacing: 10px 0; display: table; height: 60px;  padding: 10px 0; position: relative; table-layout: fixed; width: 100%;}
.count_new_dis{width:20%; 	background: #f9f9f9;    display: table-cell;    height: 60px;    position: relative;    text-align: center;    vertical-align: middle; cursor:pointer;}
.count_new_dis span{ font-size:14px;}
.count_new_dis label{ font-size:24px; line-height:30px;}
.count_new_dis_active{ background:#fff8ec !important;}

.count_new_dis:nth-child(1) label{ color:#fa776a;}
.count_new_dis:nth-child(2) label{ color:#00a65a;}
.count_new_dis:nth-child(3) label{ color:#3498db;}
.count_new_dis:nth-child(4) label{ color:#f39c12;}
.count_new_dis:nth-child(5) label{ color:#e71052;}
.leaves_rq_new_pop{ position:relative;}
.inputheight_lq{ height:130px; width:100%;}
.leaves_rq_new_pop_left{ float:left; width:210px; margin:0 15px 15px 0;}
.leaves_rq_new_pop_left ul{ float:left; width:100%; background:#f9f9f9; margin-bottom:10px; height:50px;}
.leaves_rq_new_pop_left ul li{ list-style:none; display:inline;}
.leaves_rq_new_pop_left ul li a{display:inline-block; padding:2px 5px; margin:15px 5px; background:#0fc397; color:#fff; cursor:pointer;}
.leaves_rq_new_pop_left ul li a.dis{ background:#e4e2e2;}
.leaves_rq_new_pop_left ul li:first-child{ margin-left:10px;}
.leaves_rq_new_pop_right{ float:left; width:210px; margin:0 15px 0 0;}

/*.ajax-file-upload-statusbar{ background:#ebf0f6; margin:10px 0; padding:5px;}
.ajax-file-upload-red{ background:#ff7a87; display:inline-block; width:16px; height:16px; text-align:center; line-height:12px; -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px; cursor:pointer; color:#FFF; font-family: 'Roboto Regular'; font-size:12px;}*/


/* No CSS3 support: none */
.menu-head ul.flexMenu-popup li {
	margin: 0 8px;}
.menu-head ul.flexMenu-popup li.link-selected b {
	color: #fff;
	padding: 4px 10px 8px;
}
.menu-head  ul.flexMenu-popup li b {
	display: block;
}

/* Updated 29-08-2016 */
.mtas_rst.search_emp_by_name_div input[type="text"] {height: 23px;}
.mtas_rst.search_emp_by_name_div input[type="button"] {top: 3px;}
.mtas_rst.my_team_app_search .search_go {margin-top: 0px;}
.txt-center {text-center: center;}

/* Updated 30-08-2016 */
.reports-block-area .left-config-ctrl {margin-left: 25px;}
.table-header span {line-height: 20px;}
.reports-grid-ctrl .all-grid-control.agc-comp {width: 96%; margin: 0 auto; display: block; float:inherit;}
/*.reports-grid-ctrl .all-grid-control {float: left; width: 98%; margin: 0 0 10px 0;}	*/
.back-to-page .btp {
	background-color: #208bbd;
    border: 1px solid #006391;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
    text-shadow: 0 1px 0 #006391;
    font-family: 'Roboto Regular', sans-serif;
    color: #ffffff;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    float: right;
    margin-right: 10px;
    text-transform: uppercase;
    outline: 0;
}
.disp_taskname {
	font-size: 14px;
}
.tm_grid th.tm_grid_header, .tm_grid td.tm_grid_header {
	font-family: 'Roboto Regular', sans-serif !important;
}
.tm_grid th.tm_grid_header strong, .tm_grid td.tm_grid_header strong {	
    line-height: 30px;
    font-weight: 400;
	font-size: 18px;
}
/*.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
	width: 184px;}*/
.hrms-text {text-align: center;}
/*@media (min-width: 1050px) {
	.reports-block-area .right-config-ctrl {width: 78% !important;}
}
@media (min-width: 1023px) {
	.reports-block-area .right-config-ctrl {width: 73%;}
}*/
@media (max-width: 1024px) {
	.right-config-ctrl {width: 68%;}
}

/* Updated on 31-08-2016 */
.candidate-new {width: inherit !important;}


.link {
	    color: #1f8abc;
    text-decoration: none;}
.link:hover {
	    color: #3B3B3B;
    text-decoration: none;
}

.moduleclass{ margin:5px 60px 0 0;}
.new_actions{width:100%; margin:0 0 10px 0; text-align:right;}
.edit_action_new{font-weight:normal; font-family: "Roboto Regular"; font-size:14px; color:#3498db;  cursor:pointer; text-decoration:none;}
.edit_action_new i{ margin-right:5px; color: #3498db !important;}
.divider_new{ display:inline-block; padding:5px 0; border-left:1px solid #bfbfbf; margin:0 5px; }


.span_sermenu {font-style: normal;}
.text-right {text-align: right; margin-bottom: 10px;}

.full-width {float:left; width: 100%;}

button.actbtn_btn_new {
    border: none;
    font-size: 14px;
    float: left;
    font-family: 'Roboto Regular', sans-serif;
    margin-right: 8px;
    background-color: #3498db;
    color: #fff;
    text-decoration: none;
    line-height: 28px;
    padding: 0px 12px;
    margin-top: 22px;
    cursor: pointer;
}

button.actbtn_btn_new.reset {
    background: none;
    color: #222;
}
.help_icon {
    text-decoration: none;
    padding: 5px 10px 5px 30px;
    font-size: 14px;
	float: right;
	margin-top: 10px;
	margin-right: 7px;
    font-weight: normal;
    z-index: 1;
    opacity: 0.9;
    color: #333;
    background: url(../images/help_icon.png) #fff no-repeat 8px 7px;
}

.help_icon:focus {
	background: url(../images/help_icon.png) #fff no-repeat 8px 7px;	
}