@charset "utf-8";
/* HVM App CSS Document */
body {
	font-family: "Segoe UI", arial, sans-serif; 
	font-size:14px;
	color:#000;
	font-weight:normal;
}
@font-face {
	font-family: "Segoe UI", arial, sans-serif; 
	src: url('../fonts/segoeui_1.eot');
	src: url('../fonts/segoeui_1.eot') format('embedded-opentype'),  url('../fonts/segoeui_1.woff') format('woff'),  url('../fonts/segoeui_1.ttf') format('truetype'),  url('../fonts/segoeui_1.svg#SegoeUIRegular') format('svg');
	font-weight: normal;view-details-icon
	font-style: normal;
}
@font-face {
	font-family: "Segoe UI", arial, sans-serif; 
	src: url('../fonts/segoeuil_1-webfont.eot');
	src: url('../fonts/segoeuil_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuil_1-webfont.woff') format('woff'),  url('../fonts/segoeuil_1-webfont.ttf') format('truetype'), url('../fonts/segoeuil_1-webfont.svg#segoe_uilight') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0
}
a {
	text-decoration: none
}
a img {
	outline: none;
	text-decoration: none;
	vertical-align: middle
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	position: relative
}
table {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	clear: both; !important;
} /* for UI clean up added (clear both and !important ) by suresh*/
img {
	vertical-align: middle;
	border: none
}
body, html {
	height: 100%;
	/* padding-bottom: 0.1em */
}

fieldset, img {
    border: 0 none;
}
.wrapper {
	width: 100%;
	float: left;
	/* padding-bottom: 8px */
}
.headwrapper {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    height: 84px !important;
    margin-bottom: 16px;
    width: 100%;
}
.headwrapper .header {
	position: relative;*/
	padding: 0px 10px;
	
}
.header .logo {
	max-width:120px;
	height: 54px;
	float: left;
    max-width: 120px;
    padding: 18px 15px 12px;
	
}
.header .righthead {
	/*width: 450px;*/
	width: 650px;
	height: 56px;
	float: right;
	text-align: right;
	/* margin-right: 14px; */	
	
	position: relative;
}

.righthead .loginfo {
    float: left;
    /* margin-left: 100px; */
    padding:6px;
	text-align:left
}
.righthead .ticons {
    float: right;
    height: auto;
    padding-right: 25px !important;
    padding-top: 3px;
}
.righthead .ticons a {
	float: left;
	padding: 19px 6px 15px 6px;
}
/* .righthead .ticons span {
	float: left
	
} */
/* .user-name {
	width: auto;
	margin-top: 10px;
	padding: 0px 5px 0px 0px;
	text-align: right;
	font-family: "Segoe UI", arial, sans-serif; 
	font-size: 14px;
	color: #000
} */
.user-photo {
	/* width: 50px;
	height: 54px;
	background: #fff;
	text-align: center */
	
	float:right;
	 margin: 0 4px;
    padding: 0px 15px;
    text-align: center;
}
.user-photo img {
	margin: 0px 1px;
    padding-bottom: 2px;
    /* padding-top: 8px; */
}
.user-name {
    color: #000;
    display: block;
    position: relative;
    top: 2px;
    width: 100%;
}

.stttings {
	float: left;
	padding: 6px 0px 6px 20px
}
.stdrop {
	/* width:100px */
	position: absolute;
	right: 0;
	top: 29px;
	cursor: pointer;
	
}
.stdrop ul li {
	display: block
}
.stdrop ul li a {
	display: block;
	padding: 6px 16px;
	background: #f4f4f4;
	color: #000;
	text-decoration: none;
/* 	border-bottom: 1px solid #E8E4E4; */
	text-align: left;
	font-size: 12px
}
.stdrop ul li a:hover {
	background: #00aeef
}
.footer_wrapper {
	/* width: 100%;
	border-top: 6px solid #E3E3E3;
	float: left;
	margin-top: 10px; */
	
	background: #fff;
    border-top: 1px solid #e3e3e3;
    bottom: 0;
    font-size: 12px;
    padding-bottom: 6px !important;
    padding-top: 6px;
    position: fixed;
    width: 100%;
  /*   z-index: 999; */
	
}

.footer {
    color: #000;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    width: 98.5%;
}
.footer a {
	color: #000;
}
.footer .left_section {
	float: left;
	width: 40%;
	text-align: left;
	}
.footer .right_section {
	float: right;
	width: 40%;
	text-align: right;
	
}

.tmenu {
    background: #e3e3e3 none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    margin-bottom: 9px;
    padding: 0;
    width: 100%;
}

/*
.tmenu {
	width:100%;
	float:left;
	border-bottom:3px solid #e3e3e3;
	margin-top:10px
	}
.tmenu {
	width: 100%;
	position: relative;
	top: 2px;
	float: left;
	margin: auto;
	margin-top: 6px;
	border-bottom: 3px solid #e3e3e3
}
.tmenu ul {
	margin: auto;
	width: 1004px
}
.tmenu ul li {
	float: left;
	display: inline
}
.tmenu ul li a {
	padding: 6px 15px;
	font-size: 12px;
	float: left;
	color: #000;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.tmenu ul li a:hover {
	background: #e3e3e3;
}*/

.container-fluid {
    background: #fff none repeat scroll 0 0;
    clear: both;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 98.44%;
}
.mess {
	background: none repeat scroll 0 0 #FEFADF;
	float: left;
	height: 60px;
	margin-bottom: 5px;
	padding: 5px 10px;
	position: relative;
	width: 984px;
}
.mess ul {
	list-style: inside;
	padding: 0px 10px;
	height: 25px;
}
.mess h6 {
	color: #520460;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 8px;
}
.mess a {
	background: none repeat scroll 0 0 #f96900;
	color: #FFFFFF;
	float: right;
	font-size: 14px;
	padding: 7px;
	position: absolute;
	right: 8px;
	top: 25px;
}
.mess a:hover {
	background: #2EAD9A;
	color: #fff
}
/*.container-fluid .conte-head {
	background: none repeat scroll 0 0 #F7F7F7;
	float: left;
	height:40px;
	width:998px;
	padding:3px;
	margin-bottom:4px;
	margin-top: 14px;
}*/

.container-fluid .conte-head {
    background: #008fd5 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 41px;
    margin-bottom: 7px;
    vertical-align: middle;
    width: 100%;
}

.container-fluid .conte-head h2 {
	color: #fff;
    float: left;
    font-size: 24px;
    font-weight: normal;
    margin:9px 0px 8px 8px;
    /*margin:8px 0px 8px 8px*/
    vertical-align: middle; line-height:20px; /*padding-bottom: 8px;*/
}
.container-fluid .conte-head h2 span {
	font-size: 12px;
	color: #2ead9a;
}
.container-fluid .cont-search {
	float: right;
	margin: 2px 3px;
}
.container-fluid .cont-search select {
	background: none repeat scroll 0 0 #cdcdcd;
	color: #000;
	height: 32px;
	padding: 6px;
	width: 100%;
	margin: 0px 5px;
	border-radius: 0px;
}
.container-fluid .cont-search select option {
	background: #fff;
	color: #333;
}
.container-fluid .cont-search-input {
	float: right;
	margin: 2px 3px;
}
.container-fluid .cont-search-input .select-text {
	color: #FFFFFF;
	float: left;
	height: 31px;
	margin-left: 28px;
	margin-top: -3px;
	position: absolute;
}
.container-fluid .cont-search-input select {
	color: #2EAD9A;
	width: 180px;
	height: 31px;
	padding: 4px;
	text-indent: 20px;
	margin: 0px 5px;
	border-radius: 0px;
	background: url(../images/search-bg.jpg) no-repeat 0px 0px;
	border: none;
}
.container-fluid .cont-search-input select option {
	background: #fff;
	color: #333;
}
.content .cont-search a {
	background: #dac3b2;
	padding: 6px 10px;
	color: #000;
}
.container-fluid .cont-search a:hover {
	background: #f0d8c7;
	padding: 6px 10px;
	color: #000;
}
.container-fluid .cont-search input {
	background: none repeat scroll 0 0 #cdcdcd;
	color: #000;
	padding: 8px 5px;
	border-radius: 0px;
	width: 100px;
}
.container-fluid .header-bottom {
	height: 28px;
	float: right;
	margin: 0px 8px
}
.container-fluid .header-bottom .action {
	width: 62px;
	height: 20px;
	padding: 0px;
	font-family: "Segoe UI", arial, sans-serif; 
	font-size: 15px;
	color: #ffffff;
	float: left;
	line-height: 20px;
	border-right: 1px solid #fff;
	margin: 2px 10px 0px 0px;
}
.icons-left {
	background: url(../images/v-line.png) no-repeat right center;
	width: auto;
	height: 25px;
	float: left;
	/*margin-top: -1px;*/
}
.icons-right {
	float: left;
	height: 25px;
	margin-left: 8px; /* for maintain same space to action images 2px to change 8px */
	/*width: 101px;
	margin-top: -2px;*/
}
.icons-left img, .icons-right img {
	/*padding: 0px 3px;*/ padding: 0px 2px;
}
.container-fluid .list-details-div {
	width: 772px;
	float: left;
	
}
.container-fluid .list-details-div2 {
	width: 100%;
	float: left;
	
}
.container-fluid .list-details-div .lm {
	float: right;
}
.container-fluid .list-details-div .lm a {
	padding: 5px;
	color: #00aeef;
}
.container-fluid .list-details-div .lm a:hover {
	color: #000;
}
.container-fluid .list-details-div .entries {
	font-size: 12px;
	color: #803a05;
	padding: 5px;
}

.hoverTable {
    border-collapse: collapse;
    float: left;
    position: relative;
    top: 4px;
    width: 100%;
    margin-bottom: 8px;
}
.lt_cont, .lt_alt{ border-bottom:1px solid #ddd}

.hoverTable table tr [data-rel='$'] {
    background-color: red;
}

.hoverTable th {
    background: #ccc none repeat scroll 0 0;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    line-height: 16px;
     padding: 6px 10px 9px 7px !important;
    text-align: left;
    
}

.hoverTable th img, .hoverTable td.active img {
	padding: 5px;
}

.hoverTable td {
    border: 0 solid #4e95f4;
    padding: 2px 8px 4px;
}

/*.hoverTable tr {
	background: #fff;
}*/
.hoverTable tr:hover {
	background-color:#e5f2f6;
}

.container-fluid .list-details-div .entries {
    color: #666;
    float: right;
    font-size: 12px;
    padding: 1px 0;
}
.container-fluid .alp-list {
	width: 768px;
	height: 35px;
	line-height: 35px;
	background: #f1f1f1;
	border-top: 1px #d2d1d1 solid;
	float:left
}
.container-fluid .alp-list ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.container-fluid .alp-list li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
.container-fluid .alp-list li a {
	color: #a2a2a2;
	padding: 4px 8px;
}
.container-fluid .alp-list li a:hover {
	color:  #cacaca;
}
.container-fluid .alp-list li a.active {
	color: #2ead9a;
}
.container-fluid .right {
	float: right;
	width: 222px;
	height: auto;
}
/*.container-fluid .rtform {
	margin-top: 54px
}
*/
.container-fluid .rtform {
	margin-top: 0px
}
.container-fluid .right .primary-contact {
	width: 202px;
    background: #d5effc;
    padding: 10px;
    margin-bottom: 10px;

}
.container-fluid .right .primary-contact td {
}
.container-fluid .right .primary-contact h2 {
	font-size: 20px;
	font-weight: normal;
	text-align:center;
	color: #282828;
	padding-bottom: 15px;
	text-transform: capitalize;
}
.container-fluid .right .primary-contact table {
	border-collapse: collapse;
	border-spacing: 0px
}
.container-fluid .right .primary-contact table td {
	color: #008fd5;
    line-height: 21px;
    font-weight:normal;font-size:15px; 
    /* text-align:center; */
    text-align:left;
    padding:1px 0px;

}
.content .right .primary-contact table td span {
	color: #fff;
}
.container-fluid .right .primary-contact table td input {
	background: #00aeef;
	border: none;
	color: #fff;
	padding: 3px;
	width: 155px;
}
.container-fluid .right .primary-contact p {
	padding: 0px;
	margin: 0px;
	color: #000;
	line-height: 18px;
}
.container-fluid .right .primary-contact .button-div {
	float: right;
	margin-top: 5px;
}
.container-fluid .right .primary-contact .button-div input {
	color: #000;
	padding: 5px 10px;
	border: none;
	background: #fff;
	margin: 5px 0;
}
.container-fluid .right .note {
	width: 212px;
	background: #2ead9a url(../images/note-bg.jpg) no-repeat bottom right;
	height: auto;
	padding: 10px 10px 20px 10px;
	margin-bottom: 10px;
}
.container-fluid .right .note h2 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}
.container-fluid .right .note p {
	padding: 10px 0px;
	margin: 0px;
	line-height: 18px;
	color: #fff;
}
.container-fluid .right .sutisoft-platforms {
	width: 202px;
	background:#F1F1F1;
	height: auto;
	padding: 10px;
}
.container-fluid .right .sutisoft-platforms h2 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	padding-bottom: 15px
}
.container-fluid .right .sutisoft-platforms table {
	border-collapse: collapse;
	border-spacing: 0px
}
.content .right .sutisoft-platforms table td {
	color: #000;
	padding: 5px;
}
.container-fluid .right .sutisoft-platforms table td span {
	color: #fff;
}
.container-fluid .right .sutisoft-platforms p {
	padding: 0px;
	margin: 0px;
	color: #000;
	line-height: 18px;
}
.container-fluid .right .sutisoft-platforms p input {
	background: #f1f1f1;
	border: none;
	color: #000;
	padding: 3px;
	width: 100%
}
.container-fluid .right .sutisoft-platforms .button-div-color {
	float: right;
	margin-top: 5px;
}
.container-fluid .right .sutisoft-platforms .button-div-color input {
	color: #fff;
	padding: 5px 10px;
	border: none;
	background: #048ec2;
}
.container-fluid .right .getstarted {
	width: 232px;
	height: 324px;
	margin-bottom: 10px;
}
.container-fluid .form-table {
    width: 100% !important;
    /* position: relative; */
}

.container-fluid .form-table table {
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: auto;
    width: 1004px !important;
    table-layout: fixed;
}

.container-fluid .form-table .entries {
	font-size: 12px;
	float: left;
	color: #803a05;
	padding: 5px;
}
.container-fluid .form-table .lm {
	float: right;
	padding: 5px;
}
.container-fluid .form-table .lm a {
	padding: 5px;
	color: #803a05;
}
.container-fluid .form-table .lm a:hover {
	color: #000;
}


.container-fluid .form-headding {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 12px;
    text-align: left;
    width: 100%;
}
/* .container-fluid .form-table table input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    height: 26px;
    padding: 2px 3px 4px;
    text-align: left;
    width: 97% !important;
} */
.container-fluid .form-table table input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    height: 26px;
    padding: 2px 3px 4px;
    text-align: left;
    width: 97%;
}

/*.container-fluid .form-table [readonly] {
    background-color: #ebebe4 !important;
    border: 1px solid #ccc;
    color: #333;
    height: 20px;
	padding: 3px;
	text-align: left;
	width: 220px;
} */

.container-fluid .form-table textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 14px;
    padding: 3px;
    resize: vertical;
    text-align: left;
    width: 97% !important;
} 

.container-fluid .form-table table td label {
    position: relative;
    top: 6px;
    padding: 0 13px 0 5px;
}


	.mand, .required {
    background: rgba(0, 0, 0, 0) url("../images_hvm/mand.png") no-repeat scroll right center;
    margin-right: 3px;
}
	
	

.container-fluid .form-table table td .mand, .container-fluid .form-table table td .required {
    padding: 0 10px 2px 5px;
}
.container-fluid .form-table table td {
  /*  border: 1px solid #d1d1d1; */
    line-height: initial;
    padding: 4px 0;
    text-align: right;
    vertical-align: top;
    width: 25%;
}

.container-fluid .form-table table td select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #333;
    height: 34px;
    padding: 2px 3px 3px;
    width: 100%;
}
.selectfld {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    border-radius: 0;
    color: #333;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    position: relative;
    width: 85% !important;
}
.container-fluid .radio {
	border: none;
	float: left;
}
.container-fluid .showentries {
	/*background: #F8F8F8;
	float: left;
	width: 768px;
	position: absolute;
	top: 512px*/
}
/****** June 25 Ashok *****/

.clear {
	clear: both;
}
.dash-box {
	width: 100%;
	float: left;
}
.dashbox_col {
	float: left;
	margin: 0px;
	position: relative;
	width: 480px;
}
div.module {
	float: left;
	width: 100%;
	margin: 0px auto 5px auto;
	font-family: "Segoe UI", arial, sans-serif; 
}
div.module div.module-table-body3 {
	padding: 0;
	float: left;
	width: 100%;
	margin: 0 auto;
}
div.module table {
	width: 100%;
	margin: 0 auto;
	border: 0px solid #d9d9d9;
	padding: 0;
}
div.module table th {
	background-color: #e3f3fb;
	color: #2f659f;
	padding: 5px 7px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	font-family: "Segoe UI", arial, sans-serif; 
	border-right: 0px solid #d9d9d9;
	border-bottom: 0px solid #d9d9d9;
}
div.module table tr {
	padding: 0;
	margin: 0;
	background: #fff;
}
div.module table tr:hover {
	background: #ececec;
}
div.module table td {
	padding: 7px 7px;
	border-bottom: 1px solid #eaeaea;
	border-right: 0px solid #eaeaea;
	font-family: "Segoe UI", arial, sans-serif; 
	color: #2e2e2e;
	font-size: 14px;
}
div.module table tr.odd td {
	background-color: #f1f5fa;
}
.msg-list {
	width: 100%;
	float: left;
}
.msg-list ul {
	clear: both;
	/*float: left;*/
	margin: 5px 0 0px;
	padding: 0;
	padding: 0 0 10px; /*Seshu*/
}

.msg-list ul li {
	background: url(../images_hvm/bullet_ico.png) no-repeat 10px 7px;
	line-height: 24px;
	list-style: none outside none;
	margin: 0;
	padding: 2px 0 0 32px;
	font-family: "Segoe UI", arial, sans-serif; 
	color: #2e2e2e;
	font-size: 14px;
}

.dbox {
	background: #fff;
	float: left;
	height: 62px;
	margin: 6px 6px 6px 9px;
	padding: 5px 0;
	text-align: center;
	width: 142px;
	border: #eaeaea solid 1px;
	color: #2e2e2e;
}
.dbox a{
	color:#000
	}
.dbox a:hover{
	color:#026cbd
	}
.dbox img {
	padding: 3px 6px;
	vertical-align: middle;
}
.line {
	width: 90%;
	margin: 5px auto;
	border-top: #eeeeee solid 1px;
}
.icon-box1 {
	background: #65cea7;
	float: left;
	height: 143px;
	margin: 12px 6px 6px 12px;
	padding: 5px 0;
	text-align: center;
	width: 220px;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-family: "Segoe UI", arial, sans-serif; 
}
.icon-box1 img {
	vertical-align: middle;
	padding: 10px;
}
.icon-box2 {
	background: #5ab6df;
	float: left;
	height: 143px;
	margin: 12px 6px 6px 9px;
	padding: 5px 0;
	text-align: center;
	width: 220px;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-family: "Segoe UI", arial, sans-serif; 
}
.icon-box2 img {
	vertical-align: middle;
	padding: 10px;
}
.icon-box3 {
	background: #fc8675;
	float: left;
	height: 143px;
	margin: 7px 6px 13px 12px;
	padding: 5px 0;
	text-align: center;
	width: 220px;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-family: "Segoe UI", arial, sans-serif; 
}
.icon-box3 img {
	vertical-align: middle;
	padding: 10px;
}
.icon-box4 {
	background: #ebc85e;
	float: left;
	height: 143px;
	margin: 7px 6px 13px 9px;
	padding: 5px 0;
	text-align: center;
	width: 220px;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-family: "Segoe UI", arial, sans-serif; 
}
.icon-box4 img {
	vertical-align: middle;
	padding: 10px;
}
/*.dash-tbl {
	width: 96%;
	margin: 6px auto;
}
.dash-tbl td {
	border: 1px solid #eaeaea;
	padding: 3px 5px;
	color: #2e2e2e;
}
.dash-tbl .alt {
	background: #ececec;
}
.dash-tbl2 {
	width: 96%;
	margin: 6px auto;
}
.dash-tbl2 td {
	border: 1px solid #eaeaea;
	padding: 6px 7px;
	color: #2e2e2e;
}
.dash-tbl2 .alt {
	background: #ececec;
}*/
.bboy {
	float: left;
	margin: 10px 12px;
	text-align: center;
	color: #2e2e2e;
}
.bboy img {
	width: 75px;
	height: 75px;
	margin: 3px;
	border: #dadada solid 2px;
	padding: 5px;
}
.tbboy img {
	border:#65cea7 solid 2px !important;
	}
.bboy .profile-name {
	font-size: 13px;
	font-weight: normal;
	font-family: "Segoe UI", arial, sans-serif; 
	color: #34689a;
}
.bboy .dt {
	color: #2e2e2e;
	font-size: 12px
}
.dashbox-head .count {
	position: absolute;
	padding: 1px 9px;
	background: #dadada;
	color: #2e2e2e;
	font-size: 15px;
	top: 9px;
	left: 447px;
}
/*  for css changed to button type  suresh */
/* .more a { 
    background: none repeat scroll 0 0 #04b486;
    color: #fff;
    float: right;
    line-height: 20px;
    margin: 10px 10px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;
}
.more a:hover {
	background:#09C492;
	color: #fff !important;
} */

.more a {
 background-color: #e7e5e5 !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
   padding:2px 12px 2px 12px;
   text-align:center;
  font-size:15px;
  float: right;
  cursor:pointer;
  outline:none;
  margin-right: 6px;
  border-radius:4px;
 /* -webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; */
	border:none;
	 }
.more a:hover{
	background-color:#cacaca !important;
}
.info-box {
	padding:20px 10px;
	color: #333;
	text-align: center;
}
.info-box img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.whitetext {
	color: #333333 !important;
    font-weight:normal;
    font-size:14px;line-height: 21px;

}
.dashbox_2colrow {
	float:left;
	width:480px;
	margin:10px 0px	;
	border:#d5d5d5 solid 1px;
	position:relative;
	background:#fff;
	height:auto;
	}
	
/*.dashbox_2colrow:hover{
	-webkit-box-shadow: 0 0 6px 3px #b7dff1;
box-shadow: 0 0 6px 3px #d6edff;
	}*/
.dashbox-head {
	background: #fff;
	float: left;
	padding: 0 10px;
	border-bottom: #eaeaea solid 0px;
	font-family: "Segoe UI", arial, sans-serif; 
	color: #00b0f0;
	font-size: 18px;
	/*position: relative;*/
	position: absolute;
	top: -15px;
	left: 20px;
}
.dashbox-head  span{
	padding: 1px 6px 3px;
	color:#333 !important;
	background:#f2f2f2	
	}
/*.buttons{
	float:right;
	margin:30px 6px
	}*/
	


.buttons {
    float: right;
  margin:2px 0 0;
}

.buttons input[type="button"], .buttons-left input[type="button"], .buttons input[type="submit"]{
	float:left;
	background:#999999;
	padding: 4px 12px 6px !important;
	margin:7px 0px 6px 10px; 
	/*height:35px;*/
	color:#fff;
	font-size:15px;
	cursor:pointer;
	/*line-height: 25px;*/ line-height:20px;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	}
.buttons input[type="reset"]{
	background: #e7e5e5 none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 4px 10px;
    padding:4px 10px 4px !important;
}

.buttons .save_btn {
    background: #e7e5e5 !important;
    color: #000 !important;
}
.buttons .import_btn{
	 background: #e7e5e5 !important;
    color: #000 !important;
	}
/* .buttons .update_btn{
	background:#0a96e6 !important
	}
 */
.buttons .reset_btn {
    background: #e7e5e5 none repeat scroll 0 0 !important;
    color: #000 !important;
    padding:4px 12px 6px !important;
}
.buttons .back_btn {
    background: #999999 none repeat scroll 0 0 !important;
    color: #fff !important;
   padding:4px 12px 6px !important;
}

.btn_disabled {
    background: #cacaca none repeat scroll 0 0 !important;
    color: #eaeaea !important;
}

.buttons .import_btn:hover{
	background-color: #cacaca !important;
	border-color: #afaeae !important;
	}
.buttons .save_btn:hover,.table_btn:hover{
	background-color: #cacaca !important;
	border-color: #afaeae !important;
	}




.buttons .update_btn:hover{
	background-color: #cacaca !important;
	border-color: #afaeae !important;
	}
.impUP .userupload  .upload_btn{
	background: #0a96e6 none repeat scroll 0 0 !important;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 4px 0 0 !important;
    padding: 6px 6px !important;
    border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	
}
.buttons .reset_btn:hover{
	background-color: #cacaca !important;
	border-color: #afaeae !important;
	}
	
.buttons .back_btn:hover{
	background:#5e5d5d !important
	}
.selectarrows a{
	display:block;
	clear:both;
	text-align:center;
	margin:8px auto;
	width: 40px;
	}

.w100{
	width:100% !important;
	}
.w100{
	}
.addTable {
	width: 100%;
	border-collapse: collapse;
	clear: both;
	margin-bottom: 8px;
	position: relative;
    top: 4px;
}

.addTable th {
    background: #ddd none repeat scroll 0 0;
    /* border: 1px solid #333; */
    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 16px;
	padding: 6px 8px 9px;
    text-align: left;
}
.addTable th img{
	/* padding:5px; */
}

.addTable td {
   /*  border: 1px solid #333; */
    padding: 6px 8px;
}
.addTable input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    height: 26px;
    padding: 3px;
    text-align: left;
    width: 90%;
}
	
.showdetails{
	width:100%;
	margin-top:10px;
	float:left;
	}
.showdetails tr{
	background:#f2f2ef
	}
.showdetails tr:hover{
	background:#e6e6e6
	}	
.showdetails td{
	padding:3px;
	border-bottom:1px solid #fff;
	}	
.showdetails .headROW {
	background:#00AEEF;
	color:#fff;
	text-align:left;
	line-height:29px;
	padding:3px;
}

.labelp{
	color:#000;
	text-align:left !important;
	font-weight:bold
	}
/* start of messages */
.success, .warning, .error, .note {
	/* margin:10px 0px; */
	padding:14px 0 15px 1% !important;
	margin: 8px 0px 8px !important;border-radius:4px;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;*/
	/*border-radius:3px;*/
	/* margin-top:146px;*/
}
.info {
	background-size : 25px 25px !important;
	color: #31708f !important;
    background: #d9edf7 !important;
    float: left;
    margin: 8px 0px 8px !important;
    width: 99% ! important;
    padding:14px 0 15px 1% !important; border-radius:4px;
    /* padding-left: 49px !important; */
    display: inline-block;
    /* margin: 0px !important; */
}
.note {
	color: #333;
	padding:15px 10px 15px 10px !important;
}
.success {
	color: #3c763d;
	background:#dff0d8;
	clear:both;
	/*display: none;
*/
}
.warning {
	background-size : 25px 25px !important;
	color:#8a6d3b;
	background:#fcf8e3;border-radius:4px;
	float: left;
	margin: 8px 0px 8px !important;
	width: 99% ! important;
	padding:14px 0 15px 1% !important;
	display: inline-block;
}
.error {
	color:#a94442;
	background:#f2dede;border-radius:4px;
	clear:both;
/*display: none;
	
*/
}
 /* end of messages */





.popup{
	height:auto;
	background:#fff;
/* 	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px; */
	/* 
	margin:27px; ganesh timesheet popup issue*//* 100px; ganesh*/
	border:1px solid #ccc;
	min-width:360px
	float:left
	}
.popup .pophead{
	font-size:24px;
	padding:10px;
	background:#e3e3e3;
/* 	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px; */
	color:#000
	}
	


.hoverTable .nonhover{
	background-color:#fff
	}
.hoverTable .nonhover:hover{
	background-color:#fff
	}
.label{
	text-align:right !important
	}
.textfld{
	text-align:left !important
	}


.container-fluid .subheading {
	font-size:18px;
	width: 100%;
	font-family: "Segoe UI", arial, sans-serif; 
	text-align: left;
	color: #333;
	font-weight: bold;
	float:left;
	padding: 5px 0;
}

.disable{
	color:#9f9f9f !important
	}
	
.db_siglecol{
	float: left;
    width: 99.6%;
	}
	
.dashbox_col h2{
    color:#1171b1;
    font-size: 16px;
    padding:0px 10px
	}
.dashbox_col p{
	padding:10px
	}	
.dashheight{
	height:375px !important
	}	
	
.container-fluid h1{
	color: #000;
    font-size: 30px;
    font-weight: normal;
    padding: 0 0 5px;
	}	
.hoverTable .alt {
	background: #ececec;
}
	
.bulletlt li{
	background:url(../images_hvm/bullet_ico.png) no-repeat 10px !important;
	}
	

	

/* ---- toolbar ------ */
.toolbar{
	background:url(../images_hvm/toobarbg.png) no-repeat;
	width:574px;
	height:35px;
	float:right
	}
.toolbar ul{
	margin-left:20px
	}
.toolbar ul li{
	display:inline;
	float:left
	}
.toolbar ul li a{
	padding:1px 6.5px;
	margin:3px 5px;
	float:left;
	border-right:1px solid #747474
	}	
.toolbar ul li a:hover{
	background:#898787;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding:1px 6.5px
	}
.toolbar .bornone a{
	border:none !important
	}
.hoverTable .subhead{
	color:#000
	}
.hoverTable .subhead:hover{
	background:#e4e4e4
	}	


.container-fluid .empbox{
	background:#f7f7f7;
	border:1px solid #fff;
	width:450px;
	padding:20px;
	float:left;
	margin:5px;
	overflow:hidden
	
	}
.container-fluid .empbox:hover{
	border:1px solid #dedede;

	}
.container-fluid .empbox table{
	table-layout:fixed
	}
.container-fluid .empbox td{
	padding:2px;
	color:#000;
	text-align:left
	}	
.empbox label{
	color:#999;
	text-align:right !important
	}
	
.blue{
	color:#016db1
	}	
	

.container-fluid .empbox{
	background:#f7f7f7;
	border:1px solid #fff;
	width:45%;
	padding:25px;
	float:left;
	margin:5px;
	overflow:hidden
	
	}
.container-fluid .empbox:hover{
	border:1px solid #dedede;

	}
.container-fluid .empbox table{
	table-layout:fixed
	}
.container-fluid .empbox td{
	padding:2px;
	color:#000;
	text-align:left
	}	
.empbox label{
	color:#999;
	text-align:right !important
	}
/*	.container-fluid .form-table table td {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 10px 5px;
	width: 25%;
	vertical-align: top;
	line-height:10px;
	
}
.container-fluid .form-table label {
	float: right
}
.container-fluid .form-table .mand {
	padding: 0 5px 3px 0;
	border-right: 3px solid red
}*/

.container-fluid .bgnone table td{
	background: none !important;
}


.tabsdiv{
    float: left;
     margin: -8px 0 0px;
    padding: 0px;
    width: 100%;
    margin-top: -5px;
    margin-Bottom: -5px !important;
	}
.tabsdiv .mtabs, .tabsdiv .subtabs{
	display:block
	}

.tabsdiv .mtabs ul li, .subtabs ul li{
	display:inline
	}
.subtabs {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
    
}

.tabsdiv .mtabs ul li a, .tabsdiv .subtabs ul li a {
    background: #eee none repeat scroll 0 0;
    color: #000;
    display: inline;
    float: left;
    margin-top: 2px;
}
	
.tabsdiv .mtabs ul li a {
    background: #eee none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    margin-right: 3px;
    padding: 4px 20px 6px;
}

.tabsdiv .mtabs ul li a:hover {
    background: #ddd ;
    }
.tabsdiv .mtabs .tabactive{
	background:#c4c4c4 
	}
/*
.tabsdiv .subtabs ul li a {
    color: #333;
    font-size: 12px;
    min-height: 34px;
    padding: 6px 0.7% 6px 10px;
   min-height: 50px;
    padding: 0px 0.3% 0px 17px;
    text-align: center;
    width: 92px; vertical-align:middle;
    border-right: 2px solid #fff;
}
.tabsdiv .subtabs ul li a:hover {background:#c4c4c4 }	

.tabsdiv .subtabs .tabactive {
    background: #c4c4c4  none repeat scroll 0 0;
}
.tabsdiv .tabcont {
    border: 1px solid #ccc;
    clear: both;
    padding: 0 10px;
}
	
	
.tabsdiv table{
	float:right;
	width:400px
	}
.tabsdiv table td{
	padding:4px 5px;
	border-bottom:1px solid #eee

	}	
	*/

	
h4 {color: #008fd5;font-size: 18px; padding:0 !important}	
	
	
	
.tabsdiv .subtabs{
	display:block;
	padding-top: 0px;
	margin-bottom: 0px !important;
	}
.tabsdiv .tabcont {
    border: 1px solid #ccc;
    clear: both;
    padding:10px;
}
.tabsdiv .subtabs ul li {
    display: inline;
}

.tabsdiv .subtabs ul li a {
    background: #eee none repeat scroll 0 0;
    margin-right: 3px;
    padding: 4px 20px 6px;
}

.tabsdiv .subtabs ul li a {
    background: #eee none repeat scroll 0 0;
    color: #000;
    display: inline;
    float: left;
    margin-top: 2px;
}

.tabsdiv .subtabs .tabactive {
    background: #c4c4c4;
}
	
	
.tabsdiv .subtabs ul li a:hover {
    background: #ddd ;
    }
.tabsdiv .subtabs .tabactive{
	background:#c4c4c4 
	}
	
	
	
	
/* ------------------- Dashboard ----------------------- */
	
	

/* --------- Dashboard -------------------------------------------------------------------------------------- */

.container-fluid .ulbar{
	width: 1002px;
	background:#efefef;
	border:1px solid #e3e3e3;
	float: left;
	margin: 10px 0px;
	
	}
.container-fluid .ulbar ul li{
	display:inline;
	}
.container-fluid .ulbar ul li a{
	float:left;
	display:inline;
	padding: 10px 53px 8px 10px;
	color:#333;
	border-right:1px solid #e3e3e3;
	position:relative

	}
.container-fluid .ulbar ul li a img{
	vertical-align:middle;
	padding-bottom:4px
	}
.container-fluid .ulbar ul li a .count{
	background:#db4e37;
	position:absolute;
	-webkit-border-radius:26;
	border-radius:26px;
	padding:6px;
	color:#fff;
	left:76px;
	top:-6px;
	width:20px;
	height:20px;
	text-align:center
	}


.search-fld{width:220px; float:left; background:url(../images_hvm/search-icon.png) no-repeat right #fff; border:#e3e3e3 solid 1px; height:27px; margin:6px 0 0 10px; padding:0 5px; font-family: "Segoe UI", arial, sans-serif; }

.tp-icons{width:90px; float:right; margin:10px 3px 0 0;}

.tp-icons img{padding-left:3px;}

.dash-title{font-family: "Segoe UI", arial, sans-serif; font-size:16px; color:#999; font-weight:normal; padding:0px; clear: both; margin: 10px 0px;}

.arrow{font-family: "Segoe UI", arial, sans-serif; font-size:16px; color:#999; font-weight:normal; padding:0 1px;}

.dash-title2{font-family: "Segoe UI", arial, sans-serif; font-size:16px; color:#1f78bf; font-weight:normal; text-decoration:none;}

.dash-title2 a{font-family: "Segoe UI", arial, sans-serif; font-size:16px; color:#1f78bf; font-weight:normal; text-decoration:none;}

.dash-title2 a:hover{color:#000; text-decoration:none;}

.dashboard{width:100%; float:left; margin:0px 0 0px 0;}

.dashboard-lt{width:240px; float:left; margin-right:10px;}

.dashboard-rt{width:750px; float:right; }

.dashboard .dash-box{width:247px; float:left; margin:10px 10px 0px 0;}

.dashboard .dashb {background: #fff; float: left; height: 233px; margin: 10px 0; width: 243px;border:#e3e3e3 solid 1px; }

.dashboard .dash-box2{width:750px; float:left; margin:0px 0px 0px 0;}

.dashboard .dashb2 {background: #fff; float: left; height: 104px; margin: 10px 0; width: 748px;border:#e3e3e3 solid 1px; }

.dashboard h4 {color: #2e2e2e; font-size: 18px; padding: 0;}


.dashboard h4 span {background:#f00; color: #fff; font-size: 12px; padding: 2px 6px; /* padding: 3px 6px; */ text-align: center;}

.dashboard h4 span {background:#f00; color: #fff; font-size: 18px; padding: 1px 4px; text-align: center;}


.dashboard .btn-box{
	width:235px;
	float:right; 
	margin:45px 0px 10px 0
	}

.dashboard .clock-btn1{
	background:#26c95f!important;
	text-align:center;
	color:#fff !important;
	font-family: "Segoe UI", arial, sans-serif;  
	font-size:16px; 
	padding:10px 10px;
	width:112px; 
	float:left; 
	cursor:pointer;
	margin-left: -1px;
	line-height:20px;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
	}
	
	
.dashboard .line{
	width:19px;
	height:30px;
	width:15px;  
	border-top:#c0c3b8 solid 2px; 
	margin:19px 0 0 0; 
	float:left
	}

.dashboard .clock-btn1:hover{
background:#15a447!important
}

.dashboard .clock-btn2{
	background:#fc8675!important;
	text-align:center; 
	color:#fff !important; 
	font-family: "Segoe UI", arial, sans-serif;  
	font-size:16px; 
	padding:10px 0px;
	width:112px;  
	float:right; 
	cursor:pointer;
	line-height:20px;
	 border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
	}

.dashboard .clock-btn2:hover{background:#d46454!important}


.dashboard .appraisal{background:#008fd5; text-align:center; color:#fff !important; font-family: "Segoe UI", arial, sans-serif; font-size:16px; padding:10px 10px; float:left; 
/*-moz-border-radius:5px ;*/ cursor:pointer; width:235px; line-height:20px;
 border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;

}


.dashboard .appraisal:hover{background:#0081C0; cursor:pointer;}

.dashboard .employee{background:#008fd5; text-align:center; color:#fff !important; font-family: "Segoe UI", arial, sans-serif; font-size:16px; padding:10px 10px; float:left; line-height:22px;
cursor:pointer; margin:0px 0 10px 0; width: 215px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}


.dashboard .employee:hover{background:#0081C0; cursor:pointer;}

.dashboard .list ul {list-style-type: none; margin: 0 0 10px; padding: 0;}

.dashboard .list li {background:url(../images_hvm/list-icon.png) no-repeat scroll 15px 10px; display: block; padding-left: 35px; line-height:30px;}

.dashboard .dash-box3{width:240px; float:left; margin:6px 10px 0px 0;}

.dashboard .dashb3 {background:#fff; float:left; height:380px; width:240px;border:#e3e3e3 solid 1px; position:relative; top:0px }


.tabs ul {list-style-type: none; margin: 0 0 0px; padding: 0;}

.tabs ul li{display:inline;}

.tabs ul li a img{vertical-align:middle; margin:5px 0 0 0;}

.tabs ul li a{float:left; /*padding:4px 6px 5px 6px;*/ font-size:12px; color:#282828; padding:6px 11px 6px 12px; 
margin-right: 2px; background: #f2f2f2; margin: 0px 0px 0px 0px; line-height: 17px;}

.tabs ul li a:hover{background:#26c1fb; color:#fff;}

.tabs ul li .active{background:#008fd5; color:#fff;}

.arrow a{background:none !important; }

.arrow a:hover{background:none !important; }
.dash-tbl2 td {
	padding: 6px 7px;
	color: #2e2e2e;
	font-size:15px
}

.btn-box input{
	margin-bottom:10px;

	}
	
.blist {width: 98%;}
.blist .bbox{background:#f7f7f7; border:2px solid #f7f7f7; padding:10px; margin-bottom:16px;width:100%}	
.blist .bbox td{padding:5px; vertical-align:top;color:#0059a9}
.blist .bbox .head{ font-size:26px;}
.blist .bbox label{ color:#666666; padding-left:26px}
.pad0{
	margin-left:-26px
	}
.blist .bbox .bw{ float:right}
.blist .today{background:#f5f8ee; border:2px solid #c6d3a9}
	
/* ---------  end Dashboard -------------------------------------------------------------------------------------- */

.breadcrumbs {
    clear: both;
    float: left;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 11px;
    width: 100%;
}


.breadcrumbs a{color:#428bca}

.breadcrumbs_title {
    color: #666;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
}

/*------4-09-2014-------*/
.radio-td-align{padding-top: 7px !important;}
.radio-align{float: left; margin-top: 2px;}


.addTable2 {
	width: 100%;
	border-collapse: collapse;font-family: "Segoe UI", arial, sans-serif; 
}
.addTable2 th {
	background:#ccc;
	text-align:center;
	color:#000;
	line-height:18px;
	font-weight:1000; font-weight:normal; font-size:16px;
	padding:9px;
}
.addTable2 th img{
	padding:5px;
}
.addTable2 td {
	padding:4px 3px;text-align:left; font-size:14px;
	}
.addTable2 input[type="text"] {
	background: #eee;
	color: #333;
	height: 20px;
	padding: 3px;
	text-align: left;
	width:90%
	}
	


.more2 a {
	color: #1487c2; float:right; margin:10px;
	text-decoration: none;
	top: 260px;
}
.more2 a:hover {
	color: #2e2e2e;
}

.more3 a {
	color: #1487c2;
	left: 700px;
	position: absolute;
	text-decoration: none;
	top: 295px;
}
.more3 a:hover {
	color: #2e2e2e;
}	


.right .form-table table td .mand, .right .form-table table td .required{
	position:relative;
	top:2px;
	padding-right:6px
	}	
	
/*Sep 10-----Start styles For summary page*/

.buttons-left {
	float: left;
	margin: /*10px 0px*/0 0 0 6px;
}
.buttons-left .back_btn{
	background:#999999!important;
	margin-left:0 !important;
	}
.buttons-left .back_btn:hover{
	background:#5e5d5d!important;
	}

.new_btn{
	float: right;
    margin: 0 6px;
}

.new_btn:hover{
	cursor: pointer;
	opacity:0.8;
}

.textfld {
    padding: 4px;
    text-align: left !important;
    
}
.top-line {
	border-top: 1px solid #ccc;
	width: 100% !important;
	}

.labelr{
	color:#000;
	text-align:right !important;
	font-weight:bold
	}

/* .addnew_btn {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 22px;
   
    padding: 4px 12px 6px;
     margin: 4px -8px 0 10px;
} */

.addnew_btn{border: 1px solid #ccc !important;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 4px 10px;
    padding:4px 12px 6px !important;
    background: #e7e5e5 none repeat scroll 0 0;}
.reset_btn {
   /*  border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 22px;
   
    padding: 4px 12px 6px;
     margin: 10px 0 0 10px; */
    border: 1px solid #ccc !important;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 4px 10px;
    padding:4px 12px 6px !important;
    background: #e7e5e5 none repeat scroll 0 0;
     
}
	
.reset_btn:hover, .addnew_btn:hover{background-color: #cacaca !important;
	border-color: #afaeae !important;}

.profile-img{border:#9a9a9a solid 1px;}
	
/*End styles For summary page*/

/* added by mattaiah*/
.container-fluid .right .sutisoft-platforms .mand, .container-fluid .right .sutisoft-platforms .required{
	padding-right:6px
}
/***** 17 sept MyHR Dashboard changes*****/

.dash1{width:242px; float:left; background:#dddddd; margin-right:12px; /*margin-bottom:8px;*/ /*margin-top:10px;*/ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}

.dash1:hover{background:#CCC; cursor:pointer;}

.dash2{width:245px; float:left; background:#dddddd; margin-right:12px; /*margin-bottom:8px;*/ /*margin-top:10px*/; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}

.dash2:hover{background:#CCC; cursor:pointer;}

.dash3{width:245px; float:left; background:#dddddd; margin-right:12px; /*margin-bottom:8px;*/ /*margin-top:10px*/; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}

.dash3:hover{background:#CCC; cursor:pointer;}

.dash4{width:236px; float:left; background:#dddddd; /*margin-bottom:8px;*/ /*margin-top:10px*/; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}

.dash4:hover{background:#CCC; cursor:pointer;}

.dash-icon{width:38px; height:36px; float:left; vertical-align:middle; margin:8px; border-right: 1px solid #dddddd;}

.dash-txt{font-family: "Segoe UI",arial,sans-serif; font-size:16px; color:#333; font-weight:normal; padding:14px 0px; text-decoration:none;}

.dash-txt a{font-family: "Segoe UI",arial,sans-serif; font-size:16px; color:#fff; font-weight:normal; padding:17px 0 0 0px; text-decoration:none;}

.dash-txt a:hover{color:#dedede; text-decoration:none;}	
.addnew_btn{/*background:#0a96e6#fc8675*/; /*-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding:4px 20px 6px 20px;
	margin:2px 0px 0px 10px;
	color:#fff !important;
	font-size:15px;
 	border-radius: 4px; */
	cursor:pointer;
	float:right;
	}
	

.dashboard .clock-btn1:hover{
	background:#e88010;
		}	
	
.dashboard .clock-btn2:hover{
	background:#68c613;
	}	


/*p Styles*/

p{font-size: 14px; line-height: 17px; margin: 0px 0px 10px 0px; text-align: left;}

.resume-stages{margin: 15px 0 10px; width: 1004px;}

.dropdown-onbar select{float: right; background: #f9f9f9; border: 1px solid #cbd3e2; border-radius: none;
color: #333; height: 28px; padding: 3px; width: 225px; margin: 6px 5px 3px;}/* UI changes margin */


/*
for notmand notRequired 
*/

/*Accordion : 19-12-14*/
.accordion-btn {float: left; }
.accordion-btn:hover{background: #0081C0; /* background: #44b670; */}
.accordion-content{width:98%; background: #eee; margin: 0px 0px 10px; float: left; padding-top: 10px; padding-left:1%; padding-right:1%; margin: -10px 0px 10px;}
.accordion-pharagraph{text-align: center; color: #444; line-height: normal;}

/*19-01-2015*/

.emp-name{color: #0a96e6;}


/* 28-01-15  */

.section-headcount{
	height: auto;
    padding: 0 50px;
    width: 90%;
}
.special-check-box{
    float: right;
    margin-top: 8px;
}
#userImgDiv .jcrop-holder{
	width: 465px;
	height: 345px;
}

/*for use file upload button added by suresh 2/6/2015 */

.fileUpload {
	position: relative;
	overflow: hidden;
	padding-right: 11px;
    width: 50px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
}

/* Css for Calender 9-02-15 added by suresh*/

.calendar_header .chzn-container-single .chzn-single span {
    font-size: 14px !important;
}

#calendar_div a, .calendar_inline a {
    font-size: 13px !important;
}

.popup table td label {
    padding: 0 5px;
}


/*New class for actions left border*/


.Aicons-border {
    border-left: 1px solid #0a75aa;
    padding: 8px 0 4px 8px;
}

/*23-02-2015*/

.tabs {
	margin: 10px auto 0px auto;
	text-align: left;
	width: 240px;
	float: left;
}
.tabs .arrows {
	background-color: #ededed;
    border-radius: 50px;
    color: #444;
    font-size: 20px;
    height: 20px;
    line-height: 14px;
    position: relative;
    text-decoration: none;
    width: 20px;
    text-align:center;
    z-index: 3;
}
.tabs .arrows a:hover {
	color: black;
	background-color: #CDCDCD;
}

.tabs a, #carousel {
	display: inline-block;
	vertical-align: middle;
}
#carousel {
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 270px;
	z-index: 5;
}
#carousel ul {
	margin: 0;
	padding: 0;
	position: relative;
	width: 240px;
}
#carousel li {
	float: left;
	font-size: 12px;
	height: auto;
	line-height: 16px;
	list-style: none;
	margin: 0;
	position: relative;
	
	text-align: center;
}
#carousel ul{ float:left; list-style-type: none; padding:0px; margin:0px;}
#carousel li {background:#f2f2f2 !important;}
#carousel li a {line-height: 30px; width: 98px; list-style-type:none; text-decoration:none; color:#333;}
#carousel li a:hover{background:#26c1fb; color:#fff;}
.active{background:#ccc; color:#fff !important; }

/* 01-07-2015 */
.user-main{
	float:left; text-align:right; clear:both; width:100%;padding-top: 6px;
}

/* 12-08-2015 */
input[type="button"].disabled{
    cursor: default !important;
    opacity: 0.5;
}
.disabled{
       cursor: default !important;
       opacity: 0.5;
}
.impUP{
position: relative;	
}

.impUP .userupload {
    height: 164px;
    left: 0;
    position: absolute;
    text-align: center !important;
    top: 41px;
    width: 130px;
   
}

.userupload img{
	text-align:center !important;
}
.userupload table td {
    text-align: center 
    
}
.upimg{
	min-height:120px;
}
.hoverTable th:hover {
	cursor: pointer;
}
.infofld{
	width : 89% !important;
}
select[multiple], select[size] {
    height: auto !important;
}

.textfld img {
   padding-left: 3px;
    position: relative;
    top: 5px;
    vertical-align: top;
}
.textfld > input[type="checkbox"] {
    position: relative;
    top: 10px;
}
.mbtns {
   /*  display: block; */
    margin: auto;
    padding: 0 !important;
}
.mbtns img {
    display: block;
    margin: 12px auto;
    text-align: center;
}
.ltlabel{
	text-align: left !important;
	padding: 0 13px 0 5px;
    position: relative;
    top: -7px;
}
.txt-lt{
	text-align:left !important;
	float: left;
}
.addTable input[type="radio"] {
    position: relative;
    top: 1px;
}
.dollor {
    position: relative;
    top: -2px;
}
.radiopt {
    top: 10px !important;
}
.radiobtn {
	position: relative;
	top: 2px !important;
	}
.arrowsym-sel{
    padding-top: 11px !important;
    vertical-align: top;
}
.arrowsym {
    padding-top: 5px;
    vertical-align: top;
}
.popupN{
    height:auto;
    padding:16px;
    width:auto;
}
.container-fluid .popupN {
    float: left;
    padding: 16px 16px 16px 2px !important;
    width: 96% !important;
}
.container-fluid .form-table table input[readonly] {
   background-color: #ebebe4  !important;
    border: 1px solid #ccc;
    color: #000;
    height: 26px;
    padding: 2px 3px 4px;
    text-align: left;
    width: 97%;
}

.addTable th .mand, .addTable th .required{
	top:0px;
	padding-right:5px;
	
}

.addTable .listrequired{
    background: rgba(0, 0, 0, 0) url("../images_hvm/mand.png") no-repeat scroll right 2px;

}
#sddm {
    left: 30px;
    margin-right:15px !important;
    z-index: 30;
}
#sddm li a:hover {
    background: #008fd5 !important;
}
.subhead {
    background: #eee;
    color:#333;
    font-size:16px;
    margin-bottom:16px;
    margin-top:16px;
    padding:2px 2px 2px 10px;
    width:100%;
border-bottom: 0px;
}

.form-table .capmarg {
    position: relative;
    top: 5px !important;
}
.capmarg {
    position: relative;
    top: 10px !important;
}

/*.hoverTable tr:nth-child(even) { background: cyan; padding: 2px 8px 1px !important; height: 30px !important;
}*/


/* .hoverTable tr td:nth-child(n) {
    background: red; padding:4px 6px 15px 6px !important;
} */


.addTable input[readonly] {
    background-color: #ebebe4 !important;
    border: 1px solid #ccc;
    color: #000;
    height: 26px;
   /* padding: 2px 2% 4px 4%;*/
     padding:3px;
    text-align: left;
    width: 94%;
}
.addTable td {
    position: relative;
}
.curencyfld {
    left: 15px;
    position: absolute;
    top: 14px;
}
.dollorfld input[readonly] {
	 background-color: #ebebe4 !important;
    border: 1px solid #ccc;
    color: #000;
    height: 26px;
    padding: 2px 2% 4px 15px !important;
    text-align: left;
    width: 85% !important;
}
.tabbox{
border :1px solid #ccc;
padding:16px;
}

.hoverTable tr:nth-child(2n) {
    line-height: 19px;
}
/* .table_btn {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin: 4px -8px -2px 10px;
    padding: 4px 12px 6px;
}
 */
  .table_btn{   border: 1px solid #ccc !important;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 4px 10px;
    padding: 4px 10px 4px !important;
    background: #e7e5e5 none repeat scroll 0 0;}
    
    
.listbtns {
    margin:2px 0 0 !important;
}



span.callout {
	/*height: 60px;*/
	width: 200px;
	float: left;
}
span.callout {
	background-color: #EBEBE4;
	position: relative;
	color: #333;
	padding: 5px;
	margin: -70px;
	/*min-height: 50px; */ 
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	
}
.callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}
.callout.bottom::before {
	right: 332px;
    bottom: -20px;
    border-top: 10px solid #262626;
    
}
a.tooltip {outline:none; position: absolute;}
/*a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}*/ 
a.tooltip span {
	
    -webkit-margin-start: -17px!important; /* for chrome - by Goutham*/ 
    -webkit-margin-before: -71px !important;/* for chrome - by Goutham*/ 
    z-index:999;
    display:none; 
    padding: 10px;
    margin-left: -36px;
    width: 350px;
    line-height: 20px;
            
}
.addTable td .callout.bottom::before { /* Used in Requisition Search Page */
	left: 14px;
    bottom: -20px;
    border-top: 10px solid #262626;
	}
	.addTable td a.tooltipSmall span {/* Used in Requisition Search Page */
	min-width:130px !important;
	width: auto !important;
	}
a.tooltip:hover span{
    display:inline; 
    position:absolute; 
    color: #333;
    background-color: #ffffff;
    bottom: 90px; 
    font-size: 14px;
    
    
}
.callout {
	border-bottom: 10px solid #e3e3e3;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:8px;        
   
}

/*right side tooltip*/

a.tooltip:hover span.rightTooltip{
    display:inline; 
    position:absolute; 
    color: #333;
    background-color: #ffffff;
    right:94px;
    top:60px; 
    width: 350px;
    bottom: -10px; 
    font-size: 14px;
    
    
    
}
th a.tooltip span {
    margin-left: -36px !important;
    margin-bottom: -65px !important;
}

.callout.right::before {
	right: -22px;
	top: 10%;
	border-left: 10px solid #262626;
    
}



#selectedCalendarYear_chzn{width:108px !important; float:left;}

#calendarSelect_chzn{width:108px !important; float:right;}

/*#calendarSearchId input{width:80px !important; margin:3px 0 0 0 !important;}*/



/* four td format pop up css start */



.popup-box {
    background: #fff;
    clear: both;
    margin: 0 auto;
    width:100%;
}

.popup-box .form-table {
    width: 100% !important;
    position: relative;
}

.popup-box .form-table table {
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: auto;
    width: 1004px !important;
    table-layout: fixed;
}

.popup-box .form-headding {
    border-bottom: 1px solid #ddd;
    color: #000;
    float: left;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 12px;
    text-align: left;
    width: 100%;
}

.popup-box .form-table table input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    height: 26px;
    padding: 2px 3px 4px;
    text-align: left;
    width: 97%;
}


.popup-box .form-table textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 14px;
    padding: 3px;
    resize: vertical;
    text-align: left;
    width: 97% !important;
} 

.popup-box .form-table table td label {
    position: relative;
    top: 8px;
    padding: 0 13px 0 5px; right:0px !important;
}


.popup-box .mand, .required {
    background: rgba(0, 0, 0, 0) url("../images_hvm/mand.png") no-repeat scroll right center;
    margin-right: 3px;
}
	
	

.popup-box .form-table table td .mand, .container-fluid .form-table table td .required {
    padding: 0 10px 2px 5px;
}
.popup-box .form-table table td {
    line-height: initial;
    padding: 4px 0;
    text-align: right;
    vertical-align: top;
    width: 25%;
}

.popup-box .form-table table td select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #333;
    height: 34px;
    padding: 2px 3px 3px;
    width: 100%;
}
.selectfld {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    border-radius: 0;
    color: #333;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    position: relative;
    width: 85% !important;
}
.popup-box .radio {
	border: none;
	float: left;
}
.popup-box .showentries {
	background: #F8F8F8;
	float: left;
	width: 768px;
	position: absolute;
	top: 512px
}


/* four td format pop up css End */



#radio-txt {
    top: 5px !important;
}

/* css for uploading files  start */
/* 
.like-me{ width:100%; height:auto; position:relative; text-align:left; top:3px; margin-bottom:4px; }
.like-me span{ display:block; position:relative; z-index:1; cursor:pointer;}
.like-me span.first{ float:left; width:166px; padding:0px 5px; border:1px solid #ccc; line-height:25px; height:26px; cursor:text; text-align:left;}
.like-me span.second{ float:right; width:70px;  background:#eee;border:1px solid #ccc; color:#000; line-height:24px; height:26px; text-align:center;}
.like-me input{ position:absolute; top:0px; left:0px; height:40px; line-height:40px; width:100%; opacity:0; filter:opacity(0); z-index:1;}

.clr{ clear:both;} */

/* css for uploading files End */






/* .fildtable .setCapital {
    position: relative;
    top: 8px !important;
} */
	
/*.container-fluid table input[type="text"]{
background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #333;
    height: 26px;
    padding: 2px 3px 4px;
    text-align: left;
   
}
.container-fluid  textarea {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 14px;
    padding: 3px;
    resize: vertical;
    text-align: left;
    width: 97% !important;
}

.container-fluid table td label {
    position: relative;
    top: 1px;
    padding: 0 13px 0 5px;
}
.container-fluid table td select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #333;
    height: 34px;
    padding: 2px 3px 3px;
  
}
.container-fluid table td .required {
    padding: 0 10px 0 5px;
}
*/



/* --- Mattaiah changes on 21st June 2016 Start----------------------------------------------------------- */


.errorfild{
	color:red;
	font-size:11px;
	display:block;
	font-style:italic;
	position:relative !important;
	/* top:6px !important; */
	/* top:3px;*/
	text-align: left !important;
	}
.radiofld{
	padding-bottom: 9px !important;
	text-align: left !important;
}

/* --- Mattaiah changes on 21st June 2016 End----------------------------------------------------------- */

/* -- Added by gopi for Radio buttons error messages -- */
.radio-errorfild{
	color:red;
	font-size:11px;
	display:block;
	font-style:italic;
	position:relative !important;
	top:6px !important; 
	text-align: left !important;
	}

/* --  End code -- */

	
/*--- To dispaly info in popup for 2 td format (Padmavathi M)---*/	
.popInfo {
    background: #bde5f8 url(../images_hvm/info_ico.png) no-repeat scroll 16px center;
    padding: 10px 2% 10px 8%;
    width: 90%;
}
.callout.btm::before {
	right: 584px;
    bottom: -20px;
    border-top: 10px solid #262626;
    
}
.callout.btm1::before {
	right: 478px;
    bottom: -20px;
    border-top: 10px solid #262626;
    margin: -1px !important;
}


a.toltip {outline:none; position: relative ;}
/* a.toltip span {
    border-radius: 8px;
}
 */
a.toltip span {
    z-index:999;
    display:none; 
    padding: 10px;
    margin-left: -445px;
    width: 350px;
    line-height: 20px;
            
}
a.toltip:hover span{
    display:inline; 
    position:absolute; 
    color: #333;
    background-color: #ffffff;
    bottom: 90px; 
    font-size: 14px;
    
    
}
.enroll-wrapper {
        float: left;
        width: 100%;
    }
.enroll-content{
   background: #eee none repeat scroll 0 0; 
    margin: 0 auto 2px;
    padding: 3px;
   /* width: 984px;*/
    margin-top : 0px;
    text-align: center;
    
    }
.y_btn{

   background: none repeat scroll 0 0 #008fd5 !important; 
      border-radius: 4px;
   color: #fff !important; 
    cursor: pointer;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
   margin-left: 20px;
    padding: 4px;
    text-align: center;
    /*width: 112px;*/
    
    }
    .no_btn{

  background: none repeat scroll 0 0 #999999 !important;
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
    font-family: "Segoe UI",arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
   /* margin-left: 20px;*/
    padding: 4px;
    text-align: center;
   /* width: 112px;*/
    
    }
    div#selectedCalendarYear_chzn div#calendarSearchId>input {
    display: none !important;
  
}
div#calendarSelect_chzn div#calendarSearchId>input {
   display: none !important;
   }
div#calendarSelect_chzn .chzn-drop{
	background: white !important;
	margin-left: -1px;
	}
	
	div#selectedCalendarYear_chzn .chzn-drop{
	background: white !important;
	margin-left: -1px;
	}
	div#selectedCalendarYear_chzn ul.chzn-results{
	font-weight: 500 !important;
	}
	div#calendarSelect_chzn ul.chzn-results{
	font-weight: 500 !important;
	}
	div.pageLoadingImg{
	display:none !important;
opacity: 0.9;
    z-index: 1010;
    height: 100%;
    position: fixed;
    top: 0%;
    width: 100%;
  background-color: rgba(255, 255, 255, 0.41);
}
span.pageLoadingImg{
	display:none !important;
left: 50%;
    top: 35%;
    position: fixed;
    opacity: .9;
}

.btmmrg8{margin-bottom:8px!important;}
.moreImg{
	padding-left: 4px !important;
}
/* a.toltip:hover span.rightTooltip{
    display:inline; 
    position:absolute; 
    color: #333;
    background-color: #ffffff;
    right:94px;
    top:60px; 
    width: 350px;
    bottom: -10px; 
    font-size: 14px;
    
    
    
} */
/* th a.toltip span {
    margin-left: -36px !important;
    margin-bottom: -65px !important;
}
	 */
	 
	 
.sessionExp .message{
	border:1px solid rgba(0, 0, 0, 0.2);
	width:600px;
	margin:auto;
	}
.sessionExp .message .messhead{
	background:#008fd5;
    font-size:24px;
    line-height:20px;
     padding: 8px 15px 7px 15px;
	height:24px;
	color:#fff;
	}
.sessionExp .message .messcont{
	padding:16px;
	text-align: justify;
	}
	.sessionExp p{
	text-align: justify;
	}

 .sessionExp .logo{
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	display: table;
	} 
.conte-head-hradmin {
    background: #008fd5 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 41px;
    margin-bottom: 7px;
    vertical-align: middle;
    width: 100%;
}