/*
 * Copyright 2014 DEFTeam Solutions Pvt.Ltd.
 * http://defteam.com
 * Created/Modified: AG -HYD0057BI
 * Contribution by:Eraz Charaniya -HYD0112BI
 * Modifying/Changing CopyRights without Author's permission is strictly prohibited.
 */


 
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-regular.woff') format('woff');
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/lato-bold.woff') format('woff');
}

@font-face {
	font-family: 'Poly';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/poly-regular.woff') format('woff');
}

@font-face {
	font-family: 'Poly';
	font-style: italic;
	font-weight: 400;
	src: src:     url('../fonts/poly-bold.woff') format('woff');
}

@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/opensans-regular-webfont.woff') format('woff'),
		url('../fonts/opensans-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSansSemiboldRegular';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/opensans-semibold-webfont.woff') format('woff'),
		url('../fonts/opensans-semibold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.Login-Left,.Login-Right {
	height: 95%;
	min-height: 100%;
}

.loginpage>div {
	/*height: 100%;*/
}

html,body {
	height: 100%;
}

.LoginFooterStyle {
	background: #edeeef;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	bottom: 0;
	clear: both;
	color: #92abb7;
	font-family: OpenSansRegular;
	font-size: 12px !important;
	padding: 5px;
	position: fixed;
	width: 100%;
	left: 0;
}

.LoginFooterStyle table{
	width:100%;
}

/* @media ( max-width : 775px) {
	.LoginFooterStyle {
		position: relative;
		width: auto;
		color : red !important;
	}
} */

.roundEdge {
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 4px !important;
	/* Firefox 1-3.6 */
	-moz-border-radius: 4px !important;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 4px !important;
}

.logo {
	background: url("../images/logo.png") no-repeat scroll 0 0/250px 70px
		rgba(0, 0, 0, 0);
	width: 250px;
	height: 70px;
}

body {
	background-color: #ffffff !important;
}

.panel-default>.panel-heading {
	background-color: #e6f3fa !important;
}

.table-striped>tbody>tr:nth-child(2n+1)>td {
	background-color: #F3F6FF;
}

.table-striped tr {
	background-color: #fff;
}

table.dataTable tbody tr {
	background-color: #fff;
}

table.table-bordered tbody td {
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
	border-width: 1px;
	border-color: #ddd;
	border-style: solid;
}

table.table-bordered thead th {
	border-top-width: 0 !important;
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
	border-width: 1px;
	border-color: #001433 !important;
	border-style: solid;
}

*,*:before,*:after {
	box-sizing: border-box;
}

table.dataTable,table.dataTable th,table.dataTable td {
	box-sizing: content-box;
}

.floatR {
	float: right !important;
}

.floatL {
	float: left !important;
}

.paddingFive {
	padding: 5px !important;
}

.marginFive {
	margin: 5px;
}

.norMargin {
	margin-right: 0px !important;
}

.bold {
	font-weight: bold;
}

.tableHeading {
	font-size: 14px;
}

.underLine {
	text-decoration: underline;
}

.details {
	padding: 5px;
}

.AudetailsBlock {
	width: 300px;
	height: 125px;
}

.noMargin {
	margin: 0 !important;
}
.margintfive {
	margin-top: 5px !important;
}

.navbar-default {
	background-color: #fafdfe !important;
	border-color: #cfdbe1 !important;
}

.footer {
	background-color: #fafdfe !important;
	border: 1px solid #cfdbe1 !important;
}

#gbox_list4 {
	margin: 10px auto;
}

.ui-widget-header {
	border: 1px solid #a6c9e2 !important;
	color: #fff !important;
	background: none #71a9d2 !important;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	background: none #e6f3fa !important;
	border: 1px solid #a6c9e2;
	color: #555555;
}

.jqgridcustom .ui-state-hover {
	background: none #F9FCFD !important;
}
.jqgridcustom .ui-jqgrid .loading.ui-state-default.ui-state-active
{
	background: #ebebeb none repeat scroll 0 0 !important;
    border-color: #555 !important;
    color: #555 !important;
    padding: 10px 70px;
}

.jqgridcustom .ui-state-highlight td{
	background: none !important;
}

.selectedGridRow{
background: none #f4f5f7 !important;	
}

body.loginpage {
	background: url("../images/pattern.png") !important;
	font-size: 13px;
	height: 100%;
	max-height: 100%;
	text-rendering: optimizelegibility;
}

body {
	background: none repeat scroll 0 0 #fff;
	font-family: Verdana, 'OpenSansRegular';
	font-size: 12px;
	width: 100%;
}

.clear {
	clear: both;
}

.Login-Left {
	color: #000;
	float: left;
	font-size: 16px;
	overflow: hidden;
	width: 50%;
}

.Login-Right {
	float: left;
	width: 50%;
}

.loginHeader {
	background: url("../images/pagefold.png") no-repeat scroll 0 0 / 54px 100% transparent;
	background-repeat: no-repeat;
	color: #808ca0;
	margin-bottom: 0 !important;
}

.loginHeader  .headerSpan {
	Color: #808ca0;
	font-family: monospace;
    font-size: 24px;
	font-weight: bold;
	 margin-left: -50px;
}

.loginHeader div {
	background: none repeat scroll 0 0 white;
	height: 100%;
	margin-left: 50px;
	min-height: 45px;
	padding:10px 20px;
	text-align: center;
}

.value_propositions {
	margin: 20px 0;
}

.value_propositions ul {
	padding-left: 11px;
}

ul {
	list-style: none outside none;
}

.value_propositions ul li {
	color: #fbfbfb;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

.highlighted {
	color: #155fa4;
}

.loginpage form {
	border-radius: 5px;
	display: block;
	margin: 0 auto;
}

.logindetails {
	box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.20);
}

.logindetails span {
	color: #888888;
	font-family: OpenSansRegular, bold;
	font-size: 13px;
	font-weight: bold;
}

.logindetails #forgotPassword {
	color: #2a6496;
	font-size: 11px;
	cursor:pointer;
}

.logindetails input[type="checkbox"] {
	margin-right: 5px;
	padding: 0;
	
}

.logindetails button {
	text-transform: capitalize !important;
}

.lsec1 {
	height: 120px;
	background-color: rgba(72, 97, 118, 0.4);
	padding: 25px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align: center;
}

.lsec2 {
	background-color: #f6f6f6;
	padding: 15px;
}

.lsec2.noMargin>div {
	margin-bottom: 15px;
}

.lgnErrSec {
	color: #ffff99;
	display: block;
	margin-top: 20px;
	text-align: center;
}

.lsec3 {
	background-color: rgba(45, 77, 102, 0.9);
	color: #fff;
	font-family: Verdana, "OpenSansRegular";
	font-size: 12px;
	height: 100px;
	padding: 10px 25px;
	text-align: justify;
}

.lsec4 {
	height: 25px;
	background: url("../images/gridLine.png") no-repeat scroll left center/100%
		100% rgba(0, 0, 0, 0);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	padding-top: 3px;
	text-align: center;
}

.lpassword{
	margin-top: 1px !important;
	border-radius: 5px;
	border: 1px solid #e8e8e8 !important;
	height: 35px;
}

#lusername {
	border-radius: 5px;
	border: 1px solid #e8e8e8 !important;
	height: 35px;
}

.logindetails input[text]{
	border: 1px solid #e8e8e8 !important;
	padding: 5px;
	background-color: #fdfcfc;
}
.logindetails .text-lowercase{
	text-transform: none;
}

#loginPanel {
	box-shadow: 5px 17px 12px -5px rgba(0, 0, 0, 0.35);
}

.submitBtn {
	margin-top: 30px;
	background: none repeat scroll 0 0 #da2129 !important;
	border-radius: 2px;
	border: medium none;
	color: #ffffff;
	text-transform: capitalize !important;
}

.fgotBtn {
	margin-top: 7px;
	background-color: rgba(218, 33, 41, 0.90);
	border-radius: 2px;
	border: medium none;
	color: #ffffff;
}

.noBold {
	font-weight: normal !important;
}

.loginTitle1 {
	color: #ffffff;
	font-family: monospace;
	font-size: 40px;
}

.loginTitle2 {
	color: #ffffff;
	font-size: 20px;
	font-family: "Lato";
	margin-top: 15px;
	display: block;
}

.loginLeftparent {
	margin: 0 auto;
	width: auto;
	height: inherit;
}

.loginLeftContent {
	height: inherit;
	width: auto;
}

.loginLeftContentParent {
	height: inherit;
	width: inherit;
	padding-left: 35%;
	padding-right: 5%;
}

.loginlogo {
	/*background: url("../images/DEFTeam_logo.png") no-repeat;*/
	height: 95px;
	width: 100%;
	background-position: 33%;
	padding: 0 10px 10px;
}

/*a_003.css */

/**
 * Smiley project CSS 
 */

/* generic emoji styles */
.emoji,.emoji:before {
	display: inline-block !important;
	/* shouldn't have been necessary, but some themes set this to static */
}

.emoji {
	position: relative !important;
	/* shouldn't have been necessary, but some themes set this to static */
	vertical-align: bottom;
	/* this will be a line-height tall wrapper for vertically centering the smiley */
	width: 1.375em;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 9999px;
	min-height: 1.2em; /* for really small lineheights */
}

/* Firefox does weird things with text-indent and selection */
@
-moz-document url-prefix () { .emoji {
	text-indent: 0;
	text-align: center;
	color: rgba(255, 255, 255, 0);
	overflow: visible;
}

}

/* @noflip */
.emoji:before {
	/* vertically center the smiley */
	position: absolute;
	content: "";
	/* height/width for IE, Firefox and non-webkit browsers */
	height: 1.25em;
	width: 1.375em;
	margin-top: -0.625em; /* minus half the height of the smiley */
	left: 0;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.emoji {
		width: 1.35em;
	}
	.emoji:before {
		height: 1.4em;
		width: 1.35em;
		margin-top: -0.7em; /* minus half the height of the smiley */
	}
}

/* IE specific hacks */
@media screen and (min-width:0\0) {
	.emoji {
		height: 1.2em;
		width: 1.38em;
	}
	.emoji:before {
		width: 1.38em;
	}
}

/* individual smileys */
/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.emoji-smile:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}

.emoji-wink:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}

.emoji-bigsmile:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}

.emoji-heart:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}

.emoji-neutral:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}

.emoji-uneasy:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}

.emoji-lol:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}

.emoji-sad:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}

.emoji-cry:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}

.emoji-evilgrin:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}

.emoji-twisted:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}

.emoji-evil:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}

.emoji-surprised:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}

.emoji-tongue:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}

.emoji-angry:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}

.emoji-burrito:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}

.emoji-burrito,.emoji-burrito:before {
	width: 1.6em;
}

.emoji-wordpress:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}

.emoji-mindblown:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}

.emoji-mindblown-alt:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg),
		none;
}

.emoji-martini:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}

.emoji-whiterussian:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg),
		none;
}

.emoji-star:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/star.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/star.svg), none;
}

.emoji-developer:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}

.emoji-developer,.emoji-developer:before {
	width: 1.5em;
}

.emoji-facepalm:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}

.emoji-facepalm,.emoji-facepalm:before {
	width: 1.4em;
}

.emoji-bear:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}

.emoji-mrgreen:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}

.emoji-arrow:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}

.emoji-confused:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}

.emoji-cool:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}

.emoji-idea:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}

.emoji-blush:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}

.emoji-oops:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}

.emoji-rolleyes:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}

.emoji-exclaim:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}

.emoji-question:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/question.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/question.svg), none;
}

.emoji-kitten:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}

.emoji-momface:before {
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
	background-image:
		url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}

/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@
-moz-document url-prefix () { .emoji-rolleyes {
	letter-spacing: -.2em;
}

.emoji-oops,.emoji-idea,.emoji-confused {
	letter-spacing: -.25em;
}

.emoji-burrito,.emoji-arrow,.emoji-bear,.emoji-star {
	letter-spacing: -.3em;
}

.emoji-developer,.emoji-mrgreen,.emoji-facepalm {
	letter-spacing: -.35em;
}

}

/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */

/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px; /* Previous height, 60px */
	position: relative;
	/* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px;
	background-color: #000;
	border-width: 0;
	opacity: 0.88;
	filter: alpha(opacity =    88);
	box-shadow: 0 0 10px black;
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 14px;
	padding-bottom: 5px;
}

#likes-other-gravatars ul,#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	position: absolute;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0, 0, 0, .13);
}

.entry-content .post-likes-widget,.post-likes-widget,.comment-likes-widget
	{
	margin: 0;
	border-width: 0;
}

/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;
	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
	
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}

/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute;
	/* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}

/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}

/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}

#bit,#bit * {
	*zoom: 1;
}

#bit {
	font: normal 13px "Helvetica Neue", sans-serif;
	_display: none;
}

.loggedout-follow-shelf {
	position: fixed;
	right: 40%;
	z-index: 100;
	bottom: -300px;
}

.loggedout-follow-normal {
	position: fixed;
	z-index: 100;
	bottom: -300px;
	right: 10px;
}

.loggedout-follow-typekit {
	margin-right: 4.5em;
	position: fixed;
	z-index: 100;
	bottom: -300px;
	right: 10px;
}

#bit a.bsub {
	display: block;
	overflow: hidden;
	padding: 0 10px 0 8px;
	float: right;
	text-decoration: none !important;
	line-height: 28px;
	font: normal 13px/28px "Helvetica Neue", sans-serif;
	color: #CCC;
	text-shadow: #444 0 -1px 0;
	letter-spacing: normal;
	border: 0;
	background-color: #464646;
	background-image: -ms-linear-gradient(bottom, #464646, #3f3f3f 5px);
	background-image: -moz-linear-gradient(bottom, #3f3f3f, #464646 5px);
	background-image: -o-linear-gradient(bottom, #464646, #3f3f3f 5px);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#464646),
		to(#3f3f3f));
	background-image: -webkit-linear-gradient(bottom, #3f3f3f, #464646 5px);
	background-image: linear-gradient(bottom, #464646, #3f3f3f 5px);
	-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.20);
	-o-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.20);
	-ms-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.20);
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.20);
	outline-style: none;
	outline-width: 0;
}

#bit a.bsub {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#bit a.bsub span {
	background:
		url(/wp-content/blog-plugins/loggedout-follow/../../mu-plugins/admin-bar/wpcom-admin-bar-icons.png)
		0 -77px no-repeat;
	padding-left: 20px;
	padding-right: 6px;
}

#bit a:hover span,#bit a.bsub.open span {
	color: #ffffff !important;
	background-position: 0 -117px;
}

#bit a.bsub.open {
	background: #333;
}

#bitsubscribe {
	background: #464646;
	color: #fff;
	padding: 15px;
	width: 200px;
	margin-top: 27px;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	-o-border-radius: 2px 0 0 0;
	-ms-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
	*float: right;
	*margin-right: -68px;
}

div#bitsubscribe.open {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

#bitsubscribe div {
	overflow: hidden;
}

#bit h3,#bit #bitsubscribe h3 {
	margin: 0 0 .5em 0 !important;
	font-family: Verdana, "OpenSansRegular", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-weight: 300;
	text-shadow: 0 1px 0 #333;
	font-size: 20px;
	color: #fff;
	text-align: left;
}

#bit #bitsubscribe p {
	margin: 0 0 1em 0;
	*margin: 0 0 0 0;
	font: 15px/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-shadow: 0 1px 0 #333;
	color: #fff;
}

#bitsubscribe p a {
	margin: 20px 0 0;
	color: #fff;
	text-decoration: underline;
}

#bit #bitsubscribe p.bit-follow-count {
	font-size: 13px;
}

#bitsubscribe input[type=submit] {
	padding: 2px 20px;
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333),
		color-stop(100%, #111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333 0%, #111 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333 0%, #111 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #333 0%, #111 100%); /* IE10+ */
	background: linear-gradient(top, #333 0%, #111 100%);
	color: #ccc;
	text-shadow: 0 1px 0 #000;
	border: 1px solid #282828;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-shadow: inset 0 1px 0 #444;
	-webkit-box-shadow: inset 0 1px 0 #444;
	box-shadow: inset 0 1px 0 #444;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	*margin: 1em 0 1em 0;
}

#bitsubscribe input[type=submit]:hover {
	background: #222; /* Old browsers */
	background: -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333),
		color-stop(100%, #222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333 0%, #222 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333 0%, #222 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #333 0%, #222 100%); /* IE10+ */
	background: linear-gradient(top, #333 0%, #222 100%);
	color: #fff;
	-moz-box-shadow: inset 0 1px 0 #4f4f4f;
	-webkit-box-shadow: inset 0 1px 0 #4f4f4f;
	box-shadow: inset 0 1px 0 #4f4f4f;
	text-decoration: none;
}

#bitsubscribe input[type=submit]:active {
	background: #111; /* Old browsers */
	background: -moz-linear-gradient(top, #111 0%, #222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111),
		color-stop(100%, #222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #111 0%, #222 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #111 0%, #222 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #111 0%, #222 100%); /* IE10+ */
	background: linear-gradient(top, #111 0%, #222 100%);
	color: #aaa;
	-moz-box-shadow: inset 0 -1px 0 #333;
	-webkit-box-shadow: inset 0 -1px 0 #333;
	box-shadow: inset 0 -1px 0 #333;
	text-decoration: none;
}

#bitsubscribe input[type=text],#bitsubscribe input[type=email] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	height: auto;
	padding: 1px 2px;
	width: 95%;
}

#bitsubscribe input[type=text]:focus,#bitsubscribe input[type=email]:focus
	{
	border: 1px solid #000;
}

#bitsubscribe.open {
	display: block;
}

#bsub-subscribe-button {
	text-align: center;
	margin: 0 auto;
}

/*
Confirmation
=============================== */
#bitsubscribe #lof-readerpromo p {
	color: #ccc;
}

#bitsubscribe #lof-followpublicize {
	border-top: 1px solid #3c3c3c;
	margin-bottom: .5em;
}

#bitsubscribe #lof-followpublicize h3 {
	font-size: 13px;
	padding-top: 1em;
	margin-bottom: 1em !important;
}

#bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter,#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook
	{
	background: #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 1px #333;
	-webkit-box-shadow: inset 0 1px 1px #333;
	-o-box-shadow: inset 0 1px 1px #333;
	-ms-box-shadow: inset 0 1px 1px #333;
	box-shadow: inset 0 1px 1px #333;
	margin-bottom: .5em;
	overflow: hidden;
}

#bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter {
	padding: 10px 10px 5px;
}

/*
Footer
=============================== */
#bitsubscribe #bsub-credit {
	text-align: center;
	font: normal 11px "Helvetica Neue", sans-serif;
	padding: 7px 0;
	margin: 0 0 -15px;
	border-top: 1px solid #3c3c3c;
}

#bitsubscribe #bsub-credit a {
	color: #aaa;
	text-shadow: 0 1px 0 #262626;
	background: none;
	text-decoration: none;
}

#bitsubscribe #bsub-credit a:hover {
	color: #fff;
	background: none;
}

@media ( max-width : 800px) {
	#bit,#bit a.bsub {
		display: none;
	}
}

@media ( min-device-width : 768px) {
	#bit,#bit a.bsub {
		display: block;
	}
}

#demosite-activate-wrap,#demosite-activate-wrap * {
	*zoom: 1;
}
/*
 * Set up Open Sans
 */
#demosite-activate-wrap,#demosite-activate-wrap input,#demosite-activate-wrap h3,#activate-on-blog
	{
	font-family: Verdana, "Open Sans", "Helvetica Neue", Helvetica,
		sans-serif !important;
}
/*
 * The main bar
 */
#demosite-activate-wrap {
	background-color: #fff;
	font-size: 14px;
	font-weight: normal !important;
	height: 80px;
	line-height: 1;
	padding: 0;
	z-index: 99998;
	text-align: center !important;
}

#demosite-activate-wrap.demosite-full-width {
	text-align: center !important;
}

#demosite-activate-wrap,#demosite-activate {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 3px
		rgba(0, 0, 0, 0.2);
}

#demosite-activate-wrap a {
	font-weight: normal;
}
/*
 * Centered wrapper
 */
.demosite-header {
	max-width: 1000px;
	margin: 20px auto 0;
	height: 60px;
}
/*
 * The main header title
 */
.demosite-tagline {
	color: #8b8b8b;
	display: inline-block;
	font-size: 20px;
	margin: 0;
}

.demosite-activate {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999999;
}

.demosite-logged-in { /* Move the activate bar below the admin bar */
	top: 32px !important;
}
/*
 * Main button
 */
#demosite-activate-wrap .demosite-activate-trigger {
	background: #2ea2cc;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	margin-left: 40px;
	margin-top: 0;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none !important;
}

#demosite-activate-wrap .demosite-activate-trigger:hover {
	background: #0074a2;
	color: #fff;
}
/* Open status */
#demosite-activate-wrap .demosite-activate-trigger.open,#demosite-activate-wrap .demosite-activate-trigger:active
	{
	background: #555;
}
/*
 * Theme price
 */
.demosite-activate .theme-price {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-left: 20px;
	opacity: 0.8;
}

.demosite-activate .theme-price abbr {
	font-size: 10px;
	font-weight: 400;
	position: relative;
	top: -5px;
	left: -1px;
}
/*
 * Secondary blue container
 */
#demosite-activate {
	background: #1e8cbe;
	color: #fff;
	display: none;
	margin-top: 0;
	padding: 0;
	width: 100%;
}

#demosite-activate.open {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
/*
 * The two options for logged in users
 */
#demosite-activate .loggedin-activate,#demosite-activate .loggedin-signup
	{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-right: 40px;
	width: 50%;
}

#demosite-activate div {
	overflow: hidden;
}

#demosite-activate .loggedin-signup {
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	padding-left: 45px;
}
/*
 * Secondary titles
 */
#demosite-activate h3 {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: normal;
	line-height: 1;
	margin: 0 0 .5em 0 !important;
	text-align: center;
	text-transform: none;
	text-shadow: 0 1px 0 #333;
}

#demosite-activate p {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
	margin: 0 0 1em 0;
	text-align: left;
	text-shadow: 0 1px 0 #666;
}
/*
 * Buttons on blue secondary bar for logged in users
 */
#demosite-activate #activate-button,#demosite-activate .loggedin-new-blog
	{
	background: #005684;
	border: none;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin: 1em auto;
	padding: 10px 25px;
	text-decoration: none;
}

#demosite-activate #activate-button:hover,#demosite-activate .loggedin-new-blog:hover
	{
	background: #0074a2;
	color: #fff !important;
}

#demosite-activate #activate-button {
	margin-left: 20px;
}

#demosite-activate.open {
	display: block;
}

#activate-button {
	text-align: center;
}
/* The text and form inside the drop-down activate box */
#activate-theme {
	float: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
	max-width: 1000px;
}

#activate-on-blog {
	-webkit-appearance: menulist;
	background: #fff;
	border: none;
	color: #000;
	display: inline;
	float: none;
	font-size: 13px;
	height: auto;
	max-width: 99%;
	transition: none;
	vertical-align: baseline;
	width: 40%;
}

.activate-description .theme-name {
	font-weight: 700;
}

@media ( max-width : 800px) {
	.demosite-premium .demosite-tagline {
		font-size: 16px;
	}
	#demosite-activate-wrap.demosite-premium .demosite-activate-trigger {
		font-size: 16px;
	}
}

@media ( max-width : 782px) {
	.demosite-logged-in { /* Move the activate bar below the admin bar */
		top: 46px !important;
	}
}

@media ( max-width : 700px ) {
	.demosite-tagline {
		font-size: 16px;
	}
	#demosite-activate-wrap .demosite-activate-trigger {
		margin-left: 30px;
	}
	.demosite-premium .demosite-header {
		margin: 14px 0 0;
		height: 86px;
	}
	.demosite-premium .demosite-tagline {
		font-size: 18px;
		margin: 0 0 15px;
	}
	#demosite-activate-wrap.demosite-premium .demosite-activate-trigger {
		margin-left: 0;
		width: 80%;
	}
}

@media ( max-width : 620px) {
	#demosite-activate-wrap {
		height: 100px;
	}
	.demosite-header {
		margin: 14px 0 0;
		height: 86px;
	}
	.demosite-tagline {
		font-size: 18px;
		margin: 0 0 15px;
	}
	#demosite-activate-wrap .demosite-activate-trigger {
		margin-left: 0;
		width: 80%;
	}
	#activate-theme {
		width: 90%;
	}
	#demosite-activate p {
		font-size: 13px;
	}
	.activate-form {
		padding-top: 0.8em;
	}
	#demosite-activate #activate-button,#demosite-activate .loggedin-new-blog
		{
		margin-left: 0;
		margin-right: 0;
		font-size: 13px;
	}
	#activate-on-blog {
		width: auto;
	}
}

@media ( max-width : 520px) {
	.demosite-tagline,.demosite-premium .demosite-tagline {
		font-size: 16px;
	}
	#demosite-activate-wrap .demosite-activate-trigger {
		border-radius: 0;
		-moz-box-sizing: border-box;
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 3px
			rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		width: 80%;
	}
	#activate-theme {
		width: 95%;
	}
} /* =Infinity Styles
-------------------------------------------------------------- */
.infinite-wrap {
	
}

.infinite-loader {
	color: #000;
	display: block;
	height: 28px;
	text-indent: -9999px;
}

#infinite-handle span {
	background: #333;
	border-radius: 1px;
	color: #eee;
	cursor: pointer;
	font-size: 13px;
	padding: 6px 16px;
}

/**
 * For smaller viewports, remove the down-arrow icon and turn
 * the button into a block element, spanning the content's full width.
 */
@media ( max-width : 800px) {
	#infinite-handle span:before {
		display: none;
	}
	#infinite-handle span {
		display: block;
	}
}

/**
 * Footer
 */
#infinite-footer {
	position: fixed;
	bottom: -50px;
	left: 0;
	width: 100%;
}

#infinite-footer a {
	text-decoration: none;
}

#infinite-footer .blog-info a:hover,#infinite-footer .blog-credits a:hover
	{
	color: #444;
	text-decoration: underline;
}

#infinite-footer .container {
	background: rgba(255, 255, 255, 0.8);
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 1px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 1px 20px;
	width: 780px;
}

#infinite-footer .blog-info,#infinite-footer .blog-credits {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 25px;
}

#infinite-footer .blog-info {
	float: left;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40%;
}

#infinite-footer .blog-credits {
	font-weight: normal;
	float: right;
	width: 60%;
}

#infinite-footer .blog-info a {
	color: #111;
	font-size: 14px;
	font-weight: bold;
}

#infinite-footer .blog-credits {
	color: #888;
	font-size: 12px;
	text-align: right;
}

#infinite-footer .blog-credits a {
	color: #666;
}

/**
 * Hooks to infinity-end body class to restore footer
 */
.infinity-end.neverending #infinite-footer {
	display: none;
}

/**
 * Responsive structure for the footer
 */
@media ( max-width : 640px) {
	#infinite-footer .container {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	#infinite-footer .blog-info {
		width: 30%;
	}
	#infinite-footer .blog-credits {
		width: 70%;
	}
	#infinite-footer .blog-info a,#infinite-footer .blog-credits {
		font-size: 10px;
	}
}

/**
 * No fixed footer on small viewports
 */
@media ( max-width : 640px ) {
	#infinite-footer {
		position: static;
	}
}

/* a_002 */
.landingPage body {
	transition: all 200ms ease-in 0s;
}

.landingPage body {
	background-color: white;
	color: #333333;
}

html.landingPage,.landingPage body {
	min-height: 100%;
}

/*
html{
	
	overflow:hidden;
}

.table-responsive{
	
	overflow:hidden;
}*/

.landingPage body {
	font-size: 120%;
}

.landingPage body {
	font-family: Verdana, "OpenSansRegular", "Poly", Georgia, serif;
	line-height: 1.5;
	text-rendering: optimizelegibility;
}

.landingPage body {
	margin: 0;
}

.landingPage #masthead {
	background-color: #3c4e66;
	font-family: Verdana, "OpenSansRegular", "Lato", sans-serif;
}

.landingPage #masthead {
	height: 100%;
	left: 270px;
	margin-left: -270px;
	overflow: hidden;
	position: fixed;
	transition: all 0.4s ease 0s;
	width: 270px;
	z-index: 5;
	color: #f4f5f6;
	font-size: 14px;
}

.landingPage article,.landingPage aside,.landingPage details,.landingPage figcaption,.landingPage figure,.landingPage footer,.landingPage header,.landingPage hgroup,.landingPage main,.landingPage nav,.landingPage section,.landingPage summary
	{
	display: block;
}

.landingPage .menu-button {
	cursor: pointer;
	left: 0;
	margin: 0 auto;
	padding: 40px 0 20px;
	position: absolute;
	right: 0;
	top: 0;
	transition: width 250ms ease-in-out 0s;
	width: 80px;
	z-index: 499;
}

.landingPage .menu-button .menu-icon {
	float: left;
	height: 21px;
	margin-right: 10px;
	width: 23px;
}

.landingPage .menu-button .menu-icon span {
	background: none repeat scroll 0 0 #f9d236;
	border-radius: 1px;
	display: block;
	height: 3px;
	margin-bottom: 4px;
	transition: color 400ms linear 0s;
}

.landingPage .menu-button .menu-text {
	color: #f9d236;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	position: relative;
	text-transform: uppercase;
	transition: all 250ms ease-in-out 0s;
}

.landingPage .menu-button .menu-text span {
	color: #f9d236;
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 250ms ease-in-out 0s;
}

.landingPage .split-columns {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 200%;
}

.landingPage .split-columns {
	padding: 0px 0;
}

.landingPage #masthead .split-left {
	margin-left: -50%;
	transition: all 250ms ease-in-out 0s;
}

.landingPage #masthead .split-left,.landingPage #masthead .split-right {
	padding-top: 10px;
}

.landingPage .split-columns .split-right,.landingPage .split-columns .split-left
	{
	float: left;
	height: 100%;
	width: 50%;
}

.landingPage .split-left {
	display: block;
}

.landingPage .split-left {
	text-align: left;
}

#masthead-sidebar .widgets {
	height: 100%;
	overflow: visible;
	position: relative;
}

.widgets {
	padding: 0 20px;
}

#masthead-sidebar .widget {
	margin-bottom: 2em;
}

.widgets .widget:first-child {
	margin-top: 20px;
}

.widget {
	font-family: Verdana, "Lato", sans-serif;
}

.widget .search-form {
	border-radius: 4px;
}

.search-form,.search-form * {
	box-sizing: border-box;
}

.search-form {
	overflow: auto;
	position: relative;
}

.search-form label {
	border-radius: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 80%;
}

.search-form,.search-form * {
	box-sizing: border-box;
}

label {
	font-family: Verdana, "Lato", sans-serif;
	font-size: 1em;
	font-weight: normal;
}

.assistive-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

#masthead .select-wrap,#masthead input[type="search"] {
	background-color: white;
}

.search-form input[type="search"] {
	border-radius: 0;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 14px;
	letter-spacing: 0.04em;
	margin: 0;
	padding: 0 10px;
}

input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="date"],input[type="url"],input[type="phone"],select,textarea
	{
	-moz-appearance: none;
	border: medium none;
	font-family: Verdana, "Lato", sans-serif;
	outline: 0 none;
	text-indent: 0.01px;
	text-overflow: "";
	vertical-align: middle;
	width: 100%;
}

input {
	line-height: normal;
}

.search-form input::-moz-placeholder {
	color: #6c6c6c;
	text-transform: uppercase;
}

.widget .search-form .search-submit {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.search-form .search-submit {
	background: none repeat scroll 0 0 #f9d236;
	color: rgba(0, 0, 0, 0.7);
	display: block;
	float: left;
	font-family: Verdana, "Genericons";
	font-size: 21px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	width: 20%;
}

input[type="submit"],input[type="reset"],button,.button,.post-edit-link
	{
	border: medium none;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 200ms linear 0s;
	vertical-align: middle;
}

#masthead-sidebar .widget {
	margin-bottom: 2em;
}

#masthead-sidebar .widgettitle {
	color: rgba(255, 255, 255, 0.6);
}

.widget .widgettitle {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1rem;
	text-transform: uppercase;
}

.widget ul,.widget ol {
	line-height: 2em;
	list-style: none outside none;
	margin: 0 0 0.5em;
	padding: 0;
}

.widget li {
	margin: 0;
	padding: 0;
	position: relative;
}

#masthead-sidebar .widget_pages a,#masthead-sidebar .widget_nav_menu a {
	display: block;
}

#masthead-sidebar a {
	color: #f9d236;
}

.widget a {
	text-decoration: none;
}

a {
	transition: all 200ms linear 0s;
}

a {
	background: none repeat scroll 0 0 transparent;
}

#masthead-sidebar .widget_pages a,#masthead-sidebar .widget_nav_menu a {
	display: block;
}

#masthead-sidebar a {
	color: #f9d236;
}

.widget ul,.widget ol {
	line-height: 2em;
	list-style: none outside none;
	margin: 0 0 0.5em;
	padding: 0;
}

#masthead-sidebar .widget li li:before {
	background-color: rgba(255, 255, 255, 0.1);
}

.widget li li:before {
	background-color: rgba(255, 255, 255, 0.1);
	content: "";
	height: 3px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 18px;
	width: 8px;
}

*,*:before,*:after {
	box-sizing: border-box;
}

#masthead-sidebar .widget li li:after {
	background-color: rgba(255, 255, 255, 0.1);
}

.widget li li:after {
	background-color: rgba(255, 255, 255, 0.1);
	content: "";
	height: 13px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 5px;
	width: 3px;
}

#masthead-sidebar .widget {
	margin-bottom: 2em;
}

.content-wrapper {
	background-color: white;
}

.content-wrapper {
	padding-left: 270px;
	height: 100%;
	/*overflow: hidden; */
	overflow: auto;
	transition: all 0.4s ease 0s;
}

.content-wrapper {
	position: relative;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
	{
	display: block;
}

.footertext {
	background: #edeeef;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	bottom: 0;
	clear: both;
	color: #92abb7;
	font-family: Verdana,OpenSansRegular;
	font-size: 12px !important;
	text-align: center;
	padding: 5px 0 5px 0;
	position: fixed;
	width: 80%;
	z-index: 100;
}

.entry-content a,.footertext a {
	border-bottom: 1px solid #dcb107;
}

a {
	transition: all 200ms linear 0s;
}

a {
	color: #579ad7 !important;
	text-decoration: none;
	cursor:pointer;
}

a {
	background: none repeat scroll 0 0 transparent;
}

#masthead {
	font-family: Verdana, "Lato", sans-serif;
}

#masthead h1 a {
	border-radius: 3px;
	color: #f9d236;
	display: inline-block;
	padding: 5px 8px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, "Lato", sans-serif;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#masthead h1 {
	font-size: 18px;
	margin-top: 10px;
}

h1 {
	line-height: 1.1;
}

#masthead h1 a:hover {
	background-color: #f9d236;
	color: #222222;
	text-decoration: none !important;
}

a:active,a:hover {
	outline: 0 none;
}

* {
	outline: 0 none !important;
}

#masthead #author-avatar {
	border-radius: 15%;
	margin: 10px;
	overflow: hidden;
	width: 65px;
	float: left;
	margin: 25px 10px 10px 20px;
	border: 1px solid #f3f5f6;
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-size: 9px;
}

#masthead #author-avatar img {
	display: block;
}

img {
	height: auto;
	max-width: 100%;
}

img {
	border: 0 none;
}

#masthead .desc {
	/*Eraz*/
	color: rgba(255, 255, 255, 0.6);
	font-size: 10px;
	color: #ffffff;
}

body {
	font-size: 120%;
}

body {
	line-height: 1.5;
}

.social-menu {
	margin-top: 25px;
	padding-top: 20px;
	position: relative;
}

.social-menu .social-menu_h3:before {
	background: none repeat scroll 0 0 #3b3b3b;
	content: "";
	height: 4px;
	left: 25%;
	position: absolute;
	right: 25%;
	top: -2px;
}

.social-menu .social-menu_h3 {
	color: #7a7a7a;
	font-size: 1.2rem;
	margin: 0 0 1em;
}

#menu-social ul {
	list-style: none outside none;
	margin: 0 0 20px;
	padding: 0 5%;
	text-align: center;
}


.widgets {
	padding: 0 20px;
}

#masthead .split-left {
	margin-left: -50%;
	transition: all 250ms ease-in-out 0s;
}

#masthead .split-left,#masthead .split-right {
	padding-top: 83px;
}

.split-columns .split-right,.split-columns .split-left {
	float: left;
	height: 100%;
	width: 50%;
}

.split-left {
	display: block;
}

.split-left {
	text-align: left;
}

.menu-open #masthead .split-left {
	margin-left: 0;
}

#masthead .split-left {
	transition: all 250ms ease-in-out 0s;
}

.menu-open .menu-button {
	width: 120px;
}

.menu-button {
	cursor: pointer;
	left: 0;
	margin: 0 auto;
	padding: 40px 0 20px;
	position: absolute;
	right: 0;
	top: 0;
	transition: width 250ms ease-in-out 0s;
	z-index: 499;
}

.menu-open .menu-button .menu-icon span {
	background-color: rgba(255, 255, 255, 0.6);
}

.menu-open .menu-button .menu-text {
	color: rgba(255, 255, 255, 0.6);
	padding-left: 35px;
}

.menu-open .menu-button .menu-text span {
	color: rgba(255, 255, 255, 0.6);
	opacity: 1;
}

#masthead .split-left {
	transition: all 250ms ease-in-out 0s;
}

.split-columns .split-right,.split-columns .split-left {
	float: left;
	height: 100%;
	width: 50%;
}

.split-left {
	display: block;
}

.split-left {
	text-align: left;
}

#masthead-sidebar {
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	height: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
	{
	display: block;
}

#masthead-sidebar .widget {
	margin-bottom: 2em;
}

.widgets .widget:first-child {
	margin-top: 20px;
}

.widget {
	font-family: Verdana, "Lato", sans-serif;
}

#masthead-sidebar .widget_pages a:hover,#masthead-sidebar .widget_nav_menu a:hover
	{
	background-color: #f9d236;
	color: #222222;
	padding-left: 1em;
}

html.landingPage {
	
}

.emailIcon {
	background: url("../images/email.png") no-repeat scroll 0 0/26px 20px
		rgba(0, 0, 0, 0);
	display: block;
	height: 20px;
	position: relative;
	width: 26px;
	cursor: pointer;
}

.contactIcon {
	background: url("../images/contactNumber.png") no-repeat scroll 0 0/11px
		20px rgba(0, 0, 0, 0);
	display: block;
	height: 20px;
	position: relative;
	width: 12px;
	cursor: pointer;
}

.landLineIcon {
	background: url("../images/landline.png") no-repeat scroll 0 0/28px 20px
		rgba(0, 0, 0, 0);
	display: block;
	height: 20px;
	position: relative;
	width: 28px;
	cursor: pointer;
}

#menu-social ul {
	list-style: none outside none;
	margin: 0 0 20px;
	padding: 0 5%;
	text-align: center;
}

#menu-social ul li:first-child {
	margin-left: 0;
}

#menu-social ul li {
	display: inline-block;
	height: 25px;
	margin-right: 5px;
	padding: 0;
	position: relative;
}

#menu-social ul li a:before {
	color: rgba(255, 255, 255, 0.6);
}

}
header .genericon,header #menu-social ul li a,#menu-social ul li header a
	{
	color: rgba(255, 255, 255, 0.2);
}

#menu-social ul li a {
	
}

.genericon,#menu-social ul li a {
	display: inline-block;
}

/* D3 Chart CSS */
#pieChart {
	
}

#lineChart {
	
}

#barChart {
	
}

.slice {
	font-size: 12pt;
	font-family: Verdana;
	fill: white;
	//
	svg
	specific
	-
	instead
	of
	color
	font-weight
	:
	bold;
}

/*for line chart*/
.axis path,.axis line {
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
	//
	The
	shape-rendering
	property
	is
	an
	SVG
	attribute,
	used
	here
	to
	make
	sure
	our
	axis
	and
	its
	tick
	mark
	lines
	are
	pixel-perfect.
}

.line {
	fill: none;
	stroke-width: 3px;
}

.dot {
	stroke-width: 1.5px;
}

.axis text {
	font-family: Verdana;
	font-size: 11px;
}

.title {
	font-family: Verdana;
	font-size: 15px;
}

.xAxis {
	font-family: verdana;
	font-size: 11px;
	fill: black;
}

.yAxis {
	font-family: verdana;
	font-size: 11px;
	fill: white;
}

td,th {
	padding: 5px;
}

#lineChartTitle1 {
	font-family: Verdana;
	font-size: 14px;
	fill: lightgrey;
	font-weight: bold;
	text-anchor: middle;
}

#lineChartTitle2 {
	font-family: Verdana;
	font-size: 72px;
	fill: grey;
	text-anchor: middle;
	font-weight: bold;
	/*font-style: italic;*/
}

#chartArea {
	height: 800px;
	margin-left: 60px;
	padding-top: 40px;
	position: relative;
}

.contentArea {
	height: 500px;
	margin-left: 10px;
	position: relative;
}

.pageTitle {
	color: #50a8ed !important;
	font-size: 19px;
	font-weight: 300;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	height: 45px;
}

.pageTitleRow {
	background-color: #f4f5f7 !important;
	border-bottom: 1px solid #dfe4e8;
	min-width: 260px;
}

.pageTitleLogo {
	background-image:
		url("../images/DEFTeam_logo.png") !important;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 45px;
	height: 45px;
	max-width: 180px;
	float: right;
	width: 100%;
	margin-right: -11px;
}

.selectedLink {
	background-color: #FCE89A;
	color: #222222 !important;
	padding-left: 1em;
}

/* Submit Task*/
#submitTaskParent,#viewTaskParent {
	padding: 10px;
}

/* Borders*/
.table-bordered {
	border: 1px solid #001433 !important;
}
.table-borderedBlue th,.table-borderedBlue tr,.table-borderedBlue td {
	border: 1px solid #a6c9e2 !important;
}
#submitTaskParent input,#viewTaskParent input {
	height: auto !important;
	border: 1px solid #dddddd;
}

#submitTaskParent textarea,#viewTaskParent textarea {
	height: 40px;
	border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td
	{
	border: 1px solid #001433;
}

#scoreDetailsTable td {
	border: 0 none !important;
}

table {
	border-collapse: collapse;
	border: 0px;
	font-family: Verdana;
	color: #534C4F;
	font-size: 12px;
}

.heading {
	font-weight: bold;
}

#scoreDetailsTable {
	margin-bottom: 0 !important;
	width: 100%;
	border: medium none !important;
}

#dateSpan span {
	display: inline-block;
	width: 100px;
}

.spacer {
	height: 10px;
}

.spacer2px {
	height: 2px;
}

.ui-datepicker {
	font-size: 10px !important;
}

.ui-datepicker .ui-state-highlight {
	color: #fff !important;
	background-color: #71a9d2 !important;
}

.ui-datepicker .ui-state-active {
	color: #fff !important;
	background-color: #009900 !important;
}

.radioSpan {
	padding: 5px;
	vertical-align: text-bottom;
	margin-right: 5px;
}

.noReason {
	float: right;
	width: 80%;
}

.noReasonView {
	float: left;
}

.noReason textarea {
	border: 1px solid #dddddd;
	height: 20px !important;
}

.submitTaskContentArea {
	height: auto;
}

.table-responsive td {
	vertical-align: middle !important;
}

.submissDates {
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

select {
	height: auto;
}

.taskSheetButtons {
	display: block;
	margin: 15px auto;
	width: 270px;
}

#taskDetailsTD textarea {
	height: 35px;
}

#addRow {
	background: url("../images/AddRow.png") no-repeat scroll 0 0/26px 26px
		rgba(0, 0, 0, 0);
	height: 26px;
	position: absolute;
	width: 26px;
	margin-left: 5px !important;
	cursor: pointer;
}

.deleteRow {
	background: url("../images/deleteIcon.png") no-repeat scroll 5px 15px/20px
		20px rgba(0, 0, 0, 0);
	cursor: pointer;
}

.heightThirtypx {
	height: 30px;
}

.inline-block {
	display: inline-block !important;
}

.inline{
	display: inline ;
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
	{
	padding: 5px 5px 5px 5px !important
}

.viewTaskDDTable {
	width: 500px;
	margin-bottom: 15px;
}

.viewSheetSubmit {
	float: left;
}

.colorStrip {
	border: medium none !important;
	width: 100%;
	table-layout: fixed;
}

#submitTaskBelowSec {
	margin-bottom: 0px !important;
}

#scoreDetailsTable td {
	padding: 0px ! important;
}

.colorStrip.table-bordered.table-striped td {
	height: 30px !important;
	text-align: center;
	line-height: 30px;
}

.rcolor1 {
	background-color: #7F0400 !important;
	color: white !important;
}

.rcolor2 {
	background-color: #e55c00 !important;
	color: white !important;
}

.rcolor3 {
	background-color: #FF6600 !important;
	color: white !important;
}

.rcolor4 {
	background-color: #db3815 !important;
	color: white !important;
}

.rcolor5 {
	background-color: #1c2a82 !important;
	color: white !important;
}

.rcolor6 {
	background-color: #15206A !important;
	color: white !important;
}

.colorStrip td {
	width: inherit;
}

.redDark {
	background-color: #CC3300 !important;
	color: #ffffff !important;
}

.TDsubmitTaskBelowSec {
	padding: 0 !important;
}

.social-menu .popover-title {
	background: none repeat scroll 0 0 black;
	font-size: 12px;
	padding: 2px 5px;
	color: white;
	white-space: pre;
}

.social-menu .popover-content {
	font-size: 13px;
	padding: 2px 5px;
	text-align: center;
}

.padding-zero {
	padding: 0 !important;
}

.cusPopup table td {
	padding: 2px !important;
}

.cusPopup input {
	height: auto !important;
}

.cusPopup .modal-dialog {
	margin: 52px auto !important
}

.modalOvermodal {
	z-index: 1080 !important;
}

.table .table {
	margin-bottom: 0px;
}

.landingPage .logout-text {
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	padding: 5px;
	position: relative;
	right: 0;
	text-transform: none;
	width: 100%;
	cursor: pointer;
	z-index: 499;
}

.cusPopup table {
	background: #fcfdfd;
	border-spacing: 0;
}

.cusPopup .modal-header {
	padding: 5px !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom: 1px solid #d5e6f0 !important;
}

.cusPopup .modal-content {
	background: none repeat scroll 0 0 #f8fbfe;
	border-radius: 8px !important;
	border: 6px solid #d5e6f0;
}

.cusPopup table td {
	border-bottom: 1px solid #d5e6f0 !important;
	padding: 5px !important;
}

.cusPopup table tr th {
	height: 30px !important;
	padding: 5px !important;
	border-bottom: 1px solid #d5e6f0 !important;
	border-top: 1px solid #d5e6f0 !important;
	color: graytext;
}

.cusPopup input {
	height: 22px !important;
	border: 1px solid #d5e6f0;
}

.cusPopup  h4 {
	font-size: 16px !important;
	color: graytext;
}

.loginfooter {
	bottom: 0;
	height: 40px;
	position: fixed;
	width: 50%;
	padding: 5px;
	color: #333333;
	text-align: center;
	font-size: 11px;
}

.gray {
	background-color: #4d4d4d !important;
	color: #fff;
}

form select {
	height: auto !important;
}

textarea {
	resize: none !important;
}

.radioBtnGrp {
	float: left;
	width: 120px;
}

#meetingDeadline,#texttaskcompleted {
	float: left;
}

.submissionLbl {
	display: block;
	float: left;
	margin: 2px 10px;
	width: auto;
}

.deleteIcon {
	background: url("../images/delete_icon.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	cursor: pointer;
	display: block;
	height: 17px;
	width: 12px;
}

.editIcon {
	background: url("../images/edit_Icon.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
}

.btn-orange {
	background-color: #e86d51;
	border-color: #E85733;
	color: #fff;
}

.btn-orange:hover,.btn-orange:focus {
	background-color: #e85130;
	color: #fff;
}

.vMiddle tr th,.vMiddle tr td {
	vertical-align: middle !important;
}
.vMiddle {
	vertical-align: middle !important;
}
.vTop{
	vertical-align: top !important;
}
.vTop tr th,.vTop tr td {
	vertical-align: top !important;
}
.hCenter {
	text-align: center !important;
}

.hRight {
	text-align: right !important;
}

.sucessfullMsg {
	background-color: #fffbcc;
	border-color: #e6db55;
	color: green;
	display: block;
	font-size: 14px;
	font-style: italic;
	line-height: 2.5;
	margin-top: 0;
	position: fixed;
	vertical-align: baseline;
	width: 80%;
	z-index: 1;
	text-align: center;
}

.btn {
	font-family: arial;
}

input[readonly="true"] {
	background-color: #f0f0f0 !important;
	cursor: not-allowed;
}

input[disabled="true"] {
	background-color: #f0f0f0 !important;
	cursor: not-allowed !important;
}

.datepicker {
	cursor: pointer !important;
}
.cursorPointer{
	cursor: pointer !important;
}
.cursorDefault{
	cursor: default !important;
}
.logout-text a {
	text-decoration: none;
}

input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="date"],input[type="url"],input[type="phone"],select,textarea
	{
	border: 1px solid #c7c7c7 ;
}

.dashboardArea td {
	padding: 20px;
}

.multiselect-item .input-group-addon,.multiselect-item .multiselect-clear-filter
	{
	display: none !important;
}

.multiselect.dropdown-toggle.btn.btn-default {
	font-size: inherit !important;
	padding: 3px;
	font-family: inherit;
}

.innershadow {
	-moz-box-shadow: inset 0 0 5px #E6E600;
	-webkit-box-shadow: inset 0 0 5px #E6E600;
	box-shadow: inset 0 0 5px #E6E600;
}

.bigText {
	font-family: Verdana,Monotype Corsiva;
	font-size: 60px;
	line-height: 40px;
	margin-right: 10px;
	color: #155fa4;
}

#author-avatar a {
	height: 120px;
	width: 120px;
	background: url("../images/profile/comingSoon.png") no-repeat scroll
		100% 100% rgba(0, 0, 0, 0);
	display: block;
}

.dashboardArea td {
	text-align: center;
}

.bestView {
	color: inherit;
	font-family: Verdana,OpenSansRegular;
	font-size: 12px;
}

.word-wrap {
	max-width: 250px;
	word-wrap: break-word;
}

.break-word {
	word-break: break-all;
}

.blockUI {
	font-family: inherit !important;
	font-size: 14px !important;
	padding: 10px !important;
}

.blockOverlay {
	z-index: 1060 !important;
}

.blockPage {
	z-index: 1065 !important;
	min-height: unset !important;
	height: unset !important;
}
/* Word Cloud */
.impact {
	font-family: Impact, sans-serif;
}

.wcFont1 {
	
}

.wcFont2 {
	font-family: Impact, sans-serif;
	font-size: 26px;
}

.wcColor1 {
	color: #8bc34a !important;
}

.wcColor2 {
	color: #ffc107 !important;
}

.wcColor3 {
	color: #90a4ae !important;
}

.wcColor4 {
	color: #05aaea !important;
}

.wcColor5 {
	color: #ff5454 !important;
}

.wcColor6 {
	color: #ff5454 !important;
}

.wcColor7 {
	color: #af36b3 !important;
}

.wcColor8 {
	color: #0f79c3 !important;
}

.wcColor9 {
	color: #67c2ef !important;
}

.wcColor10 {
	color: #79c447 !important;
}

.wcColor11 {
	color: #999999 !important;
}

.wcColor12 {
	color: #fee074 !important;
}

.wcColor13 {
	color: #6fb3e0 !important;
}

.wcColor14 {
	color: #9c9ede !important;
}

.wcColor15 {
	color: #637939 !important;
}

.wcColor16 {
	color: #a55194 !important;
}

#PwdError,#resultMessage,.popUpMessage {
	color: #f44336;
	display: inline-block;
	font-size: 12px !important;
	padding: 0px 15px;
}

#projectAllocationParent th,#projectAllocationParent td {
	padding: 8px !important;
}

.reqValidation,input.reqValidation,input#ratingM.reqValidation,input#ratingL.reqValidation,input#ratingAsMgt.reqValidation
	{
	border: 2px solid #f44336 !important;
}
.reqValidationChosen{
	border: 2px solid #f44336 !important;
	border-radius: 5px;
}
.has-errorCustom ul, .has-errorCustom textarea, .has-errorCustom input, .has-errorCustom select
 {
	border: 1px solid #a94442 !important;
}
.has-errorCustom a {
	border: 1px solid #a94442 !important;
}

.note-editor.has-errorCustom {
	border: 1px solid #a94442 !important;
}

.propKey.has-errorCustom,
.newValue.has-errorCustom {
	border: 1px solid #a94442 !important;
} 
.has-errorCustom label,.has-errorCustom span{
	color : #a94442 !important;
}
.has-errorCustom li{
	color : #a94442 ;
}
.has-successCustom ul {
	border: 1px solid #3c763d !important;
}
.has-successCustom a {
	border: 1px solid #3c763d !important;
}
.has-successCustom label
{
	color : #3c763d ;
}
.modifyCellPopup {
	display: table;
	float: right;
	width: auto;
}

.sucessM {
	color: green;
	display: block;
	font-size: 12px;
	font-style: italic;
}

.errM {
	color: #8c1d19;
	display: block;
	font-size: 12px;
	font-style: italic;
}

select optgroup {
	padding: 2px;
}

#Motion {
	border: 1px solid black;
	display: inline-block;
	float: left;
	margin-left: 60px;
	padding: 3px;
}

#Play,#Pause,#Stop {
	float: left;
}

#Play {
	height: 20px;
	width: 20px;
	background: url("../images/play.png") no-repeat scroll 100% 100%
		rgba(0, 0, 0, 0);
	display: block;
	cursor: pointer;
	margin-right: 5px;
}

#Pause {
	height: 20px;
	width: 20px;
	background: url("../images/pause.png") no-repeat scroll 100% 100%
		rgba(0, 0, 0, 0);
	display: block;
	cursor: pointer;
	margin-right: 5px;
}

#Stop {
	height: 20px;
	width: 20px;
	background: url("../images/stop.png") no-repeat scroll 100% 100%
		rgba(0, 0, 0, 0);
	display: block;
	cursor: pointer;
}

.notAllowed {
	opacity: 0.2 !important;
	cursor: not-allowed !important;
}

.settingLinks {
	float: right;
}

.adminLink {
	height: 23px;
	width: 24px;
	background: url("../images/admin.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
}

.chartControls {
	float: left;
	font-weight: bold;
	color: black;
	margin-right: 5px;
}

#resourceRatingLine {
	height: 350px;
}

.navbar {
	font-size: 12px;
}

.navbar-inverse .dropdown-menu>.active>a {
	background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
	background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c),
		to(#222));
	background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',
		endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-brown,.btn-brown:focus {
	background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
	background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c),
		to(#222));
	background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',
		endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
	color: #CCCCCC;
}

.btn-brown:hover {
	color: #fff;
}

.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
	border-right-color: #222222;
	border-left-color: #111111;
}
@media ( max-width : 767px) {
	.navbar-collapse .nav>.divider-vertical {
		display: none;
	}
	.attachment
	{
	width : 90%;
	}
	
}

.inline {
	display: inline;
}

.block{
	display: block;
	
}
.modal-backdrop.in {
	z-index: 100 !important; /* Grayout is not working in right pane */
	height: 100%;
	position: fixed !important;
}

.AutoScroll {
	overflow: auto;
}

.hundredPX {
	width: 100px;
}

#accordionArea h5 {
	margin: 0px !important;
}

#accordionArea h5 {
	background: none repeat scroll 0 0 #f9f9f9 !important;
	color: #636f7f;
	font-family: Verdana;
	font-size: 13px;
}

#accordionArea .ui-accordion p {
	font-family: Verdana;
	font-size: 12px;
	color: #534c4f;
}

select {
	-moz-appearance: button !important;
}

.loginpage .blockPage {
	height: auto !important;
	min-height: auto !important;
}

/*!
 * jQuery UI CSS Framework 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
#infinite-footer {
	display: none !important;
}

@media screen and (max-width: 600px) {
	.demosite-activate {
		position: absolute;
	}
}

@media screen and (max-width: 600px) {
	.demosite-activate {
		position: absolute;
	}
	.ui-pg-table td {
    font-size: 10px;
}
.ui-pg-input
{
	width: 30px !important;
}
}

.error {
	color: #f44336;
	margin-left: 400px;
	margin-top: -20px;
	padding: 1px 6px 0;
	position: absolute;
}

.tb {
	margin-left: 236px;
	margin-top: -18px;
	position: absolute;
	width: 150px;
}

.tdlabel {
	margin-left: 187px;
	margin-top: -17px;
	position: absolute;
}

#masthead-sidebar {
	text-align: start;
	padding-top: 25px;
}

.split-right {
	overflow: auto;
}

.textcenter {
	text-align: center !important;
}

#masthead .glyphicon {
	margin-right: 10px;
}

#masthead .panel-body {
	padding-left: 45px;
}

#masthead .panel-body table tr td {
	padding-left: 15px
}

#masthead .panel-body .table {
	margin-bottom: 0px;
}

/* Left Nav Dark */
#masthead #cusLeftNav .panel-heading {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: none !important;
	color: #ffffff !important;
	border-radius: 0px !important;
	cursor: pointer;
}

#masthead #cusLeftNav .panel-heading a:hover,#masthead #cusLeftNav .panel-heading a:focus
	{
	text-decoration: none;
}

#masthead #cusLeftNav .panel-body {
	background: none #2c3950 !important;
	border: none !important;
}

#masthead #cusLeftNav .panel {
	background: none repeat scroll 0 0 transparent;
	border-color: #3d5164 transparent #2c3950;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0;
	color: #fff;
	margin: 0 !important;
}

#masthead #cusLeftNav .panel-body td {
	border: none;
}

#masthead #cusLeftNav .panel-body a {
	color: #f3f5f6;
	font-size: 12px;
}

#masthead #cusLeftNav .panel-heading .panel-title {
	color: #f3f5f6;
	font-size: 13px;
	font-weight: bold;
}

.paddingtfourty {
	padding-top: 40px;
}
.paddingttwenty {
	padding-top: 20px;
}

.paddingtten {
	padding-top: 10px !important;
}
.paddingTen {
	padding: 10px !important;
}
.paddingtfive {
	padding-top: 5px !important;
}

.paddingtbten {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.paddingtbfive {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.paddingtbtwentyfive{
		padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.paddingbten {
	padding-bottom: 10px;
}
.paddingbfive {
	padding-bottom: 5px;
}
.paddingbfifteen{
	padding-bottom: 15px;
}
.paddingbThirty{
	padding-bottom: 30px;
}
.paddingbFifty{
	padding-bottom: 50px;
}
.paddingZero {
	padding: 0 !important;
}
.paddinglrZero
{
	padding-left:0px !important;
	padding-right:0px !important;
	
}
.paddingrZero
{
	padding-right:0px !important;
	
}
.paddingTen{
	padding: 10px !important;
}
.paddingrfive{
	padding-right: 5px !important;	
}
.paddingrten{
	padding-right: 10px !important;	
}
.paddinglfive{
	padding-left: 5px !important;	
}
.paddinglrfive{
	padding-left:5px !important;
	padding-right:5px !important;
}
.paddinglrten{
	padding-left:10px !important;
	padding-right:10px !important;
}
.paddinglten{
	padding-left:10px !important;
}
.paddingrfifteen{
	padding-right: 15px !important;	
}
.paddinglfifteen{
	padding-left: 15px !important;	
}
.paddingltwenty{
	padding-left: 20px !important;	
}
.paddinglrfifteen{
	padding-left:15px !important;
	padding-right:15px !important;
}
.margintten {
	margin-top: 10px !important;
}

.marginbfive {
	margin-bottom: 5px !important;
}
.marginbten {
	margin-bottom: 10px !important;
}

.marginbfifteen{
	margin-bottom: 15px !important;
}
.landingPage .logout-text a span {
	color: rgba(255, 255, 255, 0.6);
}

#blog-title {
	color: #ffffff;
}

.colorwhite {
	color: #ffffff;
}

#main-content-area .row,.row {
	margin-left: 0;
	margin-right: 0;
}

.paddingtbtwenty {
	padding: 20px 0;
}

.glyphicon.glyphicon-trash{
	color: #dd5a43;
}
.glyphicon.glyphicon-pencil{
	 color: #579ad7;
	 cursor: pointer;
}
.colorwhite.glyphicon.glyphicon-pencil{
	 color: #ffffff !important;
	 cursor: pointer;
}
/*jq Grid UI */
.jqgridcustom .ui-widget-content {
	background: none;
	border: 1px solid #a6c9e2 !important;
}
.jqgridcustom .ui-jqgrid tr.ui-row-ltr td{
	border-color:#a6c9e2;
}  
.jqgridcustom .ui-state-default.ui-jqgrid-pager.ui-corner-bottom{
	border-top: 0;
}

.jqgridcustom td {
	padding: 0px 5px !important;
}

.jqgridcustom .jqgfirstrow td {
	padding: 0px !important;
}

.jqgridcustom .ui-state-default,.jqgridcustom .ui-widget-content .ui-state-default,.jqgridcustom .ui-widget-header .ui-state-default
	{
	color: #534c4f !important;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold !important;
}

.jqgridcustom .ui-widget-header {
	background: none !important;
	font-weight: bold;
}

.jqgridcustom .ui-state-default,.jqgridcustom .ui-widget-content .ui-state-default,.jqgridcustom .ui-widget-header .ui-state-default
.jqgridcustom .ui-paging-info,.jqgridcustom .ui-pg-table {
	background: none repeat scroll 0 0 #f9f9f9 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #676a6c !important;
}

th{
	background:none #f9f9f9 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #676a6c !important;
}

.jqgridcustom td,.jqgridcustom th {
	padding: 5px !important;
}

.jqgridcustom .ui-priority-secondary {
	opacity: 1.0 !important;
}

.jqgridcustom .ui-jqgrid {
	border-radius: 0px !important;
}

.jqgridcustom .ui-jqgrid .ui-pg-selbox,.jqgridcustom .ui-jqgrid .ui-pg-input
	{
	color: #000;
}

.jqgridcustom .ui-jqgrid-pager {
	height: auto;
}

.jqgridcustom .ui-pager-control{
	padding:3px !important;
}

.jqgridcustom .ui-pager-control table td{
	padding:0px !important;
}

/* For chosen */

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.3.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
	position: relative;
	width: 188px !important;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chosen-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
	left: 0;
}

.chosen-container a {
	cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 6px 12px;
	height: 34px;
	border: 1px solid #c7c7c7;
	border-radius: 4px;
	background:none #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	text-decoration: none;
	white-space: nowrap;
	line-height: 23px;
	color: #555 !important;
}

.chosen-container-single .chosen-default {
	color: #999;
}

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
	font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/chosen-sprite.png') no-repeat 0px 8px;
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: white url('../images/chosen-sprite.png') no-repeat 100%
		-20px;
	background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
	font-family: Verdana,sans-serif;
	line-height: normal;
	border-radius: 0;
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search
	{
	position: absolute;
	left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7),
		color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
}

.chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px;
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 3px 12px;
	width: 100%;
	height: auto !important;
	height: 1%;
	max-height: 100px;
	border: 1px solid #c7c7c7 ;
	background:none #fff;
	cursor: text;
	border-radius:4px;
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]
	{
	margin: 1px 0;
	padding: 0;
	height: 25px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: #999;
	font-size: 100%;
	font-family: Verdana,sans-serif;
	line-height: normal;
	border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 5px 3px 0;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	max-width: 100%;
	border-radius: 3px;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4),
		color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8),
		color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee
		100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%
		);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #333;
	line-height: 13px;
	cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close
	{
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
	font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover
	{
	background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4),
		color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8),
		color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%,
		#eeeeee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee
		100%);
	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee
		100%);
	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%
		);
	color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close
	{
	background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee),
		color-stop(80%, #ffffff));
	background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
	background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
	box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"]
	{
	color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
	opacity: 0.5 !important;
	cursor: default;
}

.chosen-disabled .chosen-single {
	cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
	text-align: right;
}

.chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px;
}

.chosen-rtl .chosen-single div {
	right: auto;
	left: 3px;
}

.chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px;
}

.chosen-rtl .chosen-choices li {
	float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
	direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop
	{
	left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div
	{
	border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
	padding: 4px 5px 4px 20px;
	background: white url('../images/chosen-sprite.png') no-repeat -30px
		-20px;
	background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
	direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b
	{
	background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen
	and (min-resolution: 144dpi) {
	.chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span
		{
		background-image: url('chosen-sprite@2x.png') !important;
		background-size: 52px 37px !important;
		background-repeat: no-repeat !important;
	}
}
/* @end */
.EmployeeName {
	padding: 5px;
	margin-top: 35px;
	font-size: 14px;
	margin-bottom: 0;
}

.navigationSpan {
	clear: both;
	color: #ffffff;
	padding-left: 14px;
	padding-top: 50px;
	font-size: 15px;
}

.activePanel {
	background: url("../images/activepanel.png")	!important;
	background-position: left top !important;
	background-repeat: no-repeat !important;
	background-size: 5px 100% !important;
}

.newSettingTable {
	padding: 15px;
}

.BottomBorder {
	border-bottom: 1px solid #7c8ea5;
}

.tdPadding td {
	padding: 10px;
}

.rightborder {
	border-right: 1px solid #7c8ea5 !important;
}

#cusLeftNav .glyphicon {
	display: initial !important;
}

#cusLeftNav .activeAnchor {
	color: #5f9bdb !important;
}

.anchorColor a {
	color: #f3f5f6 !important;
	font-size: 13px;
	font-weight: light;
}
#masthead,#masthead table {
	font-family:Verdana,OpenSansRegular !important;
}

#cusLeftNav {
	margin-bottom: 0;
}

*:after,*:before {
	box-sizing: border-box;
}

.bs-callout-info {
	border-left-color: #1b809e;
}

.bs-callout {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-radius: 0px;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	margin: 0 0 5px;
	padding: 5px;
}

.fullWidth {
	width: 100% !important;
}

.paddinglzero {
	padding-left: 0px !important;
}

.addingContentArea {
	padding-top: 10px;
}

.heightAuto {
	height: auto !important;
}

.borderColor {
	border-color: #50a8ed;
}

.border {
	border: 1px solid #50a8ed;
}

/*View Task page Table*/
.tableDropdown {
	white-space: nowrap;
	font-size: 14px;
}

table#viewTaskTable tr button.tableDropdown {
	visibility: hidden;
}

table#viewTaskTable tr:hover  button.tableDropdown {
	visibility: visible;
}

.rowSelected {
	background-color: #eaf1fd;
}

table#viewTaskTable tr.rowSelected button.tableDropdown {
	visibility: visible;
}
/*Task Details Panel*/
.customAccordian .panel-heading,.customAccordianGroup .panel-heading {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: medium none !important;
	border-radius: 0 !important;
	color: #636f7f !important;
	cursor: pointer;
}
.headingColor
{
	color: #636f7f !important;
}
.customAccordian .panel-heading a,.customAccordianGroup .panel-heading a
	{
	font-family: Verdana,OpenSansSemiboldRegular !important;
	color: #636f7f !important;
}

.customAccordian a:hover,.customAccordian a:focus,.customAccordianGroup a:hover,.customAccordianGroup a:focus
	{
	text-decoration: none;
}

.customAccordian .panel-group,.customAccordianGroup .panel-group {
	border-radius: 0 !important;
	margin: 20px !important;
}

.customAccordian .panel,.customAccordianGroup .panel {
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
	border-radius: 0 !important;
	border: 1px solid #85c4e3;
	margin-bottom: 10px !important;
}

.customBorder{
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
	border-radius: 0 !important;
	border: 1px solid #85c4e3;
	margin-bottom: 10px !important;
}

.customBorderTable{
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
	border-radius: 0 !important;
	margin-bottom: 10px !important;
}


.jqgridcustom.customBorder {
  border: medium none;
}

.line-height-twentyfive
{
	
	line-height: 25px;
}
.line-height-twenty
{
	
	line-height: 20px;
}
.border-radius-zero
{
	border-radius: 0;
}
.noMargin {
	margin: 0 !important;
}
.noMarginLeft{
	margin-left: 0;
}
.marginrfive{
	margin-right: 5px !important;
}
.marginlfive{
	margin-left: 5px !important;
}
.marginrten{
	margin-right: 10px !important;
}
.marginlten{
	margin-left: 10px !important;
}
.marginltwenty{
	margin-left: 20px !important;
}
#taskInfo td,#editTask td {
	border-top: 0 !important;
}

#CommentTextarea {
	height: 150px;
}

.hideDiv {
	display: none;
}

.showDiv {
	display: block;
}

.TaskComment {
	padding: 15px !important;
}

.comment {
	padding: 3px 16px;
}

#viewTaskTable td:nth-child(1) a {
	color: #326ca6;
}

.taskHeading {
	float: left;
	margin-top: 1px;
	padding-right: 10px;
}

#subTaskTableHeader .glyphicon {
	font: 12px;
}

#subTaskTable tbody td {
	vertical-align: middle;
}

#subTaskTable .glyphicon,#mialDetailsAccordian .glyphicon,#addBrowserFile .glyphicon
	{
	cursor: pointer;
}

.LoginDateBorder {
	background: url("../images/borderline.png") repeat-x scroll center right
		rgba(0, 0, 0, 0);
	height: 20px;
	background-size: 1px;
}

.col-md-4-custom {
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	float: left;
	width: 33.33333333%;
}
.col-md-3-custom {
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	float: left;
	width: 25%;
}
.noteFormat {
	padding-top: 10px;
	padding-left: 15px;
	color: #707e8d;
}

.attachment{
	width: 95% !important;
	float: left;
}
@media ( max-width : 767px) {
	.attachment
	{
	width : 90% !important;
	}
	
}
.removeFile {
	font-size: 14px;
	vertical-align: middle;
	display: table-cell;
	cursor: pointer;
	pointer-events: auto !important;
}

.displayTable {
	display: table;
}
.displayTableCell {
	display: table-cell;
	vertical-align: middle !important;
}
.displayTableCellThrash
{
	color: #579ad7 !important;
   	float: right;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    cursor:pointer;
}
.customSize
{
	width: 93% !important;
	float: left;
}
.marginTop {
	margin-top: 2%;
}

.activeSideBar {
	left: 0 !important;
}

.activeBody {
	padding-left: 0 !important;
}
.activeBody .footertext {
	width: 100%;
}
.toggleSideBar {
	cursor: pointer;
	color: #898989;
	font-size: 20px;
	padding-right: 5px;
}

.toggleSideBar:hover {
	color: #0088f7;
}
/* Media Query for Side bar Toggle  */
@media ( max-width :767px) {
	.content-wrapper {
		padding-left: 0;
	}
	.landingPage #masthead {
		left: 0;
	}
	.activeSideBar {
		left: 270px !important;
	}
	.activeBody {
		padding-left: 270px !important;
	}
	 .footertext {
	width: 100%;
}

}
@media ( max-width :540px) {
.content-wrapper.activeBody
	{
	position: fixed;
	}
}

.exportbtn,.right-left{
	text-align: right;	
}
.Issue-version
{
	padding-right: 0; 	
}

@media ( max-width :767px) {
	.exportbtn{
	text-align: left;	
	}	
	.custom-li.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
}
.form-label-hidden
{
    display: block;
    height: 16px !important;
    overflow: hidden;
    position: relative;
    width: 0 !important;
}
@media ( max-width :992px) {

.right-left{
	text-align: left;	
}
.Issue-version
{
	padding: 10px 0;
	
}	
.form-label-hidden
	{
	display: initial;
	}

}
@media ( max-width :1200px) {

.rating-chart-legends
{
	padding: 0;	
}	
.rating-chart-legends li
{
	display:inline-block;
}

#main-content-area.activeBody .rating-chart-legends {
    text-align: center;
}
}
@media ( max-width :1100px) {
	
.custom-li.list-inline > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}
.rating-chart-legends li
{
	display:inline-block;
}

#main-content-area.activeBody .rating-chart-legends {
    text-align: center;
}
}
@media ( max-width :492px) {

.padding-xs-t15
{
	padding-top:15px;
}
}
.updateSuccess
{
	color: #3c763d;
}
/*File icon classes*/
.xlsIcon {
	background: url("../images/file_icons/xls_icon.png");
	background-repeat: no-repeat;
	background-size: 24px;
	float: left;
	height: 26px;
	margin-right: 5px;
	width: 26px;
}

.pdfIcon {
	background: url("../images/file_icons/pdf_icon.png");
	background-repeat: no-repeat;
	background-size: 24px;
	float: left;
	height: 26px;
	margin-right: 5px;
	width: 26px;
}
.docIcon{
	background: url("../images/file_icons/doc_icon.png");
	background-repeat: no-repeat;
	background-size: 24px;
	float: left;
	height: 26px;
	margin-right: 5px;
	width: 26px;	
}
.sqlIcon{
	background: url("../images/file_icons/sql_icon.png");
	background-repeat: no-repeat;
	background-size: 24px;
	float: left;
	height: 26px;
	margin-right: 5px;
	width: 26px;
}
.defaultIcon{
	background: url("../images/file_icons/default.png");
	background-repeat: no-repeat;
	background-size: 24px;
	float: left;
	height: 26px;
	margin-right: 5px;
	width: 26px;
}

.skyBluecolor{
	background-color:#56c2dd;
}
.ui-jqgrid-htable, .ui-jqgrid-btable
{
	width: 100% !important;
	/*min-width: 800px;*/ 
}
.ui-jqgrid-htable.widthUnset, .ui-jqgrid-btable.widthUnset{
	width: 0 !important;
}
.jqgridcustom .ui-jqgrid-hbox
{
	padding-right: 0 !important;
}
.jqgridcustom .ui-jqgrid-btable td .glyphicon 
{
	font-size: 14px;
}


.jqgridcustom .glyphicon-star,table .glyphicon-star,.jqgridcustom .glyphicon-th-large,table .glyphicon-th-large{
	font-size: 16px !important;
	color:#579ad7 !important;
	cursor : pointer;
}


.propValue .glyphicon 
{
	cursor : pointer;
	font-size: 14px;
	color: #579ad7 !important;
}
 .ui-jqgrid-htable tr th:last-child, .ui-jqgrid-btable tr td:last-child{
	 border-right: 0 !important; 
} 

.chosen.fullWidth .chosen-container{
	width: 100% !important;
}

.lfooterSupportedBrowserIcons{
	min-width: 15px;
	min-height: 15px;
}

.col-md-auto{
width:auto !important;
}
.textRight 
{
	text-align: right !important;
} 
.textLeft
{
	text-align: left !important;
}

.orange{
	color: #ffa713 !important;
}

.green{
	color: #3c763d !important;
}

.red {
	color: #f44336 !important;
}
.white{
	color: #ffffff !important;
}
.noBorder{
	border:none !important;
}
.noBorder-right
{
	border-right: 0 !important;	
}
th.noBorder,td.noBorder,table.noBorder,tr.noBorder{
	border:none !important;
}
li.search-field input.default {
    width: auto !important;
}
a.btn
{
	color: inherit !important;
	text-transform: uppercase;
}
.customDateTdWidth{
	width: 120px;
}
.fontsizeeleven{
	font-size:11px !important;
}
.fontsizetwl{
	font-size:12px !important;
}
.fontsizethirteen{
	font-size:13px !important;
}
.fontsizefourteen{
	font-size:14px !important;
}
.fontsizefifteen{
	font-size:15px !important;
}
.fontsizesixteen{
	font-size:16px !important;
}
.fontsizeeightteen{
	font-size:18px !important;
}
.fontsizetwentyfour{
	font-size: 24px !important;
}
.fontsizethirty{
	font-size: 30px !important;
}
.fontsizefourty{
	font-size: 40px !important;
}
.fontsizeFourEm{
	
	font-size: 4em !important;
}
.fontsizeThreeEm{
	
	font-size: 3em !important;
}
.fontsizeTwoEm{
	
	font-size: 2em !important;
}
.label-success{
  background-color: #1ab394;
  color: #ffffff;
  padding:3px 8px;
  font-size: 11px;
}

.label-inactive{
  background-color: #d1dade;
  color: #5e5e5e;
  padding:3px 8px;
  font-size: 11px;
}
.tdChosenMaxWidth{
	width:70%;
}

.form-control {
  font-size: inherit !important;
}

.tableGrid .form-control{
	padding:0px 2px !important;
}

/*Width classes*/
.maxWidthZero{
	
	max-width:0;
}
 .widthTwentyFive
 {
 	width: 25px ;
 }
  .widthFifty
 {
 	width: 50px;
 }
   .widthSixty
 {
 	width: 60px;
 }
  .widthSeventyFive
 {
 	width: 75px;
 }
  .widthHundred
 {
 	width: 100px;
 }
  .widthOneTwentyFive
 {
 	width: 125px;
 }
  .widthOneFifty
 {
 	width: 150px;
 }
  .widthOneSeventyFive
 {
 	width: 175px;
 }
  .widthTwoHundred
 {
 	width: 200px;
 }
 .widthTwoFifty
 {
 	width: 250px;
 }
 .minWidthTwentyFive
 {
 	min-width: 25px;
 }
  .minWidthFifty
 {
 	min-width: 50px;
 }
  .minWidthSeventyFive
 {
 	min-width: 75px;
 }
  .minWidthEighty
 {
 	min-width: 80px;
 }
  .minWidthHundred
 {
 	min-width: 100px;
 }
    .minWidthOneTen
 {
 	min-width: 110px;
 }
 .minWidthOneFifteen {
    min-width: 115px;
}
  .minWidthOneTwentyFive
 {
 	min-width: 125px;
 }
  .minWidthOneFifty
 {
 	min-width: 150px;
 }
  .minWidthOneSeventyFive
 {
 	min-width: 175px;
 }
  .minWidthOneSixty
 {
 	min-width: 160px;
 }
  .minWidthTwoHundred
 {
 	min-width: 200px;
 }
 .widthTenPercent{
 	width: 10%;
 }
  .widthTwentyFivePercent{
 	width: 25%;
 }
   .widthSixtyPercent{
 	width: 60%;
 }
  .minWidthTwoTweentyFive{
 	min-width: 225px;
 }
 .minHeightTwoTweentyFive{
 	min-height: 225px;
 }
 .minHeightTwoFifty{
 	min-height: 250px;
 }
 .maxWidthSeventyFive
 {
 	max-width: 75px;
 }
 .maxHeightTwoTweentyFive{
 	max-height: 210px;
 }
 .maxHeightFourty{
 	max-height: 40px;
 }
 .maxHeightSixty-overflow{
 	max-height: 60px;
 	overflow: auto;
 }
 .SelectHeightFourty select{
 	height: 40px;
 }
 .IconsHeightFourty {
 	height: 40px;
 	line-height : 40px;
 }
 .heightFourHundred{
 	height: 400px;
 	min-height: 400px;
 	max-height: 400px;
 }
 .heigthTwoFifty
 {
 min-height: 250px;
 	max-height: 250px;
 }
  .maxWidthHundred
 {
 	max-width: 100px;
 }
 .maxWidthOneTwentyFive
 {
 	max-width: 125px;
 }
 .maxWidthTwenty
 {
 	max-width: 20px;
 }
 .widthFiftyPercent
 {
 	width: 50%;
 }
 .widthEightyPercent
 {
 	width: 80%;
 }
 .selfBGColor{
 	color:#1c84c6;
 }
 
 .leadBGColor{
 	color:#ff792a;
 }
  .managerBGColor{
 	color:#1ab394;
 }
/*Rating Color Strip*/
.ratingFont	
{
	color : #212121; 
	font-size: 10px;
}
.ratingFont .glyphicon 
{
	color : #636f7f !important;
}
.averageClass
{
	background-color: #ff5556 !important;
}
.goodClass
{

	background-color: #b533ae !important;
}
.veryGoodClass
{
	background-color: #0078bf  !important;
}
.excellentClass
{
	background-color: #00a9e6 !important;
}
.extraordinaryClass
{
	background-color: #ffbb4f !important;
}
.outstandingClass
{
	background-color: #69a04e !important;
	margin: 0px 5px 0 5px; 
}
.ratingMargin 
{
	height : 10px;
	width : 40px;
	border-radius : 2px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    margin-left: 5px;
}
/* Date Picker DropDown color issue resolved */
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
      background: none repeat scroll 0 0 #71a9d2 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
 }
 #RatingStrip .panel-title{
 cursor: pointer ;
 }
 #RatingStrip  .panel-heading
 {
 	padding: 0 15px !important;
 } 
 .ratingPadding
 {
 	padding: 2px 10px;
 }
 .EndDateClear{
 	float: right;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 10px;
 }
 
 .estimationBlock input{
 padding:6px 4px !important;
 }
 .closeIconColor{
 	color: #c7c7c7;
 	cursor: pointer;
 }
 .closeIconColor:hover{
 color: #f44336;
 }
 .overrideRating{
 width: 75px !important;
 }
 .overrideRating .form-control{
 height: 20px !important;
 }
 .panel-self {
 	border-color: #1c84c6;
 	background: #1c84c6;
 	color: #fff;
 }
 .panel-self .panel-footer{
 	color : #1c84c6;
 }
 .panel-self .panel-heading{
 	background: #1c84c6;
 	border-color: #1c84c6;
 	color: #fff;
 }
  .panel-levelOne {
 	background: #ff792a;
 	border-color: #ff792a;
 	color: #fff;
 }
 .panel-levelOne .panel-heading{
 	background: #ff792a;
 	border-color: #ff792a;
 	color: #fff;
 }
 .panel-levelOne .panel-footer{
 	color : #ff792a;
 }
 .panel-levelTwo {
 	border-color: #1ab394;
 	background: #1ab394;
 	color:#fff;
 }
 .panel-levelTwo .panel-heading{
 	background: #1ab394;
 	border-color: #1ab394;
 	color: #fff;
 }
  .panel-levelTwo .panel-footer{
 	color: #1ab394;
 }
 .panel-taskDetails {
 	border-color: #23c6c8;
 }
 .panel-taskDetails  .panel-heading{
 	background:  #23c6c8;
 	border-color:  #23c6c8;
 	color: #fff;
 }
  .panel-issues {
 	border-color:  #ed5565;
 }
 .panel-issues   .panel-heading{
 	background:   #ed5565;
 	border-color:  #ed5565;
 	color: #fff;
 }
 .panel-profile{
 	border-color:  #1ab394;
 }
 .panel-profile  .panel-heading{
 	background:   #1ab394;
 	border-color:  #1ab394;
 	color: #fff;
 }
 .panel-rating {
 	border-color: #f8ac59;
}
.panel-rating  .panel-heading{
 	background:   #f8ac59;
 	border-color: #f8ac59;
 	color: #fff;
 }
img.circle-border {
    border: 6px solid #ffffff;
    border-radius: 50%;
}

.PaddingToMatchFC{
	
	padding:6px 18px;
}
.customWell{
	
    border-radius: 3px;
    padding: 2px;
}
.panel .tooltip.right .tooltip-inner {
    background-color:#E0E0E0;
    color : #212121;
  }
.panel .tooltip.right .tooltip-arrow {
          border-right-color: #E0E0E0;
       }
.panel .tooltip.bottom .tooltip-inner {
    background-color:#E0E0E0;
    color : #212121;
  }
.panel .tooltip.bottom .tooltip-arrow {
          border-bottom-color: #E0E0E0;
}
.panel .tooltip.top .tooltip-inner {
    background-color:#E0E0E0;
    color : #212121;
  }
.panel .tooltip.top .tooltip-arrow {
          border-top-color: #E0E0E0;
       } 
 .panel .tooltip.left .tooltip-inner {
    background-color:#E0E0E0;
    color : #212121;
  }
.panel .tooltip.left .tooltip-arrow {
          border-left-color: #E0E0E0;
       }
.panel-management .glyphicon.glyphicon-edit,.panel-management .glyphicon.glyphicon-comment{
	cursor:pointer;
} 
  
.bg-self-dark {
    background-color: #1976b2;
    color: #fff !important;
     	height: 94px;
}
.bg-levelOne-dark{
	 background-color: #e56c25;
    color: #fff !important;
     	height: 94px;
}
.bg-levelTwo-dark{
	 background-color: #17a185;
    color: #fff !important;
     	height: 94px;
}
 .panel-management {
 	border-color: #8bc34a;
 	background: #8bc34a;
 	color: #fff;
 }
 .panel-management  .panel-heading{
 	background: #8bc34a;;
 	border-color:#8bc34a;;
 	color: #fff;
 }
  .panel-management .panel-footer{
 	color: #736652;
 }
.bg-management-dark{
	 background-color: #7cb342;
    color: #fff !important;
     	height: 94px;
}
.pv-lg {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}
.row-table > [class*="col-"] {
    display: table-cell;
    float: none;
    table-layout: fixed;
    vertical-align: middle;
}        
.badge-issue {
	background: #fff;
	width: 35px;
	height: 30px;
	border-radius: 50px;
	border: 2px solid orange;
	color: 	#ed5565;
	text-align: center;
	padding-top: 5px;
	margin: auto;
}
.breakWord{
	word-wrap: break-word;
}
.ListOverflow{
	
	max-height: 125px;
    overflow: auto;
}
.detailsBlock {
    display: block;
    max-height: 100px;
    overflow-y: auto;
}
.project-detailsBlock {
    display: block;
    max-height: 80px;
    overflow-y: auto;
}
.RatingListOverflow{
	max-height: 140px;
    overflow: auto;
    width:100%;
}
#selectUnAllocatedResourceChosen .chosen-container .chosen-results
{
	height: 200px;
}
::-ms-clear
{
	display:none;
}
.ui-jqgrid .ui-pg-input
{
	height: 18px;
}
.labelBold label
{
	font-weight: bold;
}
/*Dashboard CSS*/
.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: #99ccff;
  stroke-width: 1.5px;
}
.node text {
  font: 10px sans-serif;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.link {
  fill: none;
  stroke: #99ccff;
  stroke-width: 1.5px;
}
.bg-dashboard1 {
    background-color: #2095f2 !important;
     color: #e1f5fe;
}
.bg-dashboard2 {
    background-color: #26a69a  !important;
     color: #e0f2f1;
}
.bg-dashboard3 {
    background-color: #8cb53f !important;
    color: #f9fbf4;
}
.bg-dashboard4 {
    background-color: #ffc107 !important;
    color: #fff8e2;
}
.dashboardIcons{
	color: #dce0f3;
	font-size: 2em;
	text-align: center;
	padding:0 ;
}
.dashboardIcon1{
	padding-top : 32px;
	padding-bottom: 33px;
	cursor: pointer;
	border-bottom : 1px solid #eceeee;
}
#divOneParentNkt.dashboardIcon1{
	border-right : 1px solid #eceeee;
}

.dashboardIcon2{
	padding-top : 32px;
	padding-bottom: 33px;
	border-left : 1px solid #eceeee;
	border-bottom : 1px solid #eceeee;
	border-right : 1px solid #eceeee;
	cursor: pointer;
}
.dashboardIcon3{
	padding-top : 32px;
	padding-bottom: 33px;
	border-bottom: 1px solid #eceeee;
	cursor: pointer;
}
.dashboardIcon4{
	padding-top : 32px;
	padding-bottom: 33px;
	border : 1px solid #eceeee;
	border-top:0;
	cursor: pointer;
}

.dashboardIcons .tooltip.right .tooltip-inner {
    background-color:#4f6587;
    color : #f4f5f7;
  }
.dashboardIcons .tooltip.right .tooltip-arrow {
          border-right-color: #4f6587;
 }
 .dashboardIcons .tooltip.left .tooltip-inner {
    background-color:#4f6587;
    color : #f4f5f7;
  }
.dashboardIcons .tooltip.left .tooltip-arrow {
          border-left-color: #4f6587;
       }  
.progress.progressBar
{
	height: 7px;
	margin-bottom:10px;
	border-radius: 0;
}
.doughnutLabel{
	display: inline-block;
	position: relative;
	width: 100%;
}
.doughnutLabel span {
    display: block;
    font-size: 20px;
    height: 30px;
   text-align:center;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 100%;
}
canvas
{
    display: block;
    margin: 0 auto;
}
.projectClosePieChart > .row:nth-child(1) > div:first-child
{
	background: #FF4103 none repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
.projectClosePieChart > .row:nth-child(2) > div:first-child
{
	background: #6AB8CC none repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
.projectClosePieChart > .row:nth-child(3) > div:first-child
{
	background: #4D9F76 none repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
.projectClosePieChart > .row:nth-child(4) > div:first-child
{
	background: #2D6E68 none repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
canvas#projectClosePieChart
{
	  display: table-cell;
}
.spanEllipsis{
    white-space: nowrap; 
    width: inherit; 
    overflow: hidden;
    text-overflow: ellipsis; 
    cursor: pointer;
}
.popoverList ul{
	list-style: disc !important;
    margin: 0px;
    padding-left: 15px;
}
.popoverList li
{
	padding-top: 5px;	
}
.overlay {
    background-color: #efefef;
    cursor: not-allowed;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    width: calc(100% - 30px);
    z-index: 1000;
}
#projectGraph .axis path,
#projectGraph .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
#projectGraph .bar.inactive {
  fill: #cdcdcd;
}
#projectGraph .bar:last-child.inactive{
  fill: #cdcdcd;
}
#projectGraph .bar {
  fill: #2095f2;
}
#projectGraph .bar:last-child{
  fill: #00BCD4;
}
#projectGraph .bar:hover {
  fill: #1668a9 ;
}
#projectGraph .bar:hover:last-child{
  fill: #00ACC1;
}
#projectGraph .x.axis path {
  display: none;
}
#projectRole .axis path,
#projectRole .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
#projectGraph .barClicked{
	fill : orange;
}
#projectRole .bar {
  fill: steelblue;
}

#projectRole .x.axis path {
  display: none;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}
.d3-tip{
	position: fixed !important;
}
/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
.label-quater{
  background-color: #d1dade;
  color: #5e5e5e;
  padding:3px 5px;
  font-size: 11px;
  display : inline-block;
  width: 70px;  
  margin-right:5px;
}
.label-self{
  background-color: #1c84c6;
  color: #ffffff;
  padding:3px 5px;
  font-size: 11px;
  display : inline-block;
  width: 70px;
  margin-right:5px;  
}
.label-levelOne{
  background-color: #ff792a;
  color: #ffffff;
  padding:3px 5px;
  font-size: 11px;
  display : inline-block;
  width: 70px;  
  margin-right:5px;
}
.label-levelTwo{
  background-color: #1ab394;
  color: #ffffff;
  padding:3px 5px;
  font-size: 11px;
  display : inline-block;
  width: 70px;  
  margin-right:5px;
}
.ganttview , .ganttview div{
	box-sizing: content-box !important;
}
.spanEllipsis{
		cursor : default;
	}
.projectListHeader{
    background: none repeat scroll 0 0 #2095f2;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    cursor: pointer;
}
.projectListHeader span.fa {
    color: #e1f5fe;
    font-size: 2em;
}
.projectListBorder {
    border-left: 1px solid #eceeee;
    min-height: 110px;
    padding-left: 5px;
    padding-top: 5px;
}
.allProjectList .tooltip.left .tooltip-inner {
    background-color:#4f6587;
    color : #f4f5f7;
  }
.allProjectList .tooltip.left .tooltip-arrow {
          border-left-color: #4f6587;
       }  
.ganttview-series-container:first-child,.ganttview-vtheader-item:first-child,.ganttview-vtheader-series,.ganttview-grid-row:last-child{
	display:none;	
}       
.thumbNail {
    background-color: #4f6587;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    height: 100px;
    width: 100px;
}          
 .split-right .tooltip.bottom .tooltip-inner {
    background-color:#f4f5f7;
    color : #555;
  }
.split-right .tooltip.bottom .tooltip-arrow {
          border-bottom-color: #f4f5f7;
}   
.note-editor .note-editable ul{
	
	list-style:disc;
}       
.note-view ,.note-help,.note-insert button 
{
	display: none;	
}       
.note-insert.btn-group button:first-child 
{
	display: block;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}
.select-line-height{
	line-height: 30px;	
}
.JqgridShrinkFit .glyphicon-thumbs-up
{
	
	color: #337ab7;
}
.JqgridShrinkFit .glyphicon-paperclip 
{
	color: #455a64;
}
/*Holiday Calender*/
.yearCalender .ui-datepicker-inline
{
	width:100% !important;	
	border:0;
}  
.yearCalender .ui-datepicker-group
{
	width: 25%;
	min-width:200px;
	min-height:200px;
	padding-left: 10px;
    padding-right: 10px;	
}
@media ( max-width :1200px) {
	.yearCalender .ui-datepicker-group{
	width:50%;	
	}	
}
.yearCalender .ui-datepicker-group .ui-datepicker-calendar
{
	width: 100%;
}
.yearCalender .ui-datepicker-header
{
	border-radius:0;
	background: #797c80 !important;
	border-color: #939699 !important;
}
.yearCalender .ui-state-default{
	background: #ffffff !important;
}
.yearCalender .ui-state-default.ui-state-active{
	
	color: #555555 !important;
	background-color: #ffffff !important;
}
.yearCalender .ui-state-default.ui-state-highlight
{
	background: #4caf50 !important;
}
.yearCalender a
{
	color: #777777 !important;
	border: 1px solid #aaaaaa !important;
}
.yearCalender .ui-datepicker-row-break{
	clear: none;	
}
.yearCalender .ui-datepicker-next,.yearCalender .ui-datepicker-prev
{
	display: none;
} 
.yearCalender .holiday a
{
	background: #ff6d00 !important;
	color : #fff !important;
}
.yearCalender .holiday .ui-state-default.ui-state-active
{
	background: #ff6d00 !important;
	color : #fff !important;
}
.yearCalender .mOff a
{
	background: #0097a7 !important;
	color : #fff !important;
}
.yearCalender .mOff .ui-state-default.ui-state-active
{
	background: #0097a7 !important;
	color : #fff !important;
}
.yearCalender .offPermission a
{
	background: #0091ea !important;
	color : #fff !important;
}
.yearCalender .offPermission .ui-state-default.ui-state-active
{
	background: #0091ea !important;
	color : #fff !important;
}
.table-text-center td,.table-text-center th
{
	text-align: center;
}
.trash-btn-icon .glyphicon-trash
{
	color:white !important;
}
.panel-radius-zero,.panel-radius-zero div
{
	border-radius: 0;	
}
.limitEditor .note-editor .note-editable
{
	height:75px;
	max-height: 75px;
	overflow: auto;	
}
.limitEditorOneFifty  .note-editor .note-editable
{
	height:150px;
	max-height: 150px;
	overflow: auto;	
}
.edit-profile-icon,.edit-personal-details,.edit-emergency-icon,.edit-passport-icon
{
	font-size: 16px;
	cursor: pointer;	
}
.breakdownPicker .leave .ui-state-default.ui-state-active,.breakdownPicker .leave .ui-state-default
{
	background: #797c80 !important;
	color : #fff !important;
}
.breakdownPicker .ui-state-default {
    background: #e6f3fa none repeat scroll 0 0 !important;
    border: 1px solid #a6c9e2;
    font-weight: bold;
}
.breakdownPicker a,.breakdownPicker .ui-state-highlight,.breakdownPicker .ui-state-active
{
	color: #777777 !important;
	border: 1px solid #aaaaaa !important;
}
.breakdownPicker div:first-child
{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50% !important;
		min-width: 200px;
}
.breakdownPicker .ui-datepicker
{
	font-size: 14px !important;	
}
.breakdownPicker .ui-datepicker-header
{
	border-radius: 0;
	background: #797c80 !important;
	border-color: #939699 !important;
}
.breakdownPicker .ui-datepicker-header.ui-widget-header.ui-helper-clearfix
{
	width: 100% !important;
	min-width: 200px;
}
.breakdownPicker .ui-state-default
{
		background-color: #ffffff !important;
}
.breakdownPicker .ui-state-default.ui-state-active{
	background-color: #ffffff !important;
}
.pickerIcon{
	font-size: 18px;
	cursor : pointer;
	color: #1976d2;
}
.iconTitle
{
	line-height: 30px;
	vertical-align: super;
	margin-right: 10px;
}
.okBtn
{
	background: #797c80;	
	border-color: #939699;
	width: 52%;
	min-width: 200px;
}
.okBtn:hover{
	background: #606366;
}
.addChildren
{
	background: #337ab7;
	padding: 5px;
	color:white;
	cursor:pointer;
	width: 90px;
}
.form-control-feedback-custom {
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: 22px;
    width: 20px;
    z-index: 2;
    cursor: pointer;
}
.amber-note
{
	color: #d84315; /*#FF8F00;*/
	font-size: 11px;
}
.leaveWidget1
{
	width:42px;
	padding: 6px 12px;
	background: #f98e33;
	color: #fff;
	cursor: pointer;
}
.leaveWidget2
{
	width:42px;
	padding: 6px 12px;
	background: #ffb61c;
	color: #fff;
	cursor: pointer;
}
.leaveWidget3
{
	width:42px;
	padding: 6px 12px;
	background: #23ae89;
	color: #fff;
	cursor: pointer;
}
.leaveWidget4
{
	width:42px;
	padding: 6px 12px;
	background: #449dd5;
	color: #fff;
	cursor: pointer;
}
.leaveWidget5
{
	width:42px;
	padding: 6px 12px;
	background: #1c7ebb;
	color: #fff;
	cursor: pointer;
}
.leaveWidget6
{
	width:42px;
	padding: 6px 12px;
	background: #abd442;
	color: #fff;
	cursor: pointer;
}
.leaveWidget7
{
	width:42px;
	padding: 6px 12px;
	background: #abd442;
	color: #fff;
	cursor: pointer;
}
.td-b-padding td
{
	padding-bottom: 10px;	
}
.del-child
{
	cursor: pointer;
	padding-top: 32px;
	
}

.jqgridcustom .ui-state-default.jqgrid-rownum {
    background: #fff none repeat scroll 0 0 !important;
}
.table-row-transparent tr
{
    background: transparent none repeat scroll 0 0;
}
.profileHead-lineHeight
{
	line-height: 19px;	
}
.mydetailsPanelHead .panel-heading
{
	height: 40px;
} 
/* Leave Dashboard*/
.panel-holiday > .panel-heading {
    background-color: #FF6D00 !important;
    color: #fff;
}

.panel-leaves > .panel-heading {
    background-color: #00B8D4 !important;
    color: #fff;
}
.panel-leaves .panel-body
{
	max-height: 450px;
	overflow: auto;
}
.panel-bday > .panel-heading {
    background-color: #558b2f !important;
    color: #fff;
}
.bday-table-striped>tbody>tr:nth-child(2n+1)>td {
	background-color: #f1f8e9;
}

.bday-table-striped tr {
	background-color: #fff;
}
.bday-img
{
	border-radius: 50%;
	border: 2px solid white;
}
.panel-healthy > .panel-heading {
    background-color: #00C853	 !important;
    color: #fff;
}
.healthy-table-striped>tbody>tr:nth-child(2n+1)>td {
	background-color: #E8F5E9;
}

.healthy-table-striped tr {
	background-color: #fff;
}
.panel-lop > .panel-heading {
    background-color: #e53935	 !important;
    color: #fff;
}
.lop-table-striped>tbody>tr:nth-child(2n+1)>td {
	background-color: #fef1f0;
}

.lop-table-striped tr {
	background-color: #fff;
}
.holiday-list-div
{
	border: 1px solid #cecece;
	min-height: 20px;
	border-left: 4px solid #FFB74D;	
	border-radius: 3px;
	padding: 0px 10px;
	margin-bottom:  20px;
}
.reporter-list-div
{
	border: 1px solid #cecece;
	min-height: 20px;
	border-left: 4px solid #01579B;	
	border-radius: 3px;
	padding: 0px 10px;
	margin-bottom:  15px;
}
.panel-holiday > .panel-body,.panel-bday > .panel-body,.panel-healthy > .panel-body,.panel-lop > .panel-body {
 min-height: 250px;
 	max-height: 250px;
 	overflow: auto;
 }
 .font-normal
 {
    font-weight: normal !important;
}
.jqgridcustom .ui-jqgrid tr.jqgrow td {
       text-overflow: ellipsis;-o-text-overflow: ellipsis; 
 }
 .tree-parent-Div
 {
 	height: 400px;
    max-height: 400px;
    min-height: 400px;
    overflow: auto;
 }
 .nktPieAbsolute
 {
 	left: 0;
    position: absolute;
    right: 0;
    top: 75px;
    bottom:20px;
 }
 .doughnutLabelBig span:first-child {
    color: #BDBDBD;
    display: block;
    font-size: 16px;
    height: 30px;
    margin-top: 65px;
    position: absolute;
    text-align: center;
    top: 75%;
    width: 100%;
}
.spanCount
{
	font-size: 32px;
	font-weight: bold;
	color: #757575;
	
}
canvas#ticketDivision,canvas#issueType1,canvas#issueType2,canvas#issueType3
{
	position:relative; 
	z-index:1;
}

.summer-form-control .note-editor
{
	border : 0;	
	border-radius : 5px;
}
.summer-form-control .note-editable
{
	border-radius: 5px;
	border: 1px solid #c7c7c7;
}
.summer-form-control .note-editor .note-editable:focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.summer-form-control .note-editor.has-errorCustom .note-editable:focus {
    border-color: #843534 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}
.summer-form-control .note-editor.has-errorCustom .note-editable
{
	border: 0;	
}
.summer-form-control  .note-toolbar
{
	display: none;
}
.skyBluecolor tr td:first-child {
	line-height: 35px;
}
/* Birthday modal */

#bdayModal .modal-header
{
	background: #558b2f;
	color: #fff;	
}
#bdayModal .modal-content
{
	border-radius: 0;
	background: transparent;
	border-radius: 10px;
	border: 10px solid rgba(0, 0, 0, 0.5);
}
#bdayModal  .close
{
	background: #fff;
    border-radius: 10px;
    font-size: 12px;
    height: 20px;
    opacity: 1;
    position: absolute;
    right: -20px;
    top: -17px;
    width: 20px;
	
}
.bday-msg
{
    font-family: Times New Roman;
    font-size: 24px !important;
}
.light-gray
{
    color: #d2d2d2;
}
.jqgridcustom .red.bold
{
	color: #f44336;
	font-weight: bold;
}
.attendance-strip-label
{
background: #81c784;
min-height: 30px;
padding: 6px 0;	
}
.attendance-strip-label-red
{
	background: #e57373;
	height: 30px;
	padding: 6px 0;
	
}
.strip-dimension
{
	min-height: 25px;
	padding: 6px 0;	
	min-width: 40px;
	height:30px;
	line-height:30px;
	color: white;
	text-align: center;
	padding: 0;
}
.strip-1-green
{
background: #66bb6a;
}
.strip-2-green
{
background: #4caf50;
}
.strip-3-green
{
background: #43a047;
}
.strip-4-green
{
background: #388e3c;
}
.strip-5-green
{
background: #2e7d32;
}
.strip-6-green
{
background: #1b5e20;
}
.strip-1-red
{
background: #f44336;
}
.strip-2-red
{
background: #e53935;
}
.strip-3-red
{
background: #d32f2f;
}
.strip-4-red
{
background: #c62828;
}
.strip-5-red
{
background: #b71c1c;
}
.gray-strip-1
{
	background: #b2c0c6;
	opacity: 0.15;
}
.gray-strip-2
{
	background: #b2c0c6;
	opacity: 0.3;	
}
.gray-strip-3
{
	background: #b2c0c6;
	opacity: 0.45;
}
.gray-strip-4
{
	background: #b2c0c6;
	opacity: 0.6;
}
.gray-strip-5
{
	background: #b2c0c6;
	opacity: 0.75;
}
.light-blue
{
	color: #579ad7;
}
.footer-contact
{
	border-bottom: 0 !important;
}
.image-preview
{
    border: 1px solid #f3f5f6;
    border-radius: 15%;
    float: left;
    overflow: hidden;
    width: 65px;
}
.popover-content .noBoderBlue table, .popover-content .noBoderBlue td, .popover-content .noBoderBlue tr {
    border: medium none !important;
}

.mial-close-icon
{
	line-height: 45px;
	right: 5px
}
 .chosen-container .chosen-results
 {
 	margin: 0 4px 4px 4px !important;
 	padding-left : 0 !important;
 }
 .chartPadding
 {
 	padding: 10px 40px 10px 25px;;
 }
.detailsPadding
{
	padding: 10px 15px;
}
.overflowY
{
	overflow-y: auto;
}
#summaryIssue,#statusIssue
{
	height: 200px;
	max-height: 200px;
}
#pieChart
{
	height: 215px;
	max-height: 215px;
}
canvas#dailyIssue
{
	height: 225px;
	max-height: 225px;
}
.line-legend span
{
	display: inline-block; 
	height: 10px;
	width: 10px;
	margin-top:5px;
	margin-right: 5px;
}
.line-legend 
{
	padding-left: 0px !important;
}
.doughnut-legend span
{
	display: inline-block; 
	height: 10px;
	width: 10px;
	margin-top:5px;
	margin-right: 5px;
}
.doughnut-legend li
{
	display: inline; 
	margin-right: 10px;
}
.doughnut-legend
{
	padding-left: 10px;
	padding-top: 10px;
}

/* Calender Chart */

.day {
  fill: #fff;
  stroke: #eceff1;
}

.RdYlGn  .month {
  fill: none;
  stroke: #cfd8dc;
  stroke-width: 2px;
}
.headingColorFill
{
	fill : #636f7f !important;
}
.redFill
{
	fill : #f44336 !important;
}
.RdYlGn
{
	margin-top: 5px;
	margin-bottom:10px;
}

.day.leave
{
	fill: #d50000;
}
.day.present
{
	fill: #a1c314;
}
.day.approved
{
	fill: #1b5e20;
}
.day.weekoff
{
	fill: #eceff1;
}
.day.absent
{
	fill: #d50000;
}
.day.holiday
{
	fill: #eceff1;
}
.day.halfDay
{
	fill: #ff7715;
}
.day.permission
{
	fill: #ffc196;
}
.day.workHome
{
	fill: #39c8eb;
}
.day.onSite
{
	fill: #d420e6;
}
.day.rejected
{
	fill: #455a64;
}
.day.pending
{
	fill: #687e0d;
}
.day.mOff
{
	fill: #a5a7a8;
}
.day.compOff
{
	fill: #e62092;
}
.day.missingPunch
{
	fill: #a06357;
}
.day.OffPermission
{
	fill: #ffff33;
}
.day.onDuty
{
	fill: #0077be;
}
.day.optionalHoliday
{
	fill: #607D8B;
}
.disableMode rect
{
	opacity : 0.5;
	stroke: #dee2e6;
}
/* Monthly Chart */
 #mchart line {
        stroke: #fff;
      }

      #mchart text.active {
        fill: red;
      }

#tooltip {
	line-height: 1;
	font-weight: bold;
	padding: 12px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 2px;
	position: fixed !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: defualt;
}
/* Style northward tooltips differently */
#tooltip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
.legendUL
{
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
    text-align: justify;
}
.legendUL li
{
	display: inline;
	margin-right: 5px;
}
.legendUL li div{
    display: inline-block;
    height: 10px;
    margin-right: 3px;
    width: 10px;
	border: 1px solid #5c5c5c;
}
.legendUL li span
{
	display: inline-block;
    height: 10px;
    margin-right: 5px;
    margin-top: 5px;
    width: 10px;
}
.leaveDiv
{
	background: #d50000;
}
.presentDiv
{
	background: #a1c314;
}
.approvedDiv
{
	background: #1b5e20;
}
.weekoffDiv
{
	background: #eceff1;
}
.absentDiv
{
	background: #d50000;
}
.holidayDiv
{
	background: #eceff1;
}
.halfDayDiv
{
	background: #ff7715;
}
.permissionDiv
{
	background: #ffc196;
}
.workHomeDiv
{
	background: #39c8eb;
}
.onSiteDiv
{
	background: #d420e6;
}
.compOffDiv
{
	background: #e62092;
}
.missingPunchDiv
{
	background: #a06357;
}
.rejectedDiv
{
	background: #455a64;
}
.pendingDiv
{
	background: #687e0d;
}
.mOffDiv
{
	background: #a5a7a8;
}
.offPermissionDiv
{
	background: #ffff33;
}
.onDutyDiv
{
	background: #0077be;
}
 .optionalHolidayDiv
{
	background: #607D8B;
}
.inline-formControl
{
	display: inline-block;
	margin-right: 2px;
	width: 95% !important;
}
.heightThreeHundered
{
	height: 300px;
	min-height: 300px;
	max-height: 300px;
}
.taskDetailsChart
{
	/* height:125px; */
	max-height: 125px;
	margin-left: -5px;
}
.disable-selection
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.disable-stroke
{
	stroke: #90a4ae !important;
}
.disable-fill
{
	fill: #90a4ae;
}
.legend-box
{
	display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}
.self
{
	background : #1c84c6;
}
.levelOne
{
	background: #ff792a;
}
.levelTwo
{
	background: #1ab394;
}
.finalRating
{
	background: #00c853;
}
.noData-legend {
    background: #d5d5d5 !important;
}
.holiday-legend {
    background: #ff6d00 !important;
}
.mOff-legned {
    background: #0097a7 !important;
}
.offPermission-legend {
    background: #0091ea !important;
}
.today-legend{
    background: #4caf50 none repeat scroll 0 0 !important;
}
#ratingParamsTable.table > tbody + tbody,#taskTypeParamTable.table > tbody + tbody {
    border-top: 0 none;
}
.btn-group-line-height
{
	line-height: 22px !important;
}
.session-note {
    background: #f5e79e none repeat scroll 0 0;
    color: #875d29;
    font-weight: bold;
    height: 45px;
    left: 0;
    line-height: 45px;
    opacity: 0.8;
    position: fixed;
    right: 0;
    text-align: center;
    top: -50px;
    transition: all 1s ease 0s;
    z-index: 100;
}
.panel-overflow
{
	max-height: 250px;
	overflow-y: auto;
}

.masking {
	 background-color: rgba(0, 0, 0,.7);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1020;
}
.masking div {
     background: rgba(255,255,255,1);
    border: 3px solid #aaa;
    color: rgb(0, 0, 0);
    cursor: wait;
    left: 35%;
    margin: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 40%;
    width: 30%;
    z-index: 1011;
    font-size: 14px;
}
.text-transform-uppercase
{
	text-transform: uppercase;	
}
.lopTable .glyphicon
{
	font-size: 14px;
}
.lopTable .glyphicon-paperclip
{
	color: #455a64;
}
.lopTable .glyphicon-thumbs-up
{
	color: #579ad7;
}
.propertiesTable td
{
	word-wrap:break-word;
}
.table-responsive > .propertiesTable.table > thead > tr > td, .table-responsive > .propertiesTable.table > tbody > tr > td, .table-responsive > .propertiesTable.table > tfoot > tr > td {
    white-space: normal;
}
.maxWidthThreeFifty
{
	max-width: 350px !important;
}

.meeting-scheduler .customBorder
{
	min-height: 300px;
}
.meeting-scheduler.all-rooms #cal-day-box .day-event {
    margin-left: 0;
    position: absolute;
    width: calc(33% - 50px);
    left: 70px;
    max-width:calc(100% - 140px);
}
.meeting-scheduler #cal-day-box .day-event:first-child {
    position: relative;
    margin-left: 30px;
}

.meeting-scheduler span[data-cal-date]
{
	cursor: pointer;
}
.meeting-scheduler .cal-week-box .cal-column {
    z-index: 1;
}
.meeting-scheduler hr
{
	margin: 0;
}

.inputRanger input {
    float: left;
    margin-right: 5px;
    width: calc(50% - 5px);
}
.inputRanger input:last-child
{
	margin-right: 0;
	float: right;
}
.inputRangerDiv div{
    float: left;
    margin-right: 5px;
    width: calc(50% - 5px);
}
.inputRangerDiv div:last-child
{
	margin-right: 0;
	float: right;
}
/* .recurrence-div {
    background: rgba(0, 0, 0, 0.05);
    padding: 20px;
    box-shadow: 0 0 5px inset;
} */
.custom-texbox
{
	width: 65px !important;
	display: inline-block;
	margin-top: -5px;
}
.weekly-checkboxs .checkbox-inline{
	margin-left: 0;
	margin-right: 5px;
}
.custom-checkbox
{
	width: 125px !important;
	display: inline-block;
}
.border-color-ccc
{
	border-color: #ddd;
}
.timeDiv
{
	position: relative;
}
 .timeDiv .ui-timepicker-wrapper{
  width: 100% !important;
}
/* Meeting Status */

.status-scheduled {
    background: #006400;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
}
.status-inprogess {
    background: #31c831;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
}
.status-completed {
    background:  #e59400;
    border-radius: 0;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
}
.status-cancelled {
    background: #ff4500;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
}
.status-recursive {
    background: #1f77b8;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
}

.meeting-scheduler #cal-slide-content
{
	background: #fafafa;	
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) inset;
}
.meeting-scheduler .popover
{
	max-width: 325px;
}
.meeting-scheduler .cal-event-week,.meeting-scheduler .cal-hours {
    cursor: default;
    font-size: 10px !important;
    font-family: inherit !important;
    font-weight: bold !important;
}
.event-deepsea {
    background-color: #008744;
}

.day-highlight.dh-event-deepsea:hover, .day-highlight.dh-event-deepsea {
    background-color: #008744;
    color: #fff;
}


.event-sunshine{
    background-color: #0057e7;
}

.day-highlight.dh-event-sunshine:hover, .day-highlight.dh-event-sunshine{
    background-color: #0057e7;
	color: #fff;
}


.event-mainconference{
    background-color: #ff7d00;
}

.day-highlight.dh-event-mainconference:hover, .day-highlight.dh-event-mainconference{
    background-color: #ff7d00;
        color: #fff;
}

#cal-day-box .day-highlight.dh-event-mainconference,#cal-day-box .day-highlight.dh-event-deepsea,#cal-day-box .day-highlight.dh-event-sunshine {
    border: 1px solid #ddd;
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.day-view-table
{
	border-collapse: initial; 
}
.day-view-table tr,.day-view-table tr td,.day-view-table tr th
{
	height:30px;
	padding:0;
	text-align: center;
}
.relative-border-parent
{
	position: relative;
	height: 30px;	
}
.day-view-table tr td:first-child,.day-view-table tr td:last-child,.day-view-table tr th:first-child,.day-view-table tr th:last-child
{
	width: 65px;
}
.day-view-table tr td:nth-child(2),.day-view-table tr th:nth-child(2)
{
	width: (100% - 140px;)
}

.event-border {
    border: thin dashed #e1e1e1;
    bottom: -1px;
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
}	
.meeting-scheduler #cal-day-box .day-event {
    margin-left: 0;
    position: absolute;
    width: 100%;
    left: 70px;
     max-width: calc(100% - 140px);
}
.meeting-scheduler #cal-day-panel-hour tbody:last-child tr:last-child td:nth-child(2),.meeting-scheduler #cal-day-panel-hour tbody:last-child tr:last-child td:nth-child(3),.meeting-scheduler #cal-day-panel-hour tbody:last-child tr:last-child td:nth-child(1) .event-border
{
	display:none;
}
.book-room:hover ,.invalid-date:hover{
    text-decoration: none;
}

@media ( max-width : 425px) {
.meeting-scheduler.all-rooms #cal-day-box .day-event
{
	width: 10%;
}
}
.attendee-list {
    max-height: 225px;
    overflow: auto;
}
.attendee-list li {
    list-style: inside none square;
    padding: 5px 0;
    cursor: default;
}

/* Pending / todo tasks  */
.box-border
{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.box-border tr.row td
{
	padding: 10px !important;
	height: 60px;
	border-bottom: 1px solid #eaeaea;
}
.box-border tr td:first-child {
    width: 50px;
    text-align: center;
    padding: 0 !important;
    min-height: 60px;
    line-height: 60px;
}

.pending-task-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#23c6c8;
}
.pending-task-icon
{
	border-left: 3px solid #23c6c8; 	
}
.pending-issue-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#ed5565;
}
.pending-issue-icon
{
	border-left: 3px solid #ed5565; 	
}
.pending-rating-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#f8ac59;
}
.pending-rating-icon
{
	border-left: 3px solid #f8ac59; 	
}
.pending-project-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#1ab394;
}
.pending-project-icon
{
	border-left: 3px solid #1ab394; 	
}
.pending-ticket-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#ff7043;
}
.pending-ticket-icon
{
	border-left: 3px solid #ff7043; 	
}
.pending-leave-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#01579b;
}
.pending-leave-icon
{
	border-left: 3px solid #01579b; 	
}
.pending-filter {
    background: #eee;
    padding: 15px;
}

.pendingGrid .ui-jqgrid-htable,.pendingGrid .ui-jqgrid-hdiv
{
	display: none;
}

.pendingGrid .jqgridcustom .ui-jqgrid tr.jqgrow td
{
	padding:  0 10px !important;
	height: 60px;
	border-bottom: 1px solid #eaeaea;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	white-space: nowrap;
}
.pendingGrid .jqgridcustom .ui-jqgrid tr.jqgrow td:first-child
{
	padding: 0 10px 0 0 !important;
}
.pendingGrid .pending-issue-icon,.pendingGrid .pending-task-icon,.pendingGrid .pending-leave-icon,.pendingGrid .pending-ticket-icon,.pendingGrid .pending-project-icon
{
	height: 100%;
}
.pendingGrid .pending-issue-icon span,.pendingGrid .pending-task-icon span,.pendingGrid .pending-leave-icon span,.pendingGrid .pending-ticket-icon span,.pendingGrid .pending-project-icon span
{
	position: relative;
	top: 25%;
}


.nav-icon-options .show-on-hover:hover > ul.dropdown-menu {
    display: block;    
    
}
.nav-icon-options .show-on-hover {
    position: relative;
    z-index: 5;
}
.nav-icon-options .btn-io{
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    color: #01579e;
    font-size: 18px;
    height: 30px;
    padding: 0 !important;
    width: 25px;
}
.nav-icon-options .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
margin-bottom: -5px;
padding-bottom: 30px;
}
.nav-icon-options .dropdown-menu-right {
right: 0 !Important;
left: auto !Important;
}
.nav-icon-options .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 50px;
padding:  0;
margin:  0;
font-size: 14px;
text-align: center;
list-style: none;
background-color: rgba(255, 255, 255, 0) !Important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !Important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !Important;
}
.nav-icon-options .fa-iox{
    font-size: 22px;
}
.nav-icon-options .dropdown-menu > li > a {
display: block;
padding: 0;
padding-top: 4px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
background: #fff;
white-space: nowrap;
width: 40px;
height: 40px;
font-size: 21px;
box-shadow: 0px 3px 7px 0px rgba(203, 203, 203, 0.72);
}
.nav-icon-options .dropdown-menu > li:first-child > a
{
	margin-top: 10px;
}
.nav-icon-options .dropdown-menu > li:first-child>a {
    background: #29b6f6 !important;
    color: #fff !important;
}
.nav-icon-options .dropdown-menu > li:last-child>a {
    background: #0288d1;
    color: #fff !important;
}
.nav-icon-options .dropdown-menu > li:nth-child(3)>a {
    background: #039be5;
    color: #fff !important;
}
.nav-icon-options .dropdown-menu > li:nth-child(2)>a {
    background: #03a9f4;
    color: #fff !important;
}
.nav-icon-options .fa-iosm{
    
    margin-top: 7px;
}
@media ( max-width : 440px) {

.nav-icon-options
{
	display: none;
}

}
/* Project dashboard */

.project-dashboard-sidebar
{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
} 
.project-dashboard-sidebar .header {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.project-dashboard-list  ul 
{
	 float: left;
    margin: 5px 0 0;
    max-height: 90px;
    overflow: auto;
    padding: 0;	
     border-bottom: 1px solid #eaeaea;
      width: 100%;
}
.project-dashboard-list  ul  li {
    float: left;
    margin-right: 10px;
}
.project-dashboard-list ul li a
{
	 border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 10px;
    width: 100%;
}
.project-dashboard-list ul li a:hover
{
	background: #eaeaea;
	text-decoration: none;
}	

.custom-box-shadow
{
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	  float: left;
    width: 100%;
}
.inline-select
{
	width: 100%;
}
.inline-select label {
    float: left;
    text-align: left;
    font-weight: bold;
    width: 100%;
}

.inline-select .select-wrap {
    display: inline-block;
    width: auto;
    vertical-align: middle;
        width: 70%;
            margin-left: 5px;
}
.inline-select .select-wrap select
{
	width: 100%;
}
.projectAccordian .panel-heading
{
	cursor: pointer;	
}

.projectAccordian .panel-heading a
	{
	color: #636f7f !important;
	}

.projectAccordian a:hover,.projectAccordian a:focus
{
	text-decoration: none;
}

.projectAccordian .panel-group{
	border-radius: 0 !important;
	margin: 20px !important;
}

.projectAccordian .panel{
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
	border-radius: 0 !important;
	margin-bottom: 10px !important;
}
.projectAccordian .panel-default > .panel-heading
{
	background: #fff !important;
}
.projectAccordian .panel-title
{
	font-size: 12px;
}
.projectAccordion-icon
{
	float: right;
	margin-top: 3px;
}
.project-tab-header  
{
	background: #eaeaea;
}
.project-tab-header div
{
	display: inline;
	padding: 10px;
}
.svg-container svg {
    display: block;
    margin: auto;
}

.project-input-control .value {
    background: #2196f3;
    bottom: 0;
    color: #fff;
    line-height: 10px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    min-width: 40px;
    text-align: center;
}
.project-input-control .checkbox {
    background: #bbdefb;
	 max-width: 200px;
    padding: 5px 25px;
    position: relative;
    width: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    border-radius: 0;
}


.chart {
	shape-rendering: crispEdges;
}

/* Rating vs Emp Chart - Project dashboard */

.axis-project
{
	   fill: #777;
}
.axis-project path,.axis-project line
{
	stroke: #777;
	shape-rendering: crispEdges;
	 fill: none;
}	


/* Project timeline - Project dashboard */
.vis-item.vis-box
{
	font-size: 11px;
	height: 30px;
	font-weight: bold;
	font-family: helvetica,inherit;
	cursor: default;
	 color: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.vis-item.vis-box.project-1
{
	border-radius: 0;
    background-color: #3366cc;
}
.vis-item.project-1,.vis-item.vis-selected.project-1
{
	border-color: #3366cc;
}
.vis-item.vis-box.project-2
{
	border-radius: 0;
	background-color: #ff5722;
}
.vis-item.project-2,.vis-item.vis-selected.project-2
{
	  border-color: #ff5722;
}
.vis-item.vis-box.project-3
{
	border-radius: 0;
	background-color: #ff9900;
}
.vis-item.project-3,.vis-item.vis-selected.project-3
{
	  border-color: #ff9900;
}
.vis-item.vis-box.project-4
{
	border-radius: 0;
	background-color: #009688;
}
.vis-item.project-4,.vis-item.vis-selected.project-4
{
	  border-color: #009688;
}
.vis-item.vis-box.project-5
{
	border-radius: 0;
	background-color: #109618;
}
.vis-item.project-5,.vis-item.vis-selected.project-5
{
	  border-color: #109618;
}	  
.vis-panel .vis-current-time
{
	z-index: 0;
}

/* Technology vs Emp Chart - Project dashboard */

.pivot-table-parent table
{
	width: 100%;
}


/* Sunburst chart */
/*.legend-ul-sunburst {
        cursor: default;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 10%;
    width: 220px;
}
.legend-ul-sunburst li {
    margin: 10px 0;
    padding: 7px 5px;
}*/
.svg-parent svg {
    display: block;
    margin: auto;
}
.legend-ul-sunburst {
    cursor: default;
    list-style: outside none none;
    padding: 0;
    position: relative;
    right: 0;
    text-align: left;
    top: 10%;
}
.legend-ul-sunburst li {
    display: inline;
    margin: 10px 0;
    padding: 7px 5px;
    width: 200px;
}
.legend-ul-sunburst li span {
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    margin-top: 5px;
    width: 10px;
}
.breadcrumb-parent
{
min-height: 30px;
margin-top: 10px;
}
.sunburst-breadcrumbs {
  list-style-type: none;
  overflow: hidden;
  margin:  0;
  padding: 0;
}

.sunburst-breadcrumbs li {
  float: left;
  padding: 0;
  margin: 0;
}
.sunburst-breadcrumbs li a {
  color: #111;
  text-decoration: none;
  padding: 5px 0 5px 55px;
  background: #dbdcde;
  position: relative;
  display: block;
  float: left;
}
.sunburst-breadcrumbs li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #dbdcde;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.sunburst-breadcrumbs li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 6px;
  left: 100%;
  z-index: 1;
}
.sunburst-breadcrumbs li:first-child a {
  padding-left: 15px;
}
.custom-shadow
{
box-shadow: 0 0 5px rgba(0,0,0,0.3);
padding: 10px;
margin-bottom: 30px;
}
.sunburst-chart path {
    stroke: #fff;

    fill-rule: evenodd;
}
.releasing-warning
{
	background: #ff5722;
	    border-radius: 0;
    color: #fff;
    display: block;
    padding: 1px 5px;
    text-align: center;
    font-size: 11px;
    float: right;
    width: 80px;
}

/* Pending / todo tasks  */
.box-border
{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.box-border tr.row td
{
	padding: 10px !important;
	height: 60px;
	border-bottom: 1px solid #eaeaea;
}
.box-border tr td:first-child {
    width: 50px;
    text-align: center;
    padding: 0 !important;
    min-height: 60px;
    line-height: 60px;
}

.pending-task-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#23c6c8;
}
.pending-task-icon
{
	border-left: 3px solid #23c6c8; 	
}
.pending-issue-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#ed5565;
}
.pending-issue-icon
{
	border-left: 3px solid #ed5565; 	
}
.pending-rating-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#f8ac59;
}
.pending-rating-icon
{
	border-left: 3px solid #f8ac59; 	
}
.pending-project-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#1ab394;
}
.pending-project-icon
{
	border-left: 3px solid #1ab394; 	
}
.pending-ticket-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#ff7043;
}
.pending-ticket-icon
{
	border-left: 3px solid #ff7043; 	
}
.pending-leave-icon span
{
	padding: 0 5px;
	font-size: 16px;
	color: 	#01579b;
}
.pending-leave-icon
{
	border-left: 3px solid #01579b; 	
}
.pending-filter {
    background: #eee;
    padding: 15px;
}

.pendingGrid .ui-jqgrid-htable,.pendingGrid .ui-jqgrid-hdiv
{
	display: none;
}

.pendingGrid .jqgridcustom .ui-jqgrid tr.jqgrow td
{
	padding:  0 10px !important;
	height: 60px;
	border-bottom: 1px solid #eaeaea;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	white-space: nowrap;
}
.pendingGrid .jqgridcustom .ui-jqgrid tr.jqgrow td:first-child
{
	padding: 0 10px 0 0 !important;
}
.pendingGrid .pending-issue-icon,.pendingGrid .pending-task-icon,.pendingGrid .pending-leave-icon,.pendingGrid .pending-ticket-icon,.pendingGrid .pending-project-icon
{
	height: 100%;
}
.pendingGrid .pending-issue-icon span,.pendingGrid .pending-task-icon span,.pendingGrid .pending-leave-icon span,.pendingGrid .pending-ticket-icon span,.pendingGrid .pending-project-icon span
{
	position: relative;
	top: 25%;
}
table.pvtTable tbody tr th, table.pvtTable thead tr th {
    background-color: #e3f2fd !important;
}
.project-dashboard .popover
{
	max-width: 300px;
}



.search
{
   	color: #898989;
    cursor: pointer;
    font-size: 13px;
    line-height: 45px;
    margin-right: 5px;
}
.search-box
{
    padding: 10px;
}


.modal-dialog-custom{
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    height: 100%;
    width:50%;
    margin:0;
}
.modal.fade .modal-dialog-custom{
	transition: transform 0.35s ease-out 0s;
}
.modal-content-custom {
  height: 100%;
  border-radius: 0;
  border:0;
}

.modal.fade:not(.in).slide-right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}
.modal-open .modal.slide-right {
    overflow: hidden;
}
.modal-title-custom
{
	font-size: 26px;
	font-family: 'Open Sans Condensed','open_sanscondensed_light';
	color: #fff;
	clear: none;
	padding:0;
	padding-bottom: 10px;
	padding-left: 15px;
}
.modal-body-custom
{
	height : calc(100% - 80px);
	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;
}


@media(max-width :776px){
	
	.modal-dialog-custom{
		width: 100%;
	}
}

.admin-search-clear {
    right: 40px;
  display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 5;
    cursor: pointer;
    color: red;
}

.search-result {
    margin-bottom: 15px;
    max-height: 118px;
    overflow: auto;
}
.search-result div {

    border: 1px solid #ddd;
    border-bottom-width:0 ;
    padding: 5px 10px;
}
.search-result div:last-child
{
	 border-bottom-width:1px ;
}
.search-result > div:hover {
    background: #efefef;
}
/* .masking {
    background: rgba(255,255,255,1);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1020;
}
.masking div {
    background-color: rgb(255, 255, 255);
    border: 3px solid #aaa;
    color: rgb(0, 0, 0);
    cursor: wait;
    left: 35%;
    margin: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 40%;
    width: 30%;
    z-index: 1011;
    font-size: 14px;
} */


/* Switch */

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  float: left;
  margin: 0 10px 0 5px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00c853;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00c853;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.employeeselect-lable{
	padding-top: 32px;
	display: block;
}
.skillSelect {
	margin-right: -30px;
}

.skillSelect  .chosen-container-multi .chosen-choices{
	padding: 1px 12px;
	text-align: left;;
}
.emp-detaildescrip-radio table{
	width: 100%;
}
.disabled-gly{
  	 pointer-events: none !important;
      cursor: default !important;
      color: gray !important;
  }
  
#trainingTBody .progress-percentage{
    height: 13px;
  	margin-top: 3px;
  }
.progress-height{
	  height: 13px;
}

.notablescroll.table-responsive {
  overflow-x: inherit;
}
.dropdown-ticket{
	left: -78px;
	min-width: 145px;
	border: 1px solid rgba(21, 12, 12, 0.4);	
}
.dropdown-ticket li a{
	color: #0b5aa2 !important;
}

/*************************** Pulse Poll Answer List Styles ***********************************/
.selectmemain {
  display: flex;
  flex-flow: row wrap;
}
.selectme {
  flex: 1;
  padding: 0 10px;
}
.selectme input[type="radio"] {
  display: none;
 
}
.selectme input[type="radio"]:not(:disabled) ~ label {
    cursor: pointer;
  }
  .selectme input[type="radio"]:disabled ~ label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
  }

.selectme label {
  /*height: 100%;*/
  display: block;
  background: white;
  border: 2px solid #50a8ed;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 3px 5px -2px rgba(80, 168, 237, 0.75);
  position: relative;
}
.selectme input[type="radio"]:checked + label {
  background: rgba(80, 168, 237, 0.75);
  color: #fff;
  box-shadow: 0px 0px 10px rgba(80, 168, 237, 0.75);
  }
  &::after {
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(80, 168, 237, 0.75);
}
.selectme input[type="radio"]:checked + label::after {
    color: #3d3f43;
    font-family: FontAwesome;
    border: 2px solid #50a8ed;
    content: "\f00c";
    font-size: 16px;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
        height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}
.selectme input[type="radio"].disabled:checked + label {
  background: red;
  border-color: red;
   box-shadow: 0px 0px 10px rgba(255, 37, 0, 0.75);
}
.selectme input[type="radio"].disabled:checked + label::after{
border: 2px solid rgba(212, 31, 1, 0.75);
}
.selectme input[type="radio"]:disabled ~ label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}
.selectme p {
  font-weight: 900;
  margin:10px 0;
  
}
.pulsepollsection h4{
	font-size: 16px;
	margin-bottom: 20px;
} 
.pulsepollsection h4 span{
	font-weight: 500;
}
.pulsepollsection ul{
	padding-left: 20px;
	margin-bottom: 0;
}
.pulsepollsection  li{
	width: 49%;
    display: inline-block;
    margin-bottom: 20px;
}
.pulsepollscroll{
	height: 220px;
	overflow: auto;
	width: 100%;
}
@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}
/************** Leader Board Styles ****************/
/************* Leader board top 3 employees ******************/
.leaderboardtoplist{
	text-align: center;
	 /   background: #328dff;
    background: -webkit-linear-gradient(135deg, #3d74f1, #9986ee);
    background: linear-gradient(-45deg, #3d74f1, #9986ee);
    padding:20px 0 0;
}
.leaderboardtoplist ul{
	padding: 0;
}
.leaderboardtoplist li {
	display: inline-block;
    position: relative;
    text-align: center;
    width: 17%;
    margin-left: 20px;
}
.leaderboardtoplist li .rank{
	width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid #fff;
    position: absolute;
    bottom: 16px;
    left: 72%;
    color: #fff;
    text-align: center;
    padding: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
}
.leaderboardtoplist li:first-child{
	margin-left: 0;
}
.leaderboardtoplist li .top1{
	background: #00a65a;
}
.leaderboardtoplist li .top2{
	background: #f39c12;
}
.leaderboardtoplist li .top3{
	background: #dd4b39;
}
.hexaHolder{
    height: 115px;
    width: 135px;
    /* float: left; */
}
.hexa img{
    width:100%;
    margin-top: -5px;
}
.hexa, .hexa div {
    margin: 0 auto;
    transform-origin: 50% 50%;
    overflow: hidden;
}
.hexa {
    text-align: center;
    margin: 0 0 0 20px;
    width: 135px;
    height: 115px;
}
.hexa div {
  width: 100%;
  height: 100%;
}
.hexa {
  transform: rotate(120deg);
}
.hex1 {
  transform: rotate(-60deg);
}
.hex2 {
  transform: rotate(-60deg);
}
.toplbdetails{
	position: relative;
	top: -30px;
}

/**** Toppers Details ***/
.lbdetails {
	margin: 20px 0;
	color:#fff;
	text-align: center;
}
.lbdetails h6{
	font-size: 14px;
}
.lbdetails .ranknum{
	margin: 5px 0;
	
}
.leaderboardtoplist li:nth-child(2) .lbdetails{
	margin: 70px 0 20px  0;
}
.lbdetails .points i{
	color:#fff ;
}
/* .lbdetails p:hover,.lbdetails .p:hover i{
	color:#fff ;
} */
.leadeboardhead{
	margin: 20px 0;
}
.emptyspace{
	margin: 0 20px;
}
/* .myscore{
	    background: #3da4f5;
    padding: 20px;
    color: #fff;
} */
.myscore{
	background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
	padding:10px;
	border: 1px solid #efefef;
	width:400px;
	margin: 0 auto;
	position: relative;
	 overflow: hidden;
}
.myscore:before{
	background: url(../images/award.png) no-repeat right center;
    -webkit-transform: rotate(30deg);
    transform: rotate(-30deg);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 13px;
    height: 60px;
    width: 60px;
    right: -20px;

	}
.myscore h5{
	color:#50a8ed;
	text-align: center;
	margin: 0 0 10px 0;
}
.myscore p{
	font-size: 20px;
}
.myscore i{
	color:rgb(242, 112, 104);
	margin-right: 5px;
} 
/****** Leader Board List ******/
.leaderboardmainlist{
	width: 600px;
	margin: 30px auto;
}
/* .leaderboardmainlist ul{
	padding: 10px 0;
	height: 300px;
	overflow: auto;
}
.leaderboardmainlist li{
	margin-bottom: 10px;
	border: 1px solid rgba(0,0,0,.125);
	padding: 5px 10px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	    transition: .5s;
	    -webkit-transition: .5s;
	    -moz-transition: .5s;
	    -ms-transition: .5s;
	    -o-transition: .5s;
	    
}
.leaderboardmainlist li:nth-child(even) {background: #efefef;}
.leaderboardmainlist li:nth-child(odd) {background: #FFF;}
.leaderboardmainlist li:hover{
	    webkit-box-shadow: 0 0 10px -5px #9e9c9e;
    box-shadow: 0 0 25px -5px #9e9c9e;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -moz-transform: translateY(-1px);
}  */
/* .leaderboardmainlist .table-bordered{
	border:1px solid #ccc !important; 
} */
.leaderboardmainlist .table-bordered th{
	text-align: center;
}
.leaderboardmainlist .table-bordered td:first-child,.leaderboardmainlist .table-bordered td:last-child{
	text-align: center;
}
/* .leaderboardmainlist thead, .leaderboardmainlist tbody, .leaderboardmainlist tr, .leaderboardmainlist td, .leaderboardmainlist th { display: block; }

 .leaderboardmainlist tr:after {
     content: ' ';
     display: block;
     visibility: hidden;
     clear: both;
 }

 .leaderboardmainlist thead th {
     height: 30px;
}

 .leaderboardmainlist tbody {
     height: 120px;
     overflow-y: auto;
 }



 .leaderboardmainlist tbody td, .leaderboardmainlist thead th {
     width: 33.3%;
     float: left;
 } */
 
 
 .table-fixed {
  width: 100%;
  background-color: #f3f3f3;
}
.table-fixed tbody {
  height: 250px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td:first-child ,.table-fixed tbody td:last-child,.table-fixed th{
	text-align: center;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #f39c12;
  border-color: #50a8ed;
}



.leaderboardmainlist p{
	margin: 15px 0;
}
.emp-profile{
	position: relative;
    display: inline-block;
}
.emp-profile img{
	border-radius:50%;
	    height: 50px;
    width: 50px;
	border: 5px solid rgba(0,0,0,.125);
}
.emp-profile span{
	position: absolute;
    top: 0;
    left: -10px;
    background: #50a8ed;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: #fff;
    text-align: center;
    font-size: 10px !important;
    padding: 4px;
    border: 2px solid #fff;
    font-weight: 600;
	
}
.lbemp-name{
	font-size: 14px;
	color: #333;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 10px !important;
    width: 73%;
}
.leaderboardmainlist span{
	/* display: block; */
	font-size: 14px;
}
.notetxt{
	margin: 30px 0 0 0;
}
.notetxt ul{
	padding: 0;
}
.notetxt li{
	font-size: 12px;
	list-style: disc;
    list-style-position: inside;
}

/******************** Configuration **************/

.configdetails label{
	margin: 10px 0;
}
.configdetails{
	padding: 80px 0;
	width: 600px;
	margin: 0 0 0 80px;
}
.fileuploadbtns{
	text-align:right;
	margin-top:50px;
}
/*** Image Upload ***/
.configdetails .image-preview{
	border: none;
    border-radius: 0;
    float: none;
    overflow: hidden;
    width: auto;
}
.configdetails .image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.configdetails .image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.configdetails .image-preview-input-title {
    margin-left:2px;
}

.questiondiv p span{
	display: inline-block;
}
.configdetails.pulsepollsection ul{
	margin-top: 20px;
}
.configdetails ul{
	padding: 0;
}
.resultdiv {
	text-align: center;
}
/* .resultdiv span img{
	height: 24px;
    width: 24px;
} */
.resultdiv i{
	font-size: 20px;
}
.resultdiv .notapplicable-icon{
	color: #b4b4b4;
}
.resultdiv .passed-icon{
	color:#5cb85c;
}
.resultdiv .notpassed-icon{
	color:#f8d024;
}
.noscroll{
	overflow: hidden;
}
.customTicketsAccoridan td[title]{
	 pointer-events: none;
}
/*  .subgrid-data[title]:hover {
   display: none;
    pointer-events: none;
} */
#qnImage{
	height: 100px;
	width: 100px;
	margin: 0 auto 20px auto;
}
.pulsepollwithimage .pulsepollscroll{
	height: 300px;
}
.pulsepollwithimage.pulsepollsection h4{
	margin-bottom: 10px;
}
.pulsepollwithimage img{
	width: 100%;
	height: 100%;
	border: 1px solid #efefef;
border-radius: 3px;
padding: 5px;
}


#ibox{
    position:absolute;
    overflow-y:none;
    background:#fff;
    border:1px solid #ccc;
    z-index:1001;
    display:none;
    padding:4px;
    -webkit-box-shadow: 0px 0px 6px 0px #bbb;
    -moz-box-shadow: 0px 0px 6px 0px #bbb;
    box-shadow: 0px 0px 6px 0px #bbb; 
}
#ibox img{
    border:1px solid #444;
}
#ibox br{
    clear:both;
}
.pulsePollBtn {
	margin:5px 0 5px 10px;
	animation: blink 1.5s linear infinite;
}

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


.sNote .note-toolbar{
	display:none;
}
.customAccordianGroup .panel-heading.collapsed span:before{
	content: '\2b';
}
.customAccordianGroup .panel-heading span:before{
	    content: "\2212";
}

#addCourse{
	margin-bottom: 10px;
	margin-right: 17px;
}
.courseautocomplete .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content{
	z-index: 99999;
overflow: auto;
height: 130px;
}
/* .with-errors{
	display: none;
} */

#contactDesepAdminModal .note-toolbar{
	display:none;
}

#validTitle{
	color: #b74442;
}

#confirmText{
	margin-left: 15px;
	font-size: 14px;
}
.employeedetailslist ul{
	padding:0;
	margin-bottom: 20px;
}
.employeedetailslist li{
	margin-bottom: 5px;
}
.employeedetailslist li span{
	display: inline-block;
	font-size: 12px;
}
.employeedetailslist li .title{
	position: relative;
	width: 200px;
	font-weight: 600;
}
.employeedetailslist li .title:after{
position: absolute;
right: 30px;
top: 1px;
content: ":";
}
#desepResultsGridPager_center{
	width:264px !important;
}
.phaseDiv{
	margin: 5px 0 0 0;
}
.phaseDiv span{
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 5px;
}
/*FOR CHOSEN UP*/
.chosen-container-active.chosen-with-drop.Up .chosen-single {
    border-radius: 0 0 5px 5px!important;
    border: 1px solid #aaa;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(20%,#fff),color-stop(80%,#eee));
    background-image: -webkit-linear-gradient(#fff 20%,#eee 80%);
    background-image: -moz-linear-gradient(#fff 20%,#eee 80%);
    background-image: -o-linear-gradient(#fff 20%,#eee 80%);
    background-image: linear-gradient(#fff 20%,#eee 80%);
    box-shadow: 0 1px 0 #fff inset;
}


.chosen-container-active.chosen-with-drop.Up .chosen-drop
{
    margin-top: -310px;
    border-radius: 4px 4px 0 0;
    border-bottom: 0px;
    border-top: 1px solid #aaa;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.chosen-container.chosen-with-drop.Up .chosen-drop
{
    display: block;
}
.chosen-container.Up .chosen-drop
{
    display: none;
}