/********************************************************************************* 

 *  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; 
	
	padding: 0px;

	

	/*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;

}

.info_div {
    width: 50% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

@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:4px 0 0 5px; 

	float:left; 

	text-shadow:0px 1px  0px #165674; 

	/*background:url(../images/hrms-logo-new.png) no-repeat left center;*/  height: 43px;  

}

/*#header a.logo img { max-width:265px; max-height:40px; }*/
#header a.logo img { max-width:100px; max-height:43px; }

.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: 0px;

    /*border-radius: 3px 3px 3px 3px;*/
	border-radius:50%;

    float: left;

    margin: 5px;

}



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: 239px;    color: #FFFFFF;

	position:relative; padding-bottom:30px;

	overflow:hidden;
	border-top: 5px solid #253F51;

}

.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:#018080;

}

#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; max-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:100px; height: 43px; /* background:url(../images/logo_default-size.jpg) no-repeat center; */ position: relative; }

.org-img img { width: 100px; height: 43px; 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 8px;* 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:200px; 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:20%; }

#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; }

.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;}



#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: auto;}

.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 #018080; 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:15px; width:210px; height:160px; 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: 50%;}

.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; min-width: 150px;
    text-align: left;}

.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:268px; 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*/#778899;}

.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:100%; overflow:hidden; color:#333333; font-size:1em; font-family: 'Roboto Light';  font-weight:normal;  padding-bottom:5px; padding-top:5px; border-bottom:1px dashed #929292;    height: 31px;     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*/ #778899;} 

.colour_2{ background:/*#cfbaaa*/ #d1cc69;}

.colour_3{ background:/*#9ac6e9*/ #6ec1e3;}

.colour_4{ background:/*#7ed7b9*/ #61da99;}

.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;*/
	padding-left: 250px;/*increased to keep sidebar open on desktop*/

    transition: all .4s ease 0s;

    height: 100%;
	
	left:240px;/*added to keep side menu open on desktop*/
	
	

}



#sidebar-wrapper {

    margin-left: -250px;

	/*left: 0px;*/
    left: 240px;/*increased to keep sidebar open on desktop*/

    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;*/
	display: none;/*removes sidebar toggle on desktop*/

}



.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: 0px;

    transition: all .4s ease 0s;

}

#sidebar-wrapper {

    left: 0px;

}

#wrappernew.active {

    padding-left: 0px;

}

#wrappernew.active #sidebar-wrapper {

    left: 250px;

    width: 250px;

    transition: all .4s ease 0s;

}

}



/* DEMO 5 */



.wrapper-demo{ float:left; margin:0 0 0 50px; display: none;}



.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%;}