/*********************************/
/******** General styles *********/
/*********************************/
@font-face {
	font-family: FrutigerNextLT-Regular;
	src: url(../font/FrutigerNextLT-Regular.woff);
}

@font-face {
	font-family: Artifakt-Element;
	src: url('../font/Artifakt-Element-Thin.woff');
	font-weight: 100;
}
@font-face {
	font-family: Artifakt-Element;
	src: url('../font/Artifakt-Element-Regular.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'Artifakt-Element';
	src: url('../font/Artifakt-Element-Medium.woff') format('woff');
	font-weight: 600;
}
@font-face {
	font-family: 'Artifakt-Element';
	src: url('../font/Artifakt-Element-Bold.woff') format('woff');
	font-weight: 900;
}

/*@font-face {
	font-family: Artifakt-Element-Thin;
	src: url(../font/Artifakt-Element-Thin.woff);
}

@font-face {
	font-family: Artifakt-Element-Regular;
	src: url(../font/Artifakt-Element-Regular.woff);
}

@font-face {
	font-family: Artifakt-Element-Medium;
	src: url(../font/Artifakt-Element-Medium.woff);
}

@font-face {
	font-family: Artifakt-Element-Bold;
	src: url(../font/Artifakt-Element-Bold.woff);
}*/


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	font-size: 12px;
	background: #FFF;
	line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
}

.indexHtml {
	background: url(../image/login_bg.png);
}

/*Remove!*/
.colorgray{
	background: gray;
}
.indexBody {
	background: url(../image/login_bg.png);
	min-height: 840px;
}

.link {
	font-size: 14px;
	color: #0696d7;
	text-decoration: none;
}

.no-space [class*="span"] {
	margin-left: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

hr {
	margin-top: 15px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
	margin: 0 auto;
}

body .color-green {
	color: #7AA93A;
}

.overflow-hidden {
	overflow: hidden;
}

.display-table{
	display: table;
	height: 100%;
}

.bs-row-fix .row {
	margin-left: 0;
	margin-right: 0;
}

.table-icon {
	height: 24px;
	width: 24px;
	margin-top: -5px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cursor-auto {
	cursor: auto;
}

/*********************************/
/******* Login & ChagePass *******/
/*********************************/
.beta {
	font-size: 20px;
	margin-left: 10px;
	float: left;
	line-height: 90px;
	color: #373435;
}

.ADlogo {
	width: 149px; 
	height: 75px; 
	background: url("../image/main_header_logo.png") center center no-repeat; 
	float: right; 
	margin-right: 25px; 
	margin-top: 8px;  
}

#loginBody {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 12px;
	/* 	background: url(../image/login_bg.png); */
}

#loginBody .mainHeader {
	position: absolute;
	z-index: 20;
	border-bottom: 1px solid #ccc;
}

#loginChangePwdBody {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 886px;
	font-size: 12px;
	/*background: url(../image/login_bg.png);*/
	min-width: 770px;
}

.wavesBackground {
	width: 100%;
	height: 100%;
	background: url(../image/waves_bg.png) no-repeat center center fixed;
}

#loginContainer {
	position: absolute;
	width: 500px;
	height: auto;
	z-index: 15;
	top: 50%;
	left: 50%;
	margin: -130px 0 0 -250px;
}

.loginOpacity {
	width: 410px;
	height: auto;
	margin: auto;
	background: rgba(255, 255, 255, 0.5);
	border-bottom: 2px solid rgba(90, 90, 90, 0.1);
}

#loginLogo {
	background: url(../image/login_logo.png);
	width: 500px;
	height: 59px;
	margin: 0px auto 60px auto;
}

.logincontent ul {
	padding: 20px 20px 40px 48px;
	color: #666666;
	font-size: 15px;
	margin: 0px;
}

.logincontent li {
	width: 100%;
	list-style: none;
	margin: 13px 0 0 0;
	line-height: normal;
}

.logintextfield {
	max-width: 312px;
	min-width: 210px;
	width: 93%;
	height: 36px;
	margin-top: 2px;
	border: 1px solid #d0d0d5;
	padding: 5px 5px;
	background: #FFFFFF;
}

.changepassword-textfield {
	width: 100%;
	border: 1px solid #d0d0d5;
	padding: 5px 5px;
	background: #FFFFFF;
}

.logincontent ul.change-password-list {
	padding: 20px 0px 40px 48px;
}

#two_factor_id .logincontent ul.change-password-list{
	min-width: 319px;
}

.logincontentbutton {
	width: 150px;
	height: 31px;
	margin: 30px auto 20px auto;
}

a.loginBtn, a.changeBtn{
	display: block;
	background-color: #0696D7;
	border: none;
	font-size: 12px;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 0.6em 2em;
	width: 180px;
}

a.loginBtn:hover {
	background-color: #0587C2;
}

input.loginBtn {
	background-color: #0696D7; 
	border: none;
	font-size: 12px;
	color: white;
	height: 36px;
	width: 170px;
	margin: auto;
	cursor: pointer;
	text-transform: uppercase;
}

input.secondaryBtn {
	background-color: #808080; 
	border: none; 
	font-size: 12px;
	color: white;
	height: 36px;
	width: 170px;
	margin: auto;
	cursor: pointer;
	margin-right: 40px;
	text-transform: uppercase;
}

input.loginBtn:hover {
	background-color: #0587C2;
}

input.secondaryBtn:hover {
	background-color: #606060;
}

#loginErrorCont {
	height: 40px;
	width: auto;
	margin: -2px 0 0 95px;
}

#loginErrorIcon {
	background: url(../image/exclamation_flag.png);
	width: 40px;
	height: 53px;
	float: left;
	margin-right: 10px;
}

#loginErrorText {
	color: #B00;
	padding-top: 15px;
}

li.newPassword {
	position: relative;
}

li.newPassword div.inputErrorText {
	width: 295px;
}

#change-password-cont .newPassArrow {
	float: left;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #FFF;
	margin-top: 195px;
	position: absolute;
    z-index: 2;
}

#new-password-cont .newPassArrow {
	float: left;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	margin-top: 120px;
}

.newPassMessageCont .newPassArrow-insidelogin, #new-password-cont .newPassArrow-insidelogin {
	border-right: 8px solid #595959;
}

#change-password-cont .newPassMessage {
	float: left;
	width: 88%;
	height: auto;
	margin-top: 150px;
	font-size: 14px;
	background: #FFF;
    box-shadow: 0px 0px 40px -8px #000;
    color: #333;
    padding: 0;
    z-index: 1;
    position: absolute;
    left: 23px;
}

.maincontent #change-password-cont .newPassArrow{
	margin-top: 126px;
}

.maincontent #change-password-cont .newPassMessage{
	margin-top: 32px;
}

#new-password-cont .newPassMessage {
	float: left;
	width: 93%;
	height: auto;
	padding: 10px 12px;
	color: #FFF;
	margin-top: 60px;
	font-size: 14px;
}

.newPassMessageCont .newPassMessage-insidelogin, #new-password-cont .newPassMessage-insidelogin
	{
	background: #595959;
}

.passValidationCont{
	padding: 8px 15px;
}

.newPassHeader {
    background: #0696d7;
    line-height: 35px;
    color: #FFF;
    padding: 0px 15px;
}

.changepasscontentbutton {
	margin: 28px auto;
	float: right;
}

.changePassSubtitle {
	padding: 0 0 10px 0;
	width: 100%;
	float: left;
}

.changePassSubtitle-insidelogin {
	padding: 0 0 0 10px;
}

#changePassContainer {
	margin: auto;
	min-width: 768px;
	padding: 30px 0;
	line-height: normal;
}

#changePassContainer .pageDescription {
	font-size: 14px;
	margin-bottom: 10px;
	padding-right: 5%;
}

#changePassContainer .pageContentHeader .title {
	font-family: "FrutigerNextLT-Regular";
	margin: 0 0 18px 0;
	line-height: normal;
}

#changePassContainer .FAQpanel .helptitle {
	border-bottom: 1px solid #FFFFFF;
}

.changePassOpacity {
	background: rgba(255, 255, 255, 0.5);
	border-bottom: 2px solid #dddddd;
}

.changePassOpacity-insidelogin {
	margin: 10px 0 10px 10px;
	background: #F5F5F5;
	border: none;
	border-right: 4px solid #E5E5E5;
}

.changePassOpacity-insidelogin li {
	width: 600px;
}

.changePassOpacity .logintextfield {
	width: 100%;
	max-width: none;
	min-width: inherit;
}

#changePassArrowCont {
	height: 290px;
	width: 30px;
	float: left;
}

#changePassHelp {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #B3B3B3;
	width: 390px;
	height: 290px;
	float: left;
	margin-left: 10px;
}

#changePassHelp ul {
	margin: 15px 0px 0px 35px;
	padding: 0;
	font-size: 14px;
}

#changePassHelp ul ul {
	margin: 8px 0px 8px 30px;
	padding: 0;
	font-size: 13px;
}

#changePassHelp li {
	margin: 5px 0 0 0;
	list-style: decimal;
}

#changePassHelp ul li ul li {
	margin: 5px 0 0 0;
	list-style: circle;
}

#changePassHelp h2 {
	margin: 15px;
	padding: 0;
	font-size: 13px;
}

#changePassLink {
	margin: -4px 17px 0px 0px;
	width: 103px;
	height: 15px;
	font-size: 12px;
	color: #4D4D4D;
	text-decoration: none;
	float: right;
}

a#changePassLink:hover {
	color: #666666;
	text-decoration: underline;
}

.newPassMessage .glyph-icon{
	height: 20px;
	width: 20px;
	margin-right: 6px;
	display: block;
    float: left;
}

.newPassMessage span.glyph-icon{
	color: transparent;
}

.newPassMessage .passValidationCont div{
	padding: 5px 0px;
	line-height: 20px;
}

.newPassMessage .glyph-icon.glyph-icon-ok{
	background: url(../image/changePassword/pass-ok.png) no-repeat center center;
}

.newPassMessage .glyph-icon.glyph-icon-remove{
	background: url(../image/changePassword/pass-error.png) no-repeat center center;
}

/*********************************/
/******* Landing Page *******/
/*********************************/
.wavesBackground.landing {
	background: url(../image/waveanimation7.gif) no-repeat center center
		fixed;
	background-size: 100% 100%;
	min-width: 600px;
	min-height: 500px;
}

.landingContainer {
	margin: 0 auto;
	font-size: 20px;
	color: #373435;
	overflow: hidden;
	height: 100%;
	min-width: 600px;
	min-height: 500px;
	position: relative;
}

.myDeskLandingLogo {
	line-height: 90px;
	text-align: center;
	font-size: 90px;
	position: absolute;
	top: 13%;
	left: 50%;
	margin-left: -167px;
}

.landingSubHeader {
	position: absolute;
	top: 32%;
	left: 50%;
	margin-left: -160px;
}

.landingIcons {
	text-align: center;
}

.landingIcons>div {
	height: 40px;
	width: 40px;
	background-size: 40px 40px;
	display: inline-block;
	margin: 0 0.6em;
}

.landingIcons .trackIcon {
	background-image: url("../image/landing/track.png");
}

.landingIcons .doIcon {
	background-image: url("../image/landing/do.png");
}

.landingIcons .downloadIcon {
	background-image: url("../image/landing/downloads.png");
}

.landingIcons .pcIcon {
	background-image: url("../image/landing/computer.png");
}

.landingSubtitle {
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 50px;
}

.availableMobile {
	text-align: center;
	background: url(../image/landing/also-mobile.png) no-repeat center
		center;
	height: 45px;
	width: 126px;
	margin: 0 1em 0.5em 0;
	position: absolute;
	top: 90%;
	right: 0;
}

.landingBtnContainer {
	width: 230px;
	margin-left: -115px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
}

.landingBtnContainer>div {
	padding: 1.7em 0 0.9em 0;
}

.landingContainer .landingChangePassword {
	padding: 0;
	font-size: 17px;
}

.landingChangePassword a:visited, .landingChangePassword a {
	color: #0696d7;
}

.landingADLogo {
	width: 150px;
	height: 30px;
	background: url("../image/main_header_logo.png") center center no-repeat;
	margin-left: -75px;
	position: absolute;
	top: 90%;
	left: 50%;
}

/*********************************/
/******* Navigation Bar *******/
/*********************************/
.navMenu {
	float: left;
	width: 222px;
	border-right: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

.navMenu-container {
	top: 0px;
	bottom: 45px;
	width: 222px;
	position: absolute;
}

.navMenu-container-fixed-top {
	top: 0;
	position: fixed;
}

.navMenu ul {
	margin: 0;
	padding: 0;
}

.navMenu ul li {
	background-position: 20px 8px;
	background-repeat: no-repeat;
	list-style: none;
	min-height: 46px;
	width: 222px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	float: left;
	border-left: 3px solid #ffffff;
}

.navMenu ul li:hover {
	border-left: 3px solid #0696d7;
}

.navMenu ul li.noHover:hover {
	border-left: 3px solid #ffffff;
}

.navMenu ul li.expandedListItem {
	border-left: 3px solid #666666;
}

.navMenu li#track {
	background-image: url("../image/menuIcons/track.png");
}

.navMenu li#do {
	background-image: url("../image/menuIcons/do.png");
}

.navMenu li#go {
	background-image: url("../image/menuIcons/go.png");
}

.navMenu li#download {
	background-image: url("../image/menuIcons/download.png");
}

.navMenu li#downloadAdmin {
	background-image: url("../image/menuIcons/aDow.png");
}

.navMenu li#help {
	background-image: url("../image/menuIcons/help.png");
}

.navMenu li#admin, .navMenu li#cloudpcAdmin {
	background-image: url("../image/menuIcons/admin.png");
}

.navMenu li#cPas {
	background-image: url("../image/menuIcons/cPas.png");
}

.navMenu li#mEma {
	background-image: url("../image/menuIcons/mEma.png");
}

.navMenu li#sGro {
	background-image: url("../image/menuIcons/sGro.png");
}

.navMenu li#vReq {
	background-image: url("../image/menuIcons/vReq.png");
}

.navMenu li#vDes {
	background-image: url("../image/menuIcons/vDes.png");
}

.navMenu li#tSte {
	background-image: url("../image/menuIcons/tSte.png");
}

.navMenu li#nHir {
	background-image: url("../image/menuIcons/nHir.png");
}

.navMenu li#sTic {
	background-image: url("../image/menuIcons/sTic.png");
}

.navMenu li#qLin {
	background-image: url("../image/menuIcons/qLin.png");
}

.navMenu li#rMap {
	background-image: url("../image/menuIcons/rMap.png");
}

.navMenu li#aPri {
	background-image: url("../image/menuIcons/aPri.png");
}

.navMenu li#cPas:hover, .navMenu li#cPas.navMenuSelected {
	background-image: url("../image/menuIcons/cPasH.png");
	opacity: 1;
}

.navMenu li#mEma:hover, .navMenu li#mEma.navMenuSelected {
	background-image: url("../image/menuIcons/mEmaH.png");
	opacity: 1;
}

.navMenu li#sGro:hover, .navMenu li#sGro.navMenuSelected {
	background-image: url("../image/menuIcons/sGroH.png");
	opacity: 1;
}

.navMenu li#vReq:hover, .navMenu li#vReq.navMenuSelected {
	background-image: url("../image/menuIcons/vReqH.png");
	opacity: 1;
}

.navMenu li#vDes:hover, .navMenu li#vDes.navMenuSelected {
	background-image: url("../image/menuIcons/vDesH.png");
	opacity: 1;
}

.navMenu li#tSte:hover, .navMenu li#tSte.navMenuSelected {
	background-image: url("../image/menuIcons/tSteH.png");
	opacity: 1;
}

.navMenu li#nHir:hover, .navMenu li#nHir.navMenuSelected {
	background-image: url("../image/menuIcons/nHirH.png");
	opacity: 1;
}

.navMenu li#sTic:hover, .navMenu li#sTic.navMenuSelected {
	background-image: url("../image/menuIcons/sTicH.png");
	opacity: 1;
}

.navMenu li#downloadAdmin:hover, .navMenu li#downloadAdmin.navMenuSelected
	{
	background-image: url("../image/menuIcons/aDowH.png");
	opacity: 1;
}

.navMenu li#qLin:hover, .navMenu li#qLin.navMenuSelected {
	background-image: url("../image/menuIcons/qLinH.png");
	opacity: 1;
}

.navMenu li#rMap:hover, .navMenu li#rMap.navMenuSelected {
	background-image: url("../image/menuIcons/rMapH.png");
	opacity: 1;
}

.navMenu li#aPri:hover, .navMenu li#aPri.navMenuSelected {
	background-image: url("../image/menuIcons/aPriH.png");
	opacity: 1;
}

.navMenu ul li a {
	display: block;
	width: 217px;
	height: 46px;
}

.navMenu ul li ul {
	overflow: hidden;
	float: left;
	height: 0px;
	visibility: hidden;
	-moz-transition: visibility 0s ease 1s, height 1s ease 0s;
	-o-transition: visibility 0s ease 1s, height 1s ease 0s;
	-webkit-transition: visibility 0s ease 1s, height 1s ease 0s;
	-ms-transition: visibility 0s ease 1s, height 0.4s ease 0s;
	transition: visibility 0s ease 1s, height 1s ease 0s;
}

.navMenu ul li ul.expandMenuItem {
	height: 276px;
	/*height: 184px;*/
	visibility: visible;
	-moz-transition: visibility 1s ease 0s, height 1s ease 0s;
	-o-transition: visibility 1s ease 0s, height 1s ease 0s;
	-webkit-transition: visibility 1s ease 0s, height 1s ease 0s;
	-ms-transition: visibility 1s ease 0s, height 0.4s ease 0s;
	transition: visibility 1s ease 0s, height 1s ease 0s;
}

.navMenu ul li ul.expandMenuItem.five {
	height: 230px;
}

.navMenu ul li#go ul.expandMenuItem {
	height: 92px;
}

.navMenu ul li ul.expandMenuItem.admin1 {
				height: 46px;
			}
			.navMenu ul li ul.expandMenuItem.admin2 {
				height: 92px;
			}		
			.navMenu ul li ul.expandMenuItem.admin3 {
				height: 138px;
			}	

.navMenu ul li ul li {
	background-color: #f5f5f5;
	background-position: 36px center;
	background-repeat: no-repeat;
	border: none;
	color: #666666;
	-moz-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	-webkit-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}

.navMenu ul li ul li:hover {
	background-color: #0696d7;
	border: none;
	color: #ffffff;
}

.navMenu ul li ul li.navMenuSelected {
	background-color: #1858A8;
	border: none;
	color: #ffffff;
}

.navMenu ul li span {
	float: left;
	line-height: 46px;
	width: 130px;
	margin-left: 75px;
	font-size: 18px;
	cursor: pointer;
	color: #444;
}

.navMenu ul li ul li span {
	font-size: 14px;
}

.navMenu ul li ul li:hover span, .navMenu ul li ul li.navMenuSelected span
	{
	color: #ffffff;
}

/*********************************/
/*********** SSO Links ***********/
/*********************************/
.link-item {
	background-color: #FFFFFF;
	display: inline-block;
	width: 150px;
	margin: 10px -4%;
	border: 1px solid #ddd;
	position: relative;
	border-bottom: 1px solid #0696d7;
}

.link-icon {
	position: relative;
	border-radius: 5px;
	width: 100px;
	height: 100px;
	margin: 20px auto 5px auto;
}

.link-name {
	overflow: hidden;
	width: 110px;
	height: 35px;
	margin: 15px auto 12px auto;
	font-weight: normal;
	text-align: center;
}

/*********************************/
/*********** Roadmap ***********/
/*********************************/
.roadmap-subtitle {
	color: #777;
	font-size: 14px;
	margin-bottom: 1.2em;
	max-width: 950px;
}

.roadmap-image {
	width: 100%;
	max-height: 738px;
	max-width: 915px;
}

.roadmap-legend>div {
	float: right;
	padding: 0 7.5px;
}

.roadmap-legend>div>.legend-icon-container {
	float: right;
}

.legend-icon-container.middle-padding {
	padding: 0 15px;
}

@media all and (max-width: 991px) {
	.roadmap-legend>div {
		float: left;
		margin-top: 1em;
	}
}

.roadmap-legend .legend-icon {
	width: 13px;
	height: 13px;
	float: left;
	margin-right: 10px;
}

.roadmap-legend .beta {
	background: url(../image/roadmap/betaIcon.png) no-repeat center;
	margin-left: 0;
}

.roadmap-legend .deployed {
	background: url(../image/roadmap/deployedIcon.png) no-repeat center;
}

.roadmap-legend .retired {
	background: url(../image/roadmap/retiredIcon.png) no-repeat center;
}

/*********************************/
/** Change Pass Success Message **/
/*********************************/
div#successContainer {
	display: none;
	padding-top: 2px;
	padding-right: 40px;
}

div#successContainer .successLine {
	width: 100%;
	min-height: 25px;
	margin: 30px 23px 0px 23px;
}

div#successContainer .successLine .successIcon {
	background: url("../image/changePassword/success.png") no-repeat;
	width: 30px;
	height: 25px;
	float: left;
}

div#successContainer .successLine .warningIcon {
	background: url("../image/changePassword/warning.png") no-repeat;
	width: 30px;
	height: 25px;
	float: left;
}

div#successContainer .successLine .infoIcon {
	background: url("../image/changePassword/info.png") no-repeat;
	width: 30px;
	height: 25px;
	float: left;
}

div#successContainer .successLine .cellIcon {
	background: url("../image/changePassword/cell.png") no-repeat;
	width: 30px;
	height: 25px;
	float: left;
}

div#successContainer h4 {
	margin: 30px 23px 7px 23px;
	font-size: 15px;
	color: #333;
}

div#successContainer .successLine h4 {
	float: left;
	margin: -3px 12px;
	width: 85%;
}

div#successContainer .successLine h4.cp-oneLine {
	margin: 3px 12px;
}

div#successContainer p {
	margin: 5px 10px 5px 65px;
	color: #666;
	font-size: 13px;
}

div#successContainer p.final {
	margin: 5px 10px 25px 65px;
}

/*********************************/
/******** CSS3 Animations ********/
/*********************************/
@-webkit-keyframes newUserAccountUl {
	0%{height: 338px;}
	100%{height: 308px;}
}

@-moz-keyframes newUserAccountUl {
	0%{height: 338px;}
	100%{height: 308px;}
}
@-o-keyframes newUserAccountUl {
	0%{height: 338px;}
	100%{height: 308px;}
}
@keyframes newUserAccountUl {
	0%{height: 338px;}
	100%{height: 308px;}
}

/*********************************/
/******* Header & Footer *********/
/*********************************/
.mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	/*background: url(../image/login_bg.png);*/
	background: #FFF; 
  	border-bottom: 1px solid #0696d7; 
	text-align: center;
	min-width: 768px;
	-moz-box-shadow: inset 0px -40px 40px -20px #f0f0f0;
	-webkit-box-shadow: inset 0px -40px 40px -20px #f0f0f0;
	-o-box-shadow: inset 0px -40px 40px -20px #f0f0f0;
	box-shadow: inset 0px -40px 40px -20px #f0f0f0;
}

.wavesHeaderBg {
	width: 100%;
	height: 75px;
	background: url(../image/header_bg.png) no-repeat top right fixed;
	position: absolute;
	z-index: 0;
	min-width: 768px;
}

.headerContent {
	position: absolute;
	z-index: 1;
	width: 100%;
	min-width: 768px;
}

/*--- Header Logo & Menu ---*/
.myDeskLogo {
	float: left;
	margin: -3px 0 0px 24px; 
	line-height: 75px;
	color: #373435;
	font-size: 45px;
	cursor: pointer;
	text-transform: uppercase;
}

#loginChangePwdBody .myDeskLogo {	
	margin: 0;
	background: #0696d7;	
	padding: 0 2%;
}

/*--- Header User Name & Search ---*/
.mainHeader .userArrow {
	width: 0;
	height: 0;
	border-top: 5px solid #EEE;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: right;
	margin: 35px 0px 0px 6px;
}

.mainHeader .searchTextbox {
	border: 1px solid #bbb;
	width: 210px;
	height: 20px;
	margin: 20px 18px 0 0;
	padding: 1px 25px 1px 10px;
	background: url(../image/search_logo.png) 225px center no-repeat;
	float: right;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background-color: #ffffff;
}

.mainHeader .searchTextbox:focus, a#continueBtn:focus {
	outline: none;
}

.mainHeader .userName {
	float: right;
	color: #373435;
	margin-right: 5px;
	line-height: 70px;
}

.mainHeader a {
	color: #0696D7;
}

.mainHeader .accountPhoto {
	width: 30px;
	height: 30px;
	background-color: #aaa;
	margin: 22px 28px 0px 0px;
	float: right;
	cursor: pointer;
}

#loginChangePwdBody .mainHeader{
	height: 90px;
    box-shadow: none;
    border-bottom: none;
}

#loginChangePwdBody .mainHeader{
	height: 55px;
    line-height: 60px;
} 

#loginChangePwdBody .myDeskLogo{
	line-height: 85px;	
}  

.password-gradient{
	background: #0696d7; /* Old browsers */
	background: -moz-linear-gradient(left,  #0696d7 0%, #1858a8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0696d7 0%,#1858a8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0696d7 0%,#1858a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0696d7', endColorstr='#1858a8',GradientType=1 ); /* IE6-9 */	
}

.password-gradient-change, .panel-change{		
	background: #32dcb2; /* Old browsers */
	background: -moz-linear-gradient(left,  #32dcb2 0%, #32bcad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #32dcb2 0%,#32bcad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #32dcb2 0%,#32bcad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32dcb2', endColorstr='#32bcad',GradientType=1 ); /* IE6-9 */	
}

.password-gradient-reset, .panel-reset{	
	background: #87d540; /* Old browsers */
	background: -moz-linear-gradient(left,  #87d540 0%, #87bc40 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #87d540 0%,#87bc40 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #87d540 0%,#87bc40 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87d540', endColorstr='#87bc40',GradientType=1 ); /* IE6-9 */	
}

#loginChangePwdBody #changePassContainer{
	margin-top: -115px;
	padding-bottom: 40px;
	box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.3);
	background: #FFF;
	min-width: initial;
}

#loginChangePwdBody #loginChangePwdBody{
	color: #FFF;
    margin: 0;
}

#loginChangePwdBody .change-password-list{
	padding: 0px 48px 40px 48px;
}

#loginChangePwdBody .pageContentHeader{
	padding: 6px 18% 5% 18%;
	max-width: 1315px;
    margin: 0 auto;
}

#loginChangePwdBody .pageContentHeader .title{
	color: #FFF;
	font-size: 28px;
	margin-top: 30px;
}

#loginChangePwdBody #changePassInputsContainer{
	position: relative;
}

.manage-pass-panels{
	padding: 40px 3% 40px 18%;
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
}

#loginChangePwdBody .changePassOpacity{
	border: none;
}

#loginChangePwdBody .changepasscontentbutton{
	margin: 0px auto;    
    padding: 0px 48px;
}

#loginChangePwdBody .FAQpanel {
    padding: 10px 34px 0px 46px;
}

#loginChangePwdBody .FAQpanel .helpdescription .helpcontent{
	display: block;
}

#loginChangePwdBody .FAQpanel .helpdescription .helplink{
    font-size: 14px;
    color: #666666;
	font-weight: bold;
}

@media (max-width: 1000px) {
	#loginChangePwdBody .pageContentHeader{
		padding: 6px 8% 5% 8%;
		margin-bottom: 3%;
	}
	.manage-pass-panels{
		padding: 40px 4% 40px 8%;
	}
}

@media (min-width: 1600px) {
	#loginChangePwdBody .pageContentHeader{
		padding: 6px 2% 5% 2%;
		margin-bottom: 3%;
	}
	.manage-pass-panels{
		padding: 40px 0 40px 2%;
	}
	#loginChangePwdBody #changePassContainer {
		margin-top: -190px;
	}
}

.manage-switch-link {
    padding: 8px 34px 24px 46px;
    font-size: 14px;
}

.manage-panel{
	padding: 30px 38px;
	width: 670px;
}

.manage-panel-wrapper{
	width: 700px;
}

.manage-panel-title {
    font-size: 28px;
    text-align: center;
}

.panel-item{
    width: 600px;
    color: #FFF;
    padding: 15px 0px;
    margin: 32px 0px;
    transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	cursor: pointer;
}

.panel-item:hover{
  	opacity: 0.7;
}

.panel-icon {
    height: 86px;
    width: 86px;
    float: left;
    margin: 0px 30px;
}

.panel-reset .panel-icon{
	background: url('../image/managePassword/reset.png') center center no-repeat;
}

.panel-change .panel-icon{
	background: url('../image/managePassword/change.png') center center no-repeat;
} 

.panel-title{
	float: left;
	width: 430px;
    font-size: 24px;
    margin: 8px 0px;	
}

.panel-description {
	float: left;
	width: 430px;
	font-size: 14px;
}

/* Header Popups */
.quick-links-icon-container {
	float: right;
	margin: 22px 10px;
	position: relative;
}

.popup-nub {
	display: none;
}

.popup-nub:after {
	z-index: 999;
	border: solid;
	border-color: white transparent;
	border-width: 0px 8px 6px 8px;
	top: 32px;
	left: 25%;
	content: "";
	position: absolute;
}

.quick-links-icon {
	background: url('../image/quickLinks.png') center no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.quick-links-overlay {
	position: absolute;
	z-index: 998;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.quick-links-popup {
	display: none;
	position: absolute;
	top: 60px;
	right: 10px;
	width: 470px;
	height: 510px;
	/* padding: 1em; */
	background-color: white;
	z-index: 1000;
	box-shadow: 0px 3px 7px 2px #ccc;
	overflow: hidden;
}

.quick-links-popup h4 {
	margin: 31px 0px 18px 0;
	font-size: 33px;
	color: #1858a8;
	text-align: center;
}

.quick-links-popup .quick-links-favorites {
	padding: 10px 30px 0px 30px;
}

.quick-links-popup .quick-links-others {
	display: none;
	padding: 15px 30px 20px 30px;
}

.quick-links-popup ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.quick-links-popup ul li {
	display: inline-block;
}

.quick-links-popup .link-container {
	width: 100px;
	height: 100px;
	position: relative;
}

.quick-links-popup .link-container .restriction-icon {
	background: url('../image/linksInfoIcon.png') center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 10px;
}

.quick-links-popup .link-container .link-icon {
	width: 50px;
	height: 50px;
}

.quick-links-popup .link-container .link-name {
	width: 100px;
	height: 30px;
}

.quick-links-popup .more-links {
	background-color: #f2f2f2;
	color: black;
	text-align: center;
	padding: 1em 0;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.link-container .tooltip-inner {
	max-width: 200px;
	width: 150px;
	text-align: left;
}

.account-menu-popup {
	display: none;
	position: absolute;
	top: 60px;
	right: 0px;
	width: 100px;
	background-color: white;
	z-index: 1000;
	box-shadow: 0px 3px 7px 2px #ccc;
}

.account-menu-popup:before {
	z-index: 999;
	border: solid;
	border-color: white transparent;
	border-width: 0px 8px 6px 8px;
	top: -6px;
	left: 50%;
	content: "";
	position: absolute;
}

.account-menu-popup ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.account-menu-popup ul li:hover {
	background-color: #f2f2f2;
}

.account-menu-popup li>a:hover {
	text-decoration: none;
}

.account-menu-popup li div {
	padding: 1em;
}

/*--- Footer ---*/
.footer {
	height: 46px;
	width: 100%;
	background: #FFF;
	background: -webkit-linear-gradient(top, #fff 65%, #f3f3f3);
	background: -moz-linear-gradient(top, #fff 65%, #f3f3f3);
	background: -ms-linear-gradient(#fff 65%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #fff 65%, #f3f3f3);
	border-top: 1px solid #CCCCCC;
	position: fixed;
	bottom: 0;
	z-index: 1000;
}

.footer .footertext, .landing-footer .footertext{
	color: #666;
	margin: 16px 25px;
	float: left;
}

.footer .footertext a, .landing-footer .footertext a{
	color: #0696d7;
	margin: 0px 15px;
	cursor: pointer;
}

.footer .footerlinks, .landing-footer .footerlinks{
	margin: 16px 0 16px 1em;
	float: left;
}

.footer .footerlinks span, .landing-footer .footerlinks span{
	margin: 0 2em;
}

.footer .footerlinks span a, .landing-footer .footerlinks span a{
	color: #0696d7;
	padding-left: 1em;
}

.footerTextContainer {
	height: 35px;
	width: 100%;
	float: left;
}

.footer .footerimage, .landing-footer .footerimage{
	background: url("../image/footerLogo.png") center center no-repeat;
	width: 130px;
	height: 21px;
	background-size: cover;
	float: right;
	margin: 13px 25px;
	cursor: pointer;
}

/*--- Wrap ---*/
.wrap {
	min-height: 100%;
}

/*********************************/
/*********** Popup ***************/
/*********************************/
input {
	padding-left: 5px;
	padding-right: 5px;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	font-size: 14px;
	color: #666666;
	outline: none;
}

.popupinputError, input.popupinputError, input[type="text"].popupinputError,
	.inputError, input[type="text"].inputError {
	border: 1px solid #E20000;
	background-color: #FFF0F0;
}

.popup-checkboxes {
	margin-bottom: 1em;
}

.popup-checkboxes>div {
	margin: 0.5em 0;
}

input[type="text"] {
	border: 1px solid #d0d0d5;
}

.popupTextArea {
	resize: none;
	width: 315px;
	height: 80px;
	margin-top: 1px;
}

.textfield {
	height: 8px;
	width: 120px;
	border: 1px solid #9F9F9F;
	padding: 5px 5px;
}

.popupheader {
	width: 100%;
	background: #edede8;
	border-bottom: 1px solid #BBB;
	color: #1A1A1A;
	padding-bottom: 4px;
}

.popupheader .title {
	padding: 14px 23px 6px 12px;
	font-size: 18px;
	line-height: 90%;
	width: auto;
}

.popupheader .title .itemname {
	font-size: 12px;
	color: #777;
}

.popupsubheader {
	display: none;
	height: auto;
	width: 100%;
	background: #D3D4D5;
	color: #383536;
}

.popupsubheader .title {
	padding: 18px 18px 18px 22px;
	font-size: 12px;
}

.popupcontainer {
	font-size: 12px;
	width: 365px;
}

.requesterror {
	width: 400px;
}

.popupcontent {
	color: #1A1A1A;
	padding-top: 1px;
	margin-top: -1px;
}

.popupcontent ul {
	padding: 0 5px;
	margin-left: 17px;
}

.popupcontent li {
	width: 100%;
	list-style: none;
	margin: 10px 0 0 0;
}

.edituserpwd ul {
	padding: 0px 18px;
	width: 365px;
	font-size: 14px;
	margin: 8px 0px 15px 0px;
	float: left;
}

.edituserpwd ul li .bold {
	font-weight: bold;
	font-size: 15px;
	margin-right: 8px;
	color: #0696D7;
}

.edituserpwd ul li div {
	float: left;
}

.popupinput {
	width: 308px;
	height: 15px;
	margin-top: 1px;
}

.inputErrorText {
	color: #E20000;
	padding: 0.2em 0;
	font-size: 13px;
}

.popupinputDisabled {
	border: 1px solid #999;
	background-color: #ddd;
}

input.popupinputDisabled {
	border: 1px solid #999;
	background-color: #ddd;
	box-shadow: 0 0 0 0 transparent;
	cursor: default;
}

.popupcontentbutton {
	text-align: right;
	margin: 5px 21px 10px 0;
	height: 25px;
}

.popupcontentbutton-insidelogin {
	float: left;
	width: 676px;
}

.popupcontentinfo {
	font-size: 10px;
	width: 320px;
}

.loadinggif {
	float: right;
}

button.grey {
	padding-bottom: 2px;
	background-color: #96989A;
	font-size: 14px;
	color: white;
	cursor: pointer;
	min-width: 100px;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	height: 25px;
	line-height: 24px;
	margin-right: 7px;
}

.primaryButton {
	padding-bottom: 2px;
	background-color: #0696D7;
	font-size: 14px;
	color: white;
	cursor: pointer;
	min-width: 100px;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	height: 25px;
	line-height: 24px;
	margin-left: 3px;
	text-transform: uppercase;
}

.primaryButton:hover {
	background-color: #0587C2;
}

.secondaryButton {
	padding-bottom: 2px;
	background-color: #32bcad;
	font-size: 14px;
	color: white;
	cursor: pointer;
	min-width: 100px;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	height: 25px;
	line-height: 24px;
	margin-left: 3px;
	text-transform: uppercase;
}

.primaryButton.disabled, .secondaryButton.disabled, .loginBtn.disabled {
	opacity: 0.5;
}

.secondaryButton:hover {
	background-color: #2FAC9F;
}

.tertiaryButton {
	padding-bottom: 2px;
	background-color: #808080;
	font-size: 14px;
	color: white;
	cursor: pointer;
	min-width: 100px;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	height: 25px;
	line-height: 24px;
	margin-left: 3px;
	text-transform: uppercase;
}

.tertiaryButton:hover {
	background-color: #77787B;
}

.destroyButton {
	padding-bottom: 2px;
	background-color: #e94724;
	font-size: 14px;
	color: white;
	cursor: pointer;
	min-width: 100px;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	height: 25px;
	line-height: 24px;
	margin-left: 3px;
	text-transform: uppercase;
}

.destroyButton:hover {
	background-color: #b2341f;
}

.destroyButton.disabled {
	opacity: 0.5;
}

div.helpIconPopup {
	top: 9px;
	right: 17px;
	width: 20px;
	height: 20px;
	position: absolute;
	background: url("../js/colorbox/images/help.png");
	cursor: pointer;
}

div.helpIconPopup2Lines {
	top: 17px;
	right: 17px;
	width: 20px;
	height: 20px;
	position: absolute;
	background: url("../js/colorbox/images/help.png");
	cursor: pointer;
}

.notificationArea {
	height: auto;
	display: none;
	background-color: #802020;
	moz-box-shadow: inset 0 10px 9px -6px #4B0000;
	-webkit-box-shadow: inset 0 10px 9px -6px #4B0000;
	-o-box-shadow: inset 0 10px 9px -6px #4B0000;
	box-shadow: inset 0 10px 9px -6px #4B0000;
}

.helpArea {
	height: auto;
	display: none;
	background-color: #dfdfdf;
	moz-box-shadow: inset 0 7px 15px -6px #c9c9c9, inset 0 -7px 15px -6px
		#c9c9c9;
	-webkit-box-shadow: inset 0 7px 15px -6px #c9c9c9, inset 0 -7px 15px
		-6px #c9c9c9;
	-o-box-shadow: inset 0 7px 15px -6px #c9c9c9, inset 0 -7px 15px -6px
		#c9c9c9;
	box-shadow: inset 0 7px 15px -6px #c9c9c9, inset 0 -7px 15px -6px
		#c9c9c9;
}

.help-icon {
	background: url("../image/help-icon.png") center center no-repeat;
}

.notificationAreaText {
	padding: 8px 0px 7px 22px;
	font-size: 11px;
	color: #FFFFFF;
	width: 350px;
}

.helpAreaText {
	padding: 13px 23px 14px 22px;
	border-bottom: 1px solid #BBB;
	font-size: 11px;
	color: #555;
	width: 320px;
}

.helpAreaText ul {
	padding-left: 16px;
	margin-bottom: 0px;
}

.helpAreaText li {
	list-style: decimal;
}

.helpAreaText ul li ul li {
	list-style: circle;
}

.newvpncontainer {
	width: 450px;
}

.vpnapplications {
	height: 150px;
	width: 335px;
}

.vpnapplications li {
	width: 165px;
	float: left;
}

#newUserAccountUl {
	height: 338px;
	margin-bottom: 0px;
}

.newUserAccountUlAnimation {
	-webkit-animation: newUserAccountUl 1s forwards;
	-moz-animation: newUserAccountUl 1s forwards;
	-o-animation: newUserAccountUl 1s forwards;
	animation: newUserAccountUl 1s forwards;
}

#popupSuccessIcon {
	width: 30px;
	height: 30px;
	background: url("../image/success.png");
	float: left;
	margin: 0px 15px 13px -3px;
}

#popupErrorIcon {
	width: 30px;
	height: 30px;
	background: url("../image/error.png");
	float: left;
	margin: 0px 15px 13px -3px;
}

#popupUnavailableIcon {
	width: 39px;
	height: 34px;
	background: url("../image/unavailable.png");
	float: left;
	margin: 0px 15px 13px -3px;
}

#popupSuccessText {
	width: 290px;
	float: left;
	margin-top: 7px;
}

#popgroupsinfocontent {
	width: 700px;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#popgroupsinfolist {
	width: 700px;
	height: auto;
}

.ui_img {
	width: 50px;
	height: 50px;
	background: #0696D7;
	float: left;
}

.ui_text {
	float: left;
	height: 25px;
	margin-top: 17px;
	margin-left: 17px;
}

#userinfo li {
	width: 100%;
	height: 50px;
	margin: 0;
}

#userinfo {
	padding: 0;
	margin: 0;
}

.ui_fname {
	background-image: url(../image/ui_fname.png);
}

.ui_uname {
	background-image: url(../image/ui_uname.png);
}

.ui_email {
	background-image: url(../image/ui_email.png);
}

.ui_enum {
	background-image: url(../image/ui_enum.png);
}

.ui_desc {
	background-image: url(../image/ui_desc.png);
}

.ui_bgLine {
	background-color: #EEEEEE;
}

/*********************************/
/******* SelfService Popup *******/
/*********************************/
.popupSelfService {
	width: 900px;
	height: 500px;
}

.popupSelfService .popupheader {
	position: absolute;
}

.popupSelfService .iframeSelfService {
	width: 100%;
	height: 100%;
	margin-top: -15px;
	margin-left: -2px;
}

/*********************************/
/********** Dashboard ************/
/*********************************/

#dashboard {
	height: auto;
	width: 100%;
	margin: 0;
	float: left;
	overflow: auto;
	padding-bottom: 50px;
}

#widgetsContainer {
	width: 984px;
	height: auto;
	margin: 50px auto;
}

.leftColumn {
	width: 490px;
	height: auto;
	float: left;
}

.leftColumn .widget {
	width: 484px;
	height: 180px;
	float: left;
	margin: 7px 8px 20px 0;
}

.leftColumn .widgetHeader {
	background: #333333;
	height: 30px;
	width: 474px;
	float: left;
}

.widgetTitle {
	font-size: 21px;
	color: #E6E6E6;
	float: left;
	margin-left: 20px;
	margin-top: 3px;
	text-shadow: 0px -1px 0px #888888, 0px 1px 0px #000000;
}

.btnAddNew {
	height: 30px;
	width: 42px;
	float: right;
}

.leftColumn .stripeTriangle {
	float: left;
	width: 0;
	height: 0;
	border-top: 13px solid #101010;
	border-left: 16px solid transparent;
}

.widgetArea {
	float: left;
	height: 135px;
	width: 458px;
}

.widgetBackground {
	position: absolute;
	height: 135px;
	width: 458px;
	z-index: 1;
	background: white;
}

.widgetForeground {
	position: absolute;
	height: 135px;
	width: 458px;
	z-index: 2;
	-moz-box-shadow: inset 0 27px 15px -25px #888888;
	-webkit-box-shadow: inset 0 27px 15px -25px #888888;
	box-shadow: inset 0 27px 15px -25px #888888;
}

.widgetBody {
	width: 135px;
	height: 135px;
	background: white;
	float: left;
	border-right: solid 2px #E6E6E6;
	margin-right: 211px;
}

.widgetBodyStatus {
	margin-right: 0px;
}

.statusBody {
	width: 135px;
	height: 135px;
	background: white;
	float: left;
	border-right: solid 2px #E6E6E6;
	margin-right: 74px;
}

.actionsBody {
	width: 108px;
	height: 135px;
	background: #E3E3E3;
	float: left;
	-moz-box-shadow: inset 0 0 55px #BBBBBB;
	-webkit-box-shadow: inset 0 0 55px #BBBBBB;
	box-shadow: inset 0 0 55px #BBBBBB;
	border-left: solid 2px #E6E6E6;
}

.widgetContent {
	width: 465px;
	height: auto;
	float: left;
	margin: 10px 0px 25px 0px;
}

.widgetLine {
	width: 466px;
	height: 28px;
	margin-bottom: 3px;
}

.widgetLineThin {
	height: 23px;
	width: 466px;
}

.widgetLineAlert {
	background: rgba(255, 255, 80, 0.5);
}

.widgetLinePending {
	background: rgba(170, 230, 255, 0.5);
}

.alertIcon {
	background: url(../image/alert_icon.png) center center;
	width: 21px;
	height: 18px;
	margin: 0px 7px 0 0;
	float: right;
}

.pendingIcon {
	background: url(../image/pending_icon.png) center center;
	width: 21px;
	height: 21px;
	margin: -2px 7px 0 0;
	float: right;
}

.doneIcon {
	background: url(../image/done_icon.png) center center;
	width: 21px;
	height: 21px;
	margin: -2px 7px 0 0;
	float: right;
}

.widgetLineTitle {
	font-size: 14px;
	text-decoration: none;
	height: 18px;
	width: 100px;
	margin-top: 3px;
	float: left;
}

.widgetLineTitle:hover {
	text-decoration: underline;
}

.widgetLineText {
	font-size: 13px;
	text-decoration: none;
	height: 18px;
	width: 202px;
	margin: 3px 0px 0px 12px;
	float: left;
	border-bottom: dashed 1px #E6E6E6;
}

.widgetLineTextStatus {
	width: 125px;
}

.widgetStatusText {
	font-size: 13px;
	text-decoration: none;
	height: 18px;
	width: 69px;
	margin: 3px 0px 0px 8px;
	float: left;
}

.widgetActionsCont {
	height: 23px;
	width: 117px;
	float: left;
}

.actionsThree .actionsButton {
	height: 23px;
	width: 38px;
	background: #0696D7;
	margin-left: 1px;
	float: left;
}

.actionsTwo .actionsButton {
	height: 23px;
	width: 57px;
	background: #0696D7;
	margin-left: 1px;
	float: left;
}

.actionsOne .actionsButton {
	height: 23px;
	width: 116px;
	background: #0696D7;
	margin-left: 1px;
	float: left;
}

.actionsButton:hover {
	background: #0696D7;
	-moz-box-shadow: inset 0 0 25px #006999;
	-webkit-box-shadow: inset 0 0 25px #006999;
	box-shadow: inset 0 0 25px #006999;
}

.actionPassword {
	height: 23px;
	width: 36px;
	background: url(../image/actions_key.png) center center no-repeat;
	margin: auto;
	opacity: 0.9;
}

.actionEdit {
	height: 23px;
	width: 36px;
	background: url(../image/actions_pencil.png) center center no-repeat;
	margin: auto;
	opacity: 0.9;
}

.actionDelete {
	height: 23px;
	width: 36px;
	background: url(../image/actions_cross.png) center center no-repeat;
	margin: auto;
	opacity: 0.9;
}

.actionRefresh {
	height: 23px;
	width: 36px;
	background: url(../image/actions_arrows.png) center center no-repeat;
	margin: auto;
	opacity: 0.9;
}

.actionAdd {
	height: 23px;
	width: 36px;
	background: url(../image/actions_plus.png) center center no-repeat;
	margin: auto;
	opacity: 0.9;
}

.actionsTriangle {
	float: right;
	width: 0;
	height: 0;
	border-top: 5px solid #006999;
	border-right: 8px solid transparent;
	font-size: 1px;
}

.leftColumn .widgetFooter {
	height: 15px;
	width: 458px;
	background: #B3B3B3;
	margin-right: 10px;
	float: right;
}

.widgetFooter .more {
	float: right;
	margin: 0 5px 0 0;
}

.widgetFooter .more  a {
	color: #FFFFFF;
}

.rightColumn {
	width: 490px;
	height: auto;
	float: right;
}

.rightColumn .widget {
	width: 474px;
	height: 180px;
	float: left;
	margin: 7px 0px 20px 16px;
}

.rightColumn .widgetHeader {
	background: #333333;
	height: 30px;
	width: 474px;
	float: right;
}

.rightColumn .stripeTriangle {
	float: right;
	width: 0;
	height: 0;
	border-top: 13px solid #101010;
	border-right: 16px solid transparent;
}

.rightColumn .widgetFooter {
	height: 15px;
	width: 458px;
	background: #B3B3B3;
	margin-right: 6px;
	float: left;
}

.addWidgetCont {
	overflow: hidden;
}

.addWidget {
	font-size: 75px;
	margin-top: 60px;
	margin-left: 67px;
	width: 400px;
	height: 85px;
	color: #BBB;
}

.addNewWidget {
	opacity: 0.2;
}

.addNewWidget:hover {
	opacity: 0.5;
}

.displayNone {
	display: none;
}

.overflow {
	overflow: hidden;
}

.paddingNone {
	padding: 0;
}

.disabledBtn {
	opacity: 0.5;
}

.text-ellipsis {
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: -4px;
	font-weight: bold;
}

/******************** Cost Information ********************/
.widgetCostBody {
	width: 298px;
	height: 135px;
	background: white;
	float: left;
	border-right: solid 2px #E6E6E6;
	margin-right: 0px;
}

.widgetCostContent {
	width: 465px;
	height: auto;
	float: left;
	margin: 0px 0px 25px 0px;
}

.statusCostBody {
	width: 79px;
	height: 135px;
	background: white;
	float: left;
	border-right: solid 2px #E6E6E6;
	margin-right: 74px;
}

.widgetCostTitle {
	font-size: 14px;
	text-decoration: none;
	height: 18px;
	width: 263px;
	margin-top: 3px;
	float: left;
	border-bottom: 1px dotted #E6E6E6;
}

.widgetCostText {
	font-size: 13px;
	text-decoration: none;
	height: 18px;
	width: 75px;
	margin: 3px 0px 0px 6px;
	float: left;
}

.widgetCostHeadLine {
	width: 458px;
	height: 19px;
	margin-bottom: 3px;
	background: #E5E5E5;
}

.widgetCostHeadLine .widgetCostTitle {
	width: 286px;
	font-size: 13px;
	margin-left: 10px;
	border: none;
}

.widgetCostLine {
	width: 466px;
	height: 18px;
	margin-top: 8px;
}

.costsInfo_header {
	height: 30px;
	color: white;
	background: #888888;
	float: left;
	width: 100%;
}

.costInfo_headerItemCont {
	width: 180px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.costInfo_headerItem {
	width: 160px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	margin: 7px 0px 0px 7px;
}

.costInfo_listRow {
	height: auto;
	background: #EEEEEE;
	float: left;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}

.costInfo_listItemCont {
	width: 180px;
	height: auto;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.costInfo_listItem {
	float: left;
	font-size: 12px;
	margin: 7px 0px 7px 7px;
}

#popcostsinfocontent {
	width: 100%;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#popcostsinfolist {
	width: 700px;
	height: auto;
}

/*********************************/
/**** Group Information Popup ****/
/*********************************/
.groupsInfo_header {
	height: 30px;
	color: white;
	background: #888888;
	float: left;
	width: 100%;
}

.groupInfo_headerItemCont {
	width: 200px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.groupInfo_headerItemContW {
	width: 294px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.groupInfo_headerItem {
	width: 193px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	margin: 7px 0px 0px 7px;
}

.groupInfo_listRow {
	height: auto;
	background: #EEEEEE;
	float: left;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}

.groupInfo_listItemCont {
	width: 200px;
	height: auto;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.groupInfo_listItemContW {
	width: 294px;
	height: auto;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.groupInfo_listItem {
	float: left;
	font-size: 12px;
	margin: 7px 0px 7px 7px;
}

.groupInfo_listItemW {
	float: left;
	font-size: 12px;
	margin: 7px 0px 7px 7px;
}

.listRowPair {
	background: #DDDDDD;
}

.listRowPair .groupInfo_listItemCont, .listRowPair .groupInfo_listItemContW
	{
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
}

.groupDetailTable {
	border-spacing: 0px;
	width: 100%;
}

.groupDetailTable td {
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #DDD;
}

.groupDetailTable td ul {
	padding: 0px;
	margin: 0px;
}

.groupDetailTable td ul li {
	margin: 0 0 2px 15px;
	list-style-type: decimal;
}

.groupDetailHeader {
	margin-left: 10px;
	font-size: 13px;
	background: #FFF;
	min-width: 100px;
}

.groupDetailItem {
	background: #F1F1F1;
	min-width: 320px;
}

/*Task List Table*/
.taskList_headerItemType {
	width: 100px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.taskList_headerItemDesc {
	width: 420px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.taskList_headerItemStatus {
	width: 174px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.taskList_listItemType {
	width: 100px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.taskList_listItemDesc {
	width: 420px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.taskList_listItemStatus {
	width: 174px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.taskIcon {
	float: left;
}

/*Groups Info Table*/
.groupInfo_headerItemName {
	width: 230px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.groupInfo_headerItemMail {
	width: 360px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.groupInfo_headerItemMembers {
	width: 104px;
	height: 30px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #555555;
	float: left;
}

.groupInfo_listItemName {
	width: 230px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.groupInfo_listItemMail {
	width: 360px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

.groupInfo_listItemMembers {
	width: 104px;
	height: 30px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	float: left;
}

/*********************************/
/******* Duo Account Popup *******/
/*********************************/
.duocontent {
	padding: 0px 25px;
}

.duocontent h3 {
	font-weight: normal;
	font-size: 17px;
	color: #0696D7;
	margin: 18px 0px 0px 0px;
}

.duocontent .duotext {
	font-size: 14px;
	margin: 13px 0px 0px 0px;
	clear: both;
}

.duocontent p {
	float: left;
	margin: 7px;
}

.duocontent input {
	float: left;
	margin: 3px 0px 16px 0px;
	width: 100px;
}

.duocontent .grey {
	margin: 2px;
}

.duocontent .primaryButton {
	float: right;
	clear: both;
	margin: 10px 0px;
	text-transform: uppercase;
}

.duocontent .duodevicesimage {
	background: url(../image/platforms.png);
	width: 214px;
	height: 40px;
	margin: 15px 0px 0px -2px;
}

.duocontent a.duolink, .duocontent a.duolink:active, .duocontent a.duolink:visited
	{
	color: #0696D7;
	text-decoration: underline;
}

.duocontent a.duolink:hover {
	text-decoration: none;
}

.duocontent div.grey {
	padding-bottom: 2px;
	background-color: #96989A;
	font-size: 14px;
	cursor: pointer;
	min-width: 100px;
	border: none;
	text-align: center;
	height: 25px;
	width: 100px;
	display: inline-block;
}

.duocontent div.grey a {
	color: white;
	line-height: 27px;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	text-decoration: none;
	display: block;
}

.duocontent .duomintext {
	margin: 6px;
	display: inline-block;
}

.duocontent .duohelptext {
	margin-top: 8px;
}

.duocontent .duoqr {
	background: #FFF;
	width: 225px;
	height: 225px;
	margin: 10px 0px;
}

/*Duo Pages*/
.stepName {
	float: left;
	color: #cccccc;
	font-size: 16px;
	margin-top: 4px;
}

.stepActive {
	color: #0696d7;
}

.stepArrow {
	background: url(../image/stepArrow.png) center center no-repeat;
	width: 18px;
	height: 24px;
	float: left;
}

.stepDuo {
	width: 18px;
	height: 24px;
	float: left;
	margin-right: 7px;
}

.step1 {
	background: url(../image/step1.png) center center no-repeat;
}

.step2 {
	background: url(../image/step2.png) center center no-repeat;
}

.step3 {
	background: url(../image/step3.png) center center no-repeat;
}

.step1active {
	background: url(../image/step1active.png) center center no-repeat;
}

.step2active {
	background: url(../image/step2active.png) center center no-repeat;
}

.step3active {
	background: url(../image/step3active.png) center center no-repeat;
}

.pageDescription {
	color: #777;
	font-size: 14px;
	margin-top: 22px;
	margin-bottom: 35px;
	width: 100%;
}

.pageDescription a.step2continue, .pageDescription a.step2continue:visited,
	.pageDescription a.step2continue:active {
	color: #0696d7;
}

.pageDescription img {
	float: left;
	display: block;
	margin-right: 10px;
	margin-top: -3px;
}

.pageDescription-gradient{
	color: #FFF;
	font-size: 14px;
	margin-top: 22px;
	margin-bottom: 35px;
	padding: 12px 90px 14px 45px;
}

.FAQpanel {
	padding-top: 48px;
}

@media (min-width: 1600px) {
	.FAQ-container{
		margin-top: -70px;
	}
}

@media (max-width: 767px) {
	.FAQ-container{
		margin-top: 50px;
	}
}

.successPanel {
	background: #f4f4f4;
	border-left: 3px solid #dddddd;
	padding: 10px 15px 25px 32px;
	margin-bottom: 20px;
}

.formPanel {
	background: #f4f4f4;
	border-left: 3px solid #dddddd;
	padding: 10px 15px 25px 32px;
	margin-bottom: 20px;
}

.formPanel h3 {
	font-size: 16px;
	margin: 18px 0 18px 0;
}

.formPanel h4 {
	font-size: 14px;
	margin: 18px 0 4px 0;
}

.formPanel .duotext, .formPanel p {
	font-size: 14px;
	margin: 8px 0;
}

.formPanel .cantscansubmit {
	background: #32bcad;
	padding: 6px;
	min-width: 80px;
	text-align: center;
	margin: 2px 0px 1px 15px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	height: 31px;
}

.formPanel .duotextparagraph {
	margin-top: 10px;
}

.formPanel select {
	height: 35px;
	margin: 3px 0 20px 0;
	padding: 5px;
}

.formPanel p {
	display: inline-block;
	color: #666666;
}

.formPanel input {
	height: 38px;
	margin: 3px 0;
}

.formPanel input#p-verify {
	margin: 0 5px 0 0;
}

.formPanel a {
	background: #32bcad;
	padding: 6px;
	min-width: 80px;
	display: inline-block;
	text-align: center;
	margin: 6px 0px 20px 0px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	height: 31px;
	line-height: 19px;
}

.formPanel a.duolink, .formPanel a.duolink:active, .formPanel a.duolink:visited
	{
	color: #0696D7;
	text-decoration: none;
	display: inline-block;
	text-transform: none;
	background: none;
	padding: 0;
	margin: 6px 0;
	font-size: 14px;
}

.formPanel a.dontHavePhone {
	margin-bottom: 15px;
}

.formPanel a.pclink, .formPanel a.pclink:visited {
	color: #666666;
	text-decoration: none;
	text-align: left;
	width: 80%;
	display: inline-block;
	text-transform: none;
	background: none;
	padding: 0;
	margin: 0;
	border: 3px;
	border-style: solid;
	border-color: #BCBCBC;
	height: auto;
}

.formPanel a.pclink.pcselected {
	border-color: #32bcad;
}

.formPanel img {
	display: block;
	float: left;
	margin-right: 10px;
}

.formPanel a.duolink:hover {
	text-decoration: underline;
}

.formPanel a.duomintext {
	margin: 6px 0;
	display: inline-block;
}

.formPanel .duodevicesimage {
	background: url(../image/platforms.png);
	width: 214px;
	height: 40px;
	margin: 15px 0px 0px -2px;
}

.formPanel .duohelptext {
	margin-top: 4px;
	font-size: 11px;
}

.formPanel .duoqr {
	background: #FFF;
	width: 225px;
	height: 225px;
	margin: 10px 0px;
}

.pageContentArea .contentbutton {
	border-left: 3px solid transparent;
	text-align: right;
}

.pageContentArea#step-success{
	display:none;
}

.pageContentArea .contentbutton input, .pageContentArea .contentbutton button
	{
	background-color: #0696D7;
	border: none;
	font-size: 12px;
	color: white;
	height: 36px;
	width: 150px;
	cursor: pointer;
	line-height: 35px;
	text-transform: uppercase;
}

.pageContentArea .contentbutton input:hover {
	background-color: #0587C2;
}

.duoErrorPanel {
	width: 90%;
	padding: 3px 14px 3px 33px;
	border-left: 3px solid #a11919;
	color: #fff;
	background: url(../image/messageError.png) 6px center no-repeat #dd2222;
	line-height: 22px;
}

.noFAQ .FAQpanel {
	display: none;
}

.noFAQ {
	width: 850px;
	margin: auto;
}

.paraSpace {
	height: 30px;
}

.messagesenticon {
	width: 100%;
	height: 20px;
}

.messagesenticon div {
	float: left;
	background: url(../image/messagesent.png);
	height: 20px;
	width: 49px;
}

.messagesenticon p {
	float: left;
	margin: 0px 10px;
	line-height: 21px;
}

.duo-confirm-delete-container {
	display: none;
	color: #fff;
	height: 32px;
	margin-top: 5px;
	line-height: 32px;
}

.duo-btn-confirm {
	width: 110px;
	display: inline-block;
	background: #32BCAD;
	text-align: center;
	cursor: pointer;
}

.duo-btn-cancel {
	width: 110px;
	display: inline-block;
	background: #808080;
	text-align: center;
	cursor: pointer;
}

/*****************************/
/******** Email Lists ********/
/*****************************/
.create-list-row {
	margin-bottom: 1em;
}

.create-list-row-form {
	display: none;
	margin: 0 -7px;
}

.create-list-row-form div {
	padding: 0 7.5px;
}

#emailListTableRows, #belongToListTableRows {
	border-bottom: 1px solid #e6e6e6;
}

.emaillist-table-header {
	background: #1858a8;
	font-size: 15px;
	padding: 0.9em 0;
	color: #FFFFFF;
}

.emaillist-item-details {
	padding: 0.7em 0;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	border-bottom: none;
	padding-bottom: 7px;
	padding-top: 9px;
}
.emaillist-item-details.process{
	color: #BBBBBB;
}

/*.emaillist-item-name-disabled {*/
	/*color: Grey;*/
/*}*/

.emaillist-item-details .emaillist-item-name {
	color: #0696D7;
}

.emaillist-item-name .emaillist-item-name-text {
	display: inline-block;
	margin-bottom: -4px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 84%;
}

/*Disabling text link for list I belong to lists*/
.emaillist-item-name-text-disabled {
	display: inline-block;
	margin-bottom: -4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 84%;
}


.emaillist-item-details .emaillist-item-name-create {
	color: #333333;
}

.emaillist-item-create-name .emaillist-item-name-create-text {
	display: inline-block;
	margin-bottom: -4px;
	cursor: default;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 84%;
}

.emaillist-item-details .emaillist-item-email {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.emaillist-table-row .member-list {
	display: none;
	background: #f5f5f5;
	padding: 0.5em;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	z-index: 5;
}

.member-list-wrap {
	max-height: 200px;
	overflow-y: auto;
}

.emaillist-table-row .add-member-toolbar {
	display: none;
	padding: 6px 3px;
	background-color: #ccc;
}

.emaillist-table-row .add-member-toolbar div {
	padding: 0 4px;
}

.emaillist-table-row .delete-member-toolbar {
	display: none;
	padding: 6px 3px;
	background-color: #ccc;
}

.emaillist-table-row .delete-member-toolbar div {
	padding: 0 4px;
}

.emaillist-table-row .member-list-entry label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 75%;
}

.email-add-cont {
	position: relative;
}

.email-add-category {
	position: absolute;
	background: #0587C2;
	width: 15px;
	height: 100%;
	right: 4px;
	cursor: pointer;
}

.emaillist-table-row .add-member-toolbar div.expand-arrow {
	color: #fff;
	font-size: 9px;
	margin-left: -5px;
	margin-top: 9px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	padding: 0;
	width: 9px;
	height: 10px;
	margin: 8px -1px;
}

.emaillist-table-row .add-member-toolbar div.expand-arrow.open {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.email-check-category {
	height: 62px;
	position: absolute;
	background: #0587C2;
	top: 27px;
	right: 4px;
	min-width: 160px;
	z-index: 10;
}

.email-check-category.three {
	height: 92px;
}

.email-check-category li {
	height: 28px;
}

.email-check-category.two li.last {
	display: none;
}

.email-check-category ul {
	list-style: none;
	padding: 7px;
	font-size: 15px;
	color: #fff;
}

.email-check-category ul li label {
	font-weight: normal;
}

.member-list-entry label.selectedMember {
	color: #ff0000;
}

.member-list-entry input {
	margin: 5px 0px;
	display: block;
	float: left;
}

.emaillist-table-row .member-list-entry label {
	font-weight: normal;
	margin: 5px;
	display: block;
	float: left;
}

.emaillist-table-row div.expand-row {
	color: #bbb;
	display: inline-block;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	cursor: pointer;
	margin-left: -3px;
	margin-right: 3px;
	font-size: 9px;
}

.emaillist-table-row div.expand-row.collapsed {
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.emaillist-item-details.process .expand-row.collapsed {
	cursor: default;
}

.emaillist-table-row div.expand-row.expanded {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.emaillist-row-actions div {
	display: inline-block;
	cursor: pointer;
}

.email-table-tab-cont {
	overflow: hidden;
	height: 40px;
}

.email-table-tab {
	width: 115px;
	height: 40px;
	float: left;
	background: #1858a8;
	color: #FFF;
	font-size: 15px;
	padding: 12px;
	text-align: center;
	opacity: 0.5;
	border-top: 3px solid #fff;
	cursor: pointer;
}

.no-members-list span {
	padding: 0 8px;
	font-size: 14px;
	color: #999;
}

.tab-selected {
	opacity: 1;
	border-top: none;
}

.email-table-tab:hover {
	opacity: 0.4;
}

.email-table-tab.tab-selected:hover {
	opacity: 0.9;
}

.list-title {
	font-size: 16px;
	color: #888;
	margin: 12px 15px 0 15px;
	display: block;
}

.separator {
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 25px;
}

.nav-emailmydesk>.active>a, .nav-emailmydesk>.active>a:hover,
	.nav-emailmydesk>.active>a:focus {
	color: #666666;
	background-color: #f4f4f4;
}

.section-area {
	position: relative;
}

.emaillistscontent {
	float: left;
	width: 100%;
}

.emaillistscontent ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.emaillistscontent li {
	background: #eaeaea;
	cursor: pointer;
}

.emaillistscontent li.listSelected .email-content-info {
	background: url(../image/emailLists/selectedArrow.png) center right
		no-repeat #dddddd;
}

.emaillistscontent li.listChecked .email-content-info {
	background: url(../image/emailLists/selectedArrowDark.png) center right
		no-repeat #dddddd;
}

.emaillistscontent li input {
	margin: 22px;
	float: left;
}

.emaillistscontent .item {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.emaillistscontent .emailitemtitle {
	font-size: 15px;
	color: #444;
	padding-top: 15px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 6px;
	margin-right: 8px;
	min-width: 126px;
	white-space: nowrap;
}

.emaillistscontent li .email-content-input {
	width: 56px;
	float: left;
	border-right: 1px solid #f5f5f5;
}

.emaillistscontent li .email-content-info {
	margin-left: 56px;
	width: auto;
}

.emaillistscontent li .email-content-info:hover {
	background: #e5e5e5;
}

.emaillistscontent li.listSelected .email-content-info:hover {
	background: url(../image/emailLists/selectedArrow.png) center right
		no-repeat #e5e5e5;
}

.emaillistscontent li.listChecked .email-content-info:hover {
	background: url(../image/emailLists/selectedArrowDark.png) center right
		no-repeat #e5e5e5;
}

.emaillistscontent .emailitemmail {
	display: block;
	padding-bottom: 10px;
	/**/
	min-width: 134px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 6px;
}

.emaillistdetail {
	float: left;
	width: 100%;
	overflow: auto;
}

/*.emaillistdetail::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #F5F5F5;
}

.emaillistdetail::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122
		, 153, 217)), color-stop(0.72, rgb(73, 125, 189)),
		color-stop(0.86, rgb(28, 58, 148)));
}

.emaillistdetail::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}*/
.emaillistdetail .item {
	margin: 10px 0px 10px 15px;
	height: 25px;
}

.emaillistdetail .item input {
	margin: 6px;
	float: left;
}

.emaillistdetail .item span {
	font-size: 14px;
	line-height: 25px;
}

.emaillistdetail .itemtitle {
	font-size: 12px;
	margin: 7px 0 3px 0;
}

.email-actions-row {
	height: 60px;
	width: auto;
	background: #0696d7;
	border-bottom: 2px solid #DADADA;
}

.email-add-list, .email-delete-list, .email-add-members,
	.email-delete-member {
	min-height: 60px;
	width: auto;
	background: #f5f5f5;
	border-bottom: 2px solid #DADADA;
	padding: 6px 16px 15px 16px;
	overflow: hidden;
}

.email-delete-list {
	padding: 17px 16px 13px 16px;
}

.email-delete-member {
	padding: 17px 16px 13px 16px;
	text-align: right;
}

.email-add-input {
	height: 27px;
	/* margin-right: 5px; */
	margin-top: 0;
	padding: 5px 5px;
	font-size: 12px;
}

#dist-add-email-input {
	background: #eee;
	border: 1px solid #e2e2e2;
}

.email-btn-add {
	/*background: url('../image/emailLists/add-mail.png') no-repeat center;*/
	background-color: #0696D7;
	background-size: 32px 14px;
	border: none;
	font-size: 12px;
	color: white;
	height: 27px;
	float: right;
	cursor: pointer;
	text-transform: uppercase;
}

@media email-btn-add and (max-width: 300px) {
	.button-text {
		display: none;
	}
}

.email-btn-add.email-btn-add-member {
	/*background: #0696D7 url('../image/emailLists/add-member.png') no-repeat center;*/
}

.emaillist-item-removepad {
	padding: 0;
}

.emaillist-item-details .emaillist-item-removepad .tooltip,
	#emailListTableHeader .tooltip {
	width: 200px;
}

.email-btn-list-delete {
	background: url('../image/emailLists/delete-line.png') no-repeat 75%;
	background-size: 14px;
	height: 14px;
	cursor: pointer;
	display: inline-block;
	width: 14px;
    margin-right: 3px;
}

.email-btn-list-restricted {
	background: url('../image/emailLists/locked-line.png') no-repeat 75%;
	background-size: 10px;
	height: 14px;
	display: inline-block;
	width: 12px;
	margin-right: 3px;
}

.email-btn-remove-restricted {
    background: url('../image/emailLists/locked-line.png') no-repeat 75%;
    background-size: 10px;
    height: 14px;
    display: inline-block;
    width: 12px;
    margin-right: 4px;
}

.email-btn-list-loading {
	background: url('../image/loader-sm.svg') no-repeat 75%;
    background-size: 18px;
    height: 14px;
    display: inline-block;
    width: 15px;
    margin-right: 0px;
}

.email-btn-list-loading-remove {
	background: url('../image/loader-red-sm.svg') no-repeat 75%;
    background-size: 18px;
    height: 14px;
    display: inline-block;
    width: 15px;
    margin-right: 0px;
}

.member-add-loading {
	background: url('../image/loader-sm.svg') no-repeat 60%;
    background-size: 18px;
    height: 14px;
    display: inline-block;
    width: 14px;
    float: left;
}

.member-remove-loading {
	background: url('../image/loader-red-sm.svg') no-repeat 60%;
    background-size: 18px;
    height: 14px;
    display: inline-block;
    width: 14px;
    float: left;
}

.email-btn-list-space {
	height: 14px;
	display: inline-block;
	width: 12px;
	margin-right: 3px;
}

.email-btn-confirm-delete {
	display: none;
	background: #ED441A;
	color: white;
	width: 100px;
	text-align: center;
	margin: -10px 0 0 0px;
	line-height: 35px;
	position: absolute;
	left: 0;
	cursor: pointer;
	z-index: 2;
}

.email-btn-cancel-delete {
	background: url('../image/emailLists/cancel.png') no-repeat center;
	background-size: 11px 11px;
	display: none;
	width: 70%;
	font-size: 20px;
	text-align: center;
	background-color: #808080;
	margin-top: -10px;
	height: 35px;
	line-height: 35px;
	color: white;
	position: absolute;
	right: -1px;
	cursor: pointer;
}

.email-btn-delete {
	background-color: #ED441A;
	border: none;
	font-size: 12px;
	color: white;
	height: 27px;
	/* width: 100px; */
	float: left;
	cursor: pointer;
	text-transform: uppercase;
	/* margin-right: 5px; */
}

.email-btn-delete.email-btn-member-delete {
	/*background: #ED441A url('../image/emailLists/delete-member.png') no-repeat center;*/
}

.email-btn-add:hover, .email-btn-del:hover {
	background-color: #0587C2;
}

.email-btn-check {
	/*background: url('../image/emailLists/check-member.png') no-repeat center;*/
	background-color: #32bcad;
	border: none;
	font-size: 12px;
	color: white;
	height: 27px;
	/* width: 100px; */
	/* float: left; */
	cursor: pointer;
	text-transform: uppercase;
	/* margin-right: 5px; */
}

.email-btn-cancel {
	/*background: url('../image/emailLists/cancel.png') no-repeat center;*/
	background-color: #808080;
	background-size: 11px 11px;
	border: none;
	font-size: 12px;
	color: white;
	height: 27px;
	/* width: 80px; */
	/* float: left; */
	cursor: pointer;
	/* text-transform: uppercase; */
}

.email-btn-cancel:hover, .email-btn-del-cancel:hover {
	background-color: #77787B;
}

.email-btn-del {
	background-color: #0696D7;
	border: none;
	font-size: 11px;
	color: white;
	height: 26px;
	width: 115px;
	cursor: pointer;
	text-transform: uppercase;
	margin-right: 5px;
}

.email-btn-del-cancel {
	background-color: #808080;
	border: none;
	font-size: 11px;
	color: white;
	height: 26px;
	width: 95px;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
}

.email-btn-add-disabled, .email-btn-add-disabled:hover {
	opacity: 0.5;
}

.email-add-list-backdrop {
	position: absolute;
	background: #000;
	opacity: .2;
	width: 100%;
	bottom: 0;
	top: -2px;
	z-index: 1000;
}

.email-delete-list-backdrop {
	top: 40px;
	right: 0;
	width: 50%;
}

.email-confirm-backdrop {
	top: -60px;
}

.email-action {
	width: 50%;
	height: 60px;
	float: left;
}

.email-action:hover {
	background: #0587C2;
	cursor: pointer;
	border-bottom: 2px solid #DADADA;
}

.email-action .actionContainer {
	width: 170px;
	margin: 10px auto;
	height: 40px;
}

.email-action .actionContainer div {
	width: 45px;
	height: 40px;
	float: left;
}

.email-action .actionContainer p {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 10px;
	font-size: 12px;
	line-height: 40px;
}

.addNewList .actionContainer div {
	background: url(../image/emailLists/addNewList.png) center center
		no-repeat;
}

.addNewMember .actionContainer div {
	background: url(../image/emailLists/addNewMember.png) center center
		no-repeat;
}

.columnHeader {
	height: 40px;
	color: #1858A8;
	width: 50%;
	float: left;
	line-height: 55px;
	border-bottom: 1px solid #1858A8;
	font-size: 14px;
}

.columnHeader span {
	margin-left: 5px;
}

.email-column {
	float: left;
	width: 50%;
	height: 500px;
	overflow: auto;
}

.column-lists {
	background-color: #ececec;
}

.column-members {
	background-color: #f5f5f5;
}

.list-col-container {
	clear: both;
	/*height: 500px;*/
	overflow: auto;
}

.list-col-container.no-lists {
	background: url(../image/emailLists/noLists.png) center 35% no-repeat
		#f5f5f5;
}

.list-col-container.no-lists .column-lists, .list-col-container.no-lists .column-members
	{
	background: none;
}

.no-lists-text {
	text-align: center;
	height: 50px;
	font-size: 14px;
	color: #999999;
	top: 65%;
	position: absolute;
	width: 100%;
}

.no-members-text {
	text-align: center;
	height: 50px;
	font-size: 14px;
	color: #999999;
	top: 40%;
	position: absolute;
	width: 100%;
}

.no-lists-text p, .no-members-text p {
	margin: 0px;
}

.column-members.no-members {
	background: url(../image/emailLists/noMembers.png) center 20% no-repeat
		#f5f5f5;
	position: relative;
}

.email-empty {
	height: 150px;
	background: #efefef;
	text-align: center;
	line-height: 150px;
	font-size: 18px;
	color: #999;
}

.description-edit-icon{
	background: url(../image/emailLists/desc-edit.png) center center no-repeat;
	display: block;
    width: 25px;
    height: 25px;
    float: left;
    cursor: pointer;	
}

.description-edit-icon:hover{
	background: url(../image/emailLists/desc-edit-h.png) center center no-repeat;
}

.description-edit-text{
	float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-right: 15px;
}
.member-list .process{
	color: #BBBBBB;
}

.description-edit-input{
	height: 25px;
	font-size: 12px;
	float: left;
    width: 100%;
    margin-bottom: 6px;
}

.description-edit-btn{
	height: 25px;
    display: block;
    width: 100px;
    text-align: center;
    float: right;
    font-size: 12px;
    margin-left: 6px;
}

a.description-edit-btn:hover{
	text-decoration: none;
	color: #fff;
}

.show-more-link a{
	display: inline-block;
    height: 35px;
    width: 100%;
    text-align: center;
    line-height: 35px;
    background-color: #efefef;
    color: #0696d7;
    cursor: pointer;
}
    

/******** Email list Details ********/
.details-panel {
	position: fixed;
	top: 76px;
	right: 0;
	bottom: 20px;
	width: 50%;
	background: #f5f5f5;
	box-shadow: 0px 6px 25px rgba(50, 50, 50, 0.4);
	padding: 15px 20px 50px 20px;
}

.details-panel .info-table {
	position: absolute;
	width: 100%;
	top: 40px;
}

.details-panel .info-list {
	height: 100%;
	padding-top: 125px;
}

.details-panel .info-member-cont {
	position: relative;
	max-height: 50%;
	overflow: auto;
}

.details-panel .info-coowner-cont {
	position: relative;
	max-height: 25%;
	height: 100%;
}

.details-panel .info-senders-cont {
	position: relative;
	max-height: 25%;
	height: 100%;
}

.details-panel .emaillist-table-header.row {
	margin: 0;
}

.details-panel .row {
	margin: 0;
}

.details-panel .emaillist-table-row {
	height: 100%;
	position: relative;
}

.details-panel .emaillist-table-row .member-details-list {
	background: #f5f5f5;
	padding: 0.5em 0;
	border-left: none;
	border-right: none;
	z-index: 5;
}

.details-panel .info-member-title {
	width: 43%;
	position: fixed;
}

.details-panel .info-member-name {
	height: 100%;
}

.details-panel .member-list-wrap {
	height: 100%;
	padding-top: 42px;
	max-height: none;
}

.details-panel .emaillist-item-details {
	background: #FFFFFF;
	border: 1px solid #e6e6e6;
}

.details-panel #emailListTableRows {
	border-bottom: none;
	height: 100%;
}

.details-panel .results-table {
	overflow-y: scroll;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 20px;
}

.details-panel .table-name {
	float: left;
	font-size: 20px;
}

.details-panel .close-panel {
	background: url(../image/emailLists/close-panel.png) no-repeat center
		center;
}

.details-panel .expand-panel {
	background: url(../image/emailLists/expand-panel.png) no-repeat center
		center;
}

.details-panel .panel-icon {
	height: 20px;
	width: 20px;
	cursor: pointer;
	z-index: 10;
	position: absolute;
	right: 20px;
}

.details-panel .panel-icon:hover {
	opacity: 0.5;
}

.results-table {
	margin: 1em 2em 0 2em;
	padding: 1.5em;
	background-color: #eee;
}

.results-table .table-name {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	float: left;
}

.results-table .table-name .table-title {
	margin-right: 0.5em;
}

.results-table table {
	clear: both;
	width: 100%;
}

.results-table th {
	text-align: left;
	height: 45px;
	background-color: #1858A8;
	color: #FFF;
	font-weight: normal;
	line-height: 45px;
}

.results-table tbody tr {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.results-table tbody td {
	line-height: 30px;
}

.results-table tr td div, .results-table tr td a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/*********************************/
/********* PC Request ************/
/*********************************/
.p-pcrequestcontainer #p-pc_request_form .formPanel {
	padding: 0;
}

.p-pcrequestcontainer #p-pc_request_form .formPanel:nth-child(2) {
	border-left: 3px solid #ffffff;
}

.p-pcrequestcontainer #p-pc_request_form hr {
	width: 100%;
	height: 15px;
}

.p-pcrequestcontainer .laptopIcon {
	height: 120px;
	background: url(../image/pcRequest/laptop.png) center center no-repeat;
}

.p-pcrequestcontainer .desktopIcon {
	height: 120px;
	background: url(../image/pcRequest/desktop.png) center center no-repeat;
}

.p-pcrequestcontainer p.pc-options-text {
	margin-top: 20px;
	padding: 0px;
}

.p-pcrequestcontainer .eligible-not-hub, .p-pcrequestcontainer .eligible-hub
	{
	overflow: hidden;
}

.p-pcrequestcontainer .not-eligible-yet p.pc-options-text {
	margin-top: 35px;
}

.p-pcrequestcontainer .not-eligible p.pc-options-text {
	margin-top: 5px;
}

.p-pcrequestcontainer a.primaryButton {
	background: #0696d7;
}

.p-pcrequestcontainer a.primaryButton, .p-pcrequestcontainer a.secondaryButton,
	.p-pcrequestcontainer input.primaryButton, .p-pcrequestcontainer input.secondaryButton
	{
	height: 30px;
	font-size: 12px;
	padding: 0px 10px;
	text-align: center;
	margin: 0;
	line-height: 30px;
	display: inline-block;
}

.p-pcrequestcontainer a.primaryButton:hover, .p-pcrequestcontainer a.secondaryButton:hover
	{
	text-decoration: none;
	color: #FFFFFF;
}

.p-pcrequestcontainer a.primaryButton:hover {
	background-color: #0587C2;
}

.p-pcrequestcontainer .pageContentArea .subtitle {
	margin-bottom: 5px;
	margin-top: 30px;
}

.p-pcrequestcontainer .pageContentArea .pageDescription {
	margin-top: 0px;
	margin-bottom: 30px;
}

.p-pcrequestcontainer .pageContentArea input[type="text"] {
	height: 30px;
	width: 95%;
	margin: 0 10px 10px 0px;
}

.p-pcrequestcontainer .formPanel {
	position: relative;
}

.p-pcrequestcontainer .begin-process .formPanel {
	position: relative;
	overflow: hidden;
	padding: 10px;
}

.p-pcrequestcontainer a.begin-process-btn {
	margin-bottom: 20px;
}

.p-pcrequestcontainer input.laptopType {
	height: auto;
	margin: 2px 10px;
	float: left;
}

.p-pcrequestcontainer .laptopTypeText {
	font-size: 14px;
	float: left;
	margin-top: 1px;
}

.p-pcrequestcontainer .order-options {
	display: inline-block;
	width: 100%;
}

.p-pcrequestcontainer .laptop-images {
	background: #FFF;
	width: 100%;
	left: 0px;
	position: absolute;
	margin: 10px 0 0 0;
	padding: 30px 16px;
}

.p-pcrequestcontainer .laptop-img {
	height: 120px;
}

.laptop-pc-container, .laptop-mac-container {
	overflow: hidden;
}

.b-laptop-pc-container .laptop-img {
	background: url(../image/pcRequest/b-laptop-pc.png) left center
		no-repeat;
}

.b-laptop-mac-container .laptop-img {
	background: url(../image/pcRequest/b-laptop-mac.png) left center
		no-repeat;
}

.b-laptop-lenovo-container .laptop-img {
	background: url(../image/pcRequest/b-laptop-lenovo.png) left center
		no-repeat;
}

.t-laptop-pc-container .laptop-img {
	background: url(../image/pcRequest/t-laptop-pc.png) left center
		no-repeat;
}

.t-laptop-mac-container .laptop-img {
	background: url(../image/pcRequest/t-laptop-mac.png) left center
		no-repeat;
}

.t-laptop-lenovo-container .laptop-img {
	background: url(../image/pcRequest/t-laptop-lenovo.png) left center
		no-repeat;
}

.p-pcrequestcontainer .laptop-images h3 {
	margin-bottom: 0px;
}

.p-pcrequestcontainer .laptop-images .primaryButton {
	margin-left: 0px;
	min-width: 150px;
}

.p-pcrequestcontainer .computer-name {
	max-width: 300px;
}

.p-pcrequestcontainer .laptop-specs {
	width: 100%;
	margin-top: 345px;
	padding-bottom: 20px;
}

.p-pcrequestcontainer .laptop-specs h3 {
	border-bottom: 1px solid #ddd;
	color: #1858A8;
	margin-top: 65px;
}

.p-pcrequestcontainer .laptop-specs .specs {
	margin: 0px 15px 0px -15px;
}

.p-pcrequestcontainer .pageContentArea input.pcrequest-detail-input {
	width: 95%;
	margin-bottom: 30px;
}

.p-pcrequestcontainer .pcrequest-detail-textarea {
	width: 95%;
	resize: none;
	border: 1px solid #d0d0d5;
}

.p-pcrequestcontainer .appDetailsCont {
	border-left: 3px solid #1858A8;
	width: 100%;
	margin: 0 0 40px 0;
	overflow: hidden;
}

.p-pcrequestcontainer .appDetailsCont-header {
	background: #f4f4f4;
	padding: 15px 0px 13px 0;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #e4e4e4;
}

.p-pcrequestcontainer .app-accessories-header {
	margin-bottom: 10px;
}

.p-pcrequestcontainer .appDetailsCont-header h3 {
	font-size: 18px;
}

.p-pcrequestcontainer .b-pcrequest-DetailIcon-0 {
	background: url(../image/pcRequest/b-laptop-pc.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .b-pcrequest-DetailIcon-1 {
	background: url(../image/pcRequest/b-laptop-mac.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .b-pcrequest-DetailIcon-2 {
	background: url(../image/pcRequest/b-laptop-lenovo.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .t-pcrequest-DetailIcon-0 {
	background: url(../image/pcRequest/t-laptop-pc.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .t-pcrequest-DetailIcon-1 {
	background: url(../image/pcRequest/t-laptop-mac.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .t-pcrequest-DetailIcon-2 {
	background: url(../image/pcRequest/t-laptop-lenovo.png) center center
		no-repeat;
	height: 80px;
	margin-bottom: 25px;
}

.p-pcrequestcontainer .pcrequest-DetailsData {
	padding: 0px 25px 15px 25px;
	width: 100%;
}

.p-pcrequestcontainer .pcrequest-DetailsData .title {
	color: #1858A8;
	text-transform: uppercase;
	font-size: 14px;
}

.p-pcrequestcontainer .pcrequest-success-container {
	margin-bottom: 30px;
}

.p-pcrequestcontainer .pcrequest-success-container h4 {
	font-size: 17px;
	font-weight: bold;
	color: #1858A8;
	margin-top: 25px;
}

.p-pcrequestcontainer .pcrequest-success-container p {
	font-size: 14px;
}

.p-pcrequestcontainer a.link {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 20px;
	background: none;
	padding: 0;
	color: #0696d7;
	display: inline;
}

.p-pcrequestcontainer .eligible-date {
	color: #1858A8;
	font-size: 25px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.p-pcrequestcontainer .eligible {
	color: #D63E18;
	font-size: 25px;
	margin: 28px 0 0 0;
	display: inline-block;
	padding: 0;
}

.p-pcrequestcontainer .feedback-message {
	margin-top: 10px;
}

.p-pcrequestcontainer .feedback-message .feedback-icon {
	height: 25px;
	width: 25px;
	float: left;
	margin-right: 10px;
}

.p-pcrequestcontainer .feedback-message p {
	float: left;
	font-size: 15px;
	line-height: 25px;
}

.p-pcrequestcontainer .feedback-success .feedback-icon {
	background: url(../image/pcRequest/success.png);
}

.p-pcrequestcontainer .feedback-success p {
	color: #7AA93A;
}

.p-pcrequestcontainer .feedback-error .feedback-icon {
	background: url(../image/pcRequest/error.png);
}

.p-pcrequestcontainer .feedback-error p {
	color: #CF2900;
}

.p-pcrequestcontainer .feedback-warning .feedback-icon {
	background: url(../image/pcRequest/warning.png);
}

.p-pcrequestcontainer .feedback-warning p {
	color: #D4AA00;
}

.p-pcrequestcontainer .not-eligible-text {
	color: #777;
	font-size: 13px;
	margin-bottom: 30px;
}

.alert-computer-allowance {
	margin-top: 28px;
}

.teammate-place-order {
	margin-top: 10px;
}

.teammate-view-ariba a.link {
	margin: 0;
}

.pcrequest-watchers {
	width: 95%;
}

.pcrequest-watchers .bootstrap-tagsinput {
	width: 95%;
	padding: 0 5px;
	max-width: none;
	min-width: inherit;
	overflow: hidden;
}

.pcrequest-watchers .bootstrap-tagsinput input[type="text"] {
	margin-bottom: 0;
	width: 95%;
}

.emaillist-table-row .bootstrap-tagsinput input[type="text"] {
	height: 24px;
	width: 95% !important;
	margin-left: 1px;
}

.p-pcrequestcontainer .pcrequest-accessories {
	margin: 0px auto 15px auto;
	width: 93%;
}

.p-pcrequestcontainer .pcrequest-accessories .title {
	color: #1858A8;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
	padding: 30px 10px 10px 10px;
}

.p-pcrequestcontainer .pcrequest-accessories .data {
	font-size: 14px;
	height: 20px;
	padding: 6px 10px;
	width: 92%;
}

.p-pcrequestcontainer .pcrequest-accessories tr {
	background: #eee;
}

.p-pcrequestcontainer .pcrequest-accessories tr:nth-child(2n) {
	background: #f5f5f5;
}

.p-pcrequestcontainer .pcrequest-accessories tr.table-header {
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.p-pcrequestcontainer .pcrequest-accessories td:nth-child(2n-1) {
	width: 65%;
}

/*********************************/
/******** Loading Gif ************/
/*********************************/

.loadingOverlay {
	z-index: 1000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.6);
}

.loadingGif {
	background: url(../image/loadingBar.gif);
	position: absolute;
	width: 220px;
	height: 19px;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -110px;
}

.loading-gif {
	background: url(../image/blue_spinner.gif) no-repeat center;
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 20px;
}

.loading-table {
	display: table;
	width: 100%;
	height: 100%;
}

.loading-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.loading-box {
	overflow: hidden;
	display: inline-block;
	box-shadow: 0px 0px 180px 38px #fff;
	background: rgba(255, 255, 255, 0.75);
	padding: 10px;
}

.loading-text {
	float: left;
	text-align: left;
	max-width: 300px;
}

#loading-title {
	color: #1858A8;
	font-size: 30px;
	margin-top: 60px;
}

#loading-subtitle {
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

#loading-desc {
	color: #999;
	display: block;
	font-size: 15px;
}

.overlay-block {
	display: none;
	z-index: 999999;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, 0.8);
}
.overlay-block .loading-box {
	background: none;
	box-shadow: none;
}

#loading-feedback{
    width: 350px;
}

#loading-feedback .feedback-textfield{
	height: 35px;
    margin: 4px 0px 10px 0px;
    width: 100%;
}

#loading-feedback .primaryButton, #loading-feedback .tertiaryButton{
	height: 31px;
    width: 130px;
}

#loading-feedback textarea.feedback-textfield{
	resize: none;
	border: 1px solid #d0d0d5;
    height: 100px;
}

/*********************************/
/******** Give Feedback **********/
/*********************************/

.give-feedback *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.give-feedback{
	background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
}

.give-feedback .clear{
	clear: both;
}

.give-feedback .give-feedback-popup{
	background: #FFF;
	padding: 30px;
    width: 440px;
    min-height: 375px;
    display: flex;
    align-items: center;
    transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

.give-feedback .give-feedback-popup.show-success{
	min-height: 180px;
}

.give-feedback .feedback-title{
	color: #1858A8;
    font-size: 30px;
    font-weight: normal;
    margin-top: 0px;
    line-height: 25px;
}

.give-feedback .feedback-description{
	font-size: 14px;
    margin-bottom: 20px;
}

.give-feedback .feedback-form, .give-feedback .feedback-success{
	padding: 0;
    opacity: 1;
    transition: all 2s ease;
	-moz-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

.give-feedback .feedback-form.hide-form, .give-feedback .feedback-success.hide-form{
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
}

.give-feedback .feedback-form-inputs{
	padding: 0;
    margin-bottom: 10px;
}

.give-feedback .feedback-input input{
	margin: 4px 0px 10px 0px;
	border: 1px solid #d0d0d5;
	padding: 8px 5px 5px 5px  
    font-size: 14px;
    color: #666666;
    outline: none;
    height: 35px;
    width: 100%;
}

.give-feedback .feedback-input textarea{
	resize: none;
    border: 1px solid #d0d0d5;
    height: 100px;
    margin: 4px 0px 10px 0px;
    padding: 5px;
    font-size: 14px;
    color: #666666;
    outline: none;
    height: 100px;
    width: 100%;
}

.give-feedback .feedback-label{
	font-size: 14px;
	color: #1858a8;
	text-transform: uppercase;
}

.give-feedback .primaryButton, .give-feedback .secondaryButton {
	height: 31px;
    width: 95%;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 10px;
    -webkit-appearance: button;
    cursor: pointer;
    color: white;
    min-width: 100px;
    border: none;
    line-height: 24px;
    margin: 0px;
    outline: none;
}

.give-feedback .feedback-buttons, .give-feedback .feedback-buttons-item{
	display: flex;
	-webkit-flex-flow: row wrap;
  	flex-flow: row wrap;
}

.give-feedback .feedback-buttons-item{
	flex-grow: 1;
	min-width: 135px;
}

.give-feedback .feedback-button-left{
	justify-content: flex-start;
}

.give-feedback .feedback-button-right{
	justify-content: flex-end
}

.give-feedback .primaryButton{
	background: #0696d7;	
}

.give-feedback .primaryButton:hover{
	background: #0587C2;
}

.give-feedback .secondaryButton{
	background: #808080;
}

.give-feedback .secondaryButton:hover{
	background: #77787B;
}

.give-feedback .feedback-success .secondaryButton{
	width: 100%;
}

.give-feedback.cursor-disabled .feedback-textfield{
	background: #eee;
    cursor: not-allowed;
}

.give-feedback.cursor-disabled .primaryButton, .give-feedback.cursor-disabled .secondaryButton{
	opacity: 0.5;
    cursor: not-allowed;
}

.give-feedback.cursor-disabled .primaryButton:hover{
	color: #0696d7;
}

.give-feedback.cursor-disabled .secondaryButton:hover{
	color: #808080;
}

.give-feedback .feedback-input-error-text{
	color: #E20000;
    padding: 0.2em 0;
    font-size: 13px;
}

.give-feedback .feedback-input input.feedback-input-error, 
.give-feedback .feedback-input textarea.feedback-input-error{
	border: 1px solid #E20000;
    background-color: #FFF0F0;
}

.give-feedback .stars-rating {
    margin-bottom: 15px;
    text-align: center;
    unicode-bidi: bidi-override;
  	direction: rtl;
}

.give-feedback .star-element{
	font-size: 45px;
    line-height: 55px;
    width: 55px;
    height: 45px;
    cursor: pointer;
    color: #AAA;
    display: inline-block;  	
    margin: 0px -3px;
    transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.give-feedback .stars-rating > .star-element:hover,
.give-feedback .stars-rating > .star-element:hover ~ .star-element {
	color: #FFD911;
}

.give-feedback .star-element.star-selected{
	color: #FFBB11;
}

@media (max-width:329px){
	.give-feedback .primaryButton, .give-feedback .secondaryButton {
		width: 100%;
    	margin-top: 5px;
	}
}

/*********************************/
/************ Captcha ************/
/*********************************/
.captchaCont {
	margin: 29px 0 10px 0;
	width: 100%;
	height: 70px;
}

.resetcaptchalink {
	color: #DDDDDD;
	float: left;
}

.captchaImageDiv {
	height: 70px;
	float: left;
}

.imagecaptcha {
	width: 100%;
	border: 1px solid #d0d0d5;
}

.captchaReset {
	width: 100%;
	height: 68px;
	background: url("../image/refreshCaptcha.png") center center no-repeat;
	background-color: #666666;
	float: left;
}

.captchaReset:hover {
	opacity: 0.7;
}

/*********************************/
/********** Track Page ***********/
/*********************************/
.banner-icon-info {
	width: 22px;
	height: 22px;
	background: url("../image/banner/information.png") center center
		no-repeat;
	display: inline-block;
	margin-bottom: -7px;
	cursor: pointer;
}

.banner-icon-info:hover {
	opacity: 0.5;
}

.lync-tooltip {
	padding-left: 18px;
	text-align: left;
	padding-top: 6px;
}

.alert-notificationBar {
	font-size: 15px;
	padding: 2px 14px;
	margin-bottom: 8px;
	border: none;
	border-left: 2px solid;
	border-radius: 0;
}

.alert-notificationBar.alert-info {
	background: #E7F3F1;
	color: #32BCAD;
	border-color: #32BCAD;
}

.alert-notificationBar.alert-important {
	background: #FBEBDB;
	color: #F37911;
	border-color: #F37911;
}

.alert-notificationBar.alert-warning {
	background: #FFF8DD;
	color: #E6B800;
	border-color: #E6B800;
}

.alert-notificationBar.alert-success {
	background: #EBF4DF;
	color: #87BC40;
	border-color: #87BC40;
}

.alert-notificationBar .close {
	font-size: 19px;
	line-height: 15px;
	padding-left: 10px;
	padding-top: 3px;
}

.alert-notificationBar .notificationLabel {
	padding: 5px;
	font-weight: bold;
	display: inline-block;
}

.alert-notificationBar .notificationContent {
	color: #222;
	padding: 5px;
	font-size: 14px;
	display: inline-block;
	text-align: justify;
}

.alert-notificationBar .notificationContent .link {
	color: #0696d7;
}

.alert button:focus {
	outline: 0;
}

#userBadge {
	height: 100px;
	background: #f2f2f2;
	margin-bottom: 25px;
}

.userPhoto {
	width: 80px;
	height: 80px;
	background-color: #aaa;
	float: left;
	/*background: url("../image/userPhoto.png") center center no-repeat;*/
}

.userPhoto img {
	max-width: 80px;
	max-height: 80px;
}

.userPhoto:hover .userPhotoBtn {
	opacity: 1;
}

.userPhotoBtn {
	opacity: 0;
	background: rgba(0, 0, 0, 0.6);
	margin-top: 40px;
	height: 40px;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	cursor: pointer;
}

.userPhotoBtn:hover {
	background: rgba(0, 0, 0, 0.9);
}

.edit-photo-container {
	padding: 2em 0;
}

#editPicture .imageBox {
	position: relative;
	width: 200px;
	height: 200px;
	background: #555555;
	cursor: move;
	background-repeat: no-repeat;
	/* border: 1px solid #000; */
	margin: 0 auto;
}

#editPicture .imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	height: 200px;
	width: 200px;
	background: none repeat scroll 0% 0% transparent;
	box-sizing: border-box;
	border: 25px solid rgba(255, 255, 255, 0.6);
}

#editPicture .imageBox .thumbBoxInner {
	margin: 0 auto;
	border: 1px solid #eee;
	height: 150px;
	width: 150px;
}

#editPicture .cropbox-action {
	width: 55px;
	margin: 1em auto 0 auto;
}

#editPicture .cropbox-action>button {
	width: 25px;
	height: 25px;
}

#editPicture .cropbox-action #zoomInBtn, #editPicture .cropbox-action #zoomOutBtn
	{
	border: none;
	background-color: #0696d7;
	color: #fff;
}

#editPicture .cropbox-action #zoomInBtn:hover, #editPicture .cropbox-action #zoomOutBtn:hover
	{
	opacity: 0.5;
}

#editPicture .upload-fail-container .upload-fail-icon {
	width: 140px;
	height: 160px;
	background: url('../image/profilePicture/errorUpload.png') center center
		no-repeat;
	margin: 0 auto;
}

#editPicture .upload-fail-container .upload-fail-text {
	color: #e94624;
	text-align: center;
	font-size: 20px;
}

.edit-photo-container .edit-photo-text {
	text-align: center;
	color: #808080;
	margin-top: 1em;
}

.edit-photo-container .edit-photo-toolbar {
	margin-top: 25px;
	height: 50px;
	width: 450px;
}

.edit-photo-toolbar .edit-photo-btn {
	height: 50px;
	float: left;
	width: 224px;
	padding: 10px;
	cursor: pointer;
}

.edit-photo-toolbar .divider {
	width: 1px;
	height: 50px;
	background: #dddddd;
	padding: 0px;
	cursor: auto;
}

.edit-photo-toolbar .edit-photo-btn .btn-icon {
	height: 30px;
	width: 30px;
	float: left;
}

.edit-photo-toolbar .edit-photo-btn .cross-icon {
	background: url("../image/profilePicture/cross.png") center center
		no-repeat;
}

.edit-photo-btn.negative:hover {
	background: #ED441A;
	color: #ffffff;
}

.edit-photo-btn.negative:hover .cross-icon {
	background: url("../image/profilePicture/crossH.png") center center
		no-repeat;
}

.edit-photo-btn.negative.disabled {
	pointer-events: none;
	color: #808080;
}

.edit-photo-btn.negative.disabled:hover {
	background-color: #fff;
	color: #808080;
}

/*------------*/
.edit-photo-toolbar .edit-photo-btn .plus-icon {
	background: url("../image/profilePicture/plus.png") center center
		no-repeat;
}

.edit-photo-btn.positive:hover {
	background: #87BC40;
	color: #ffffff;
}

.edit-photo-btn.positive:hover .plus-icon {
	background: url("../image/profilePicture/plusH.png") center center
		no-repeat;
}

/*------------*/
.edit-photo-toolbar .edit-photo-btn .check-icon {
	background: url("../image/profilePicture/check.png") center center
		no-repeat;
}

.edit-photo-btn.positive:hover .check-icon {
	background: url("../image/profilePicture/checkH.png") center center
		no-repeat;
}

/*------------*/
.edit-photo-btn .save-btn, .edit-photo-btn .dont-remove-btn,
	.edit-photo-btn .yes-remove-btn, .edit-photo-text.remove-photo-details,
	.edit-photo-text.edit-photo-instructions, .upload-fail-container {
	display: none;
}

.edit-photo-toolbar .edit-photo-btn .edit-photo-btn-text {
	font-size: 16px;
	line-height: 30px;
	padding-left: 40px;
}

.edit-photo-toolbar #saveAndClose div {
	display: none;
}

.userPhoto.edit-popup {
	float: none;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}

.userPhoto.edit-popup:hover .edit-user-photo-btn {
	opacity: 1;
}

.edit-user-photo-btn:hover {
	background: rgba(0, 0, 0, 0.9);
}

.userPhoto.edit-popup .edit-user-photo-btn {
	position: absolute;
	opacity: 0;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	height: 40px;
	width: 100%;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
}

.userPhoto.edit-popup .edit-user-photo-btn:hover {
	background: rgba(0, 0, 0, 0.9);
}

#imageCropper {
	display: none;
	overflow: hidden;
}

#imageCropper .cropit-image-preview {
	width: 150px;
	height: 150px;
	background: url('../image/blue_spinner.gif') center center no-repeat;
	/* background-color: #888; */
	margin: 0 auto;
}

.cropit-image-preview-container {
	margin: 1em auto 0 auto;
	width: 150px;
}

.cropit-image-background {
	opacity: .2;
}

#imageCropper > input.cropit-image-input {
	visibility:hidden;
}

#imageCropper .zoom-input-container {
	width: 140px;
	margin: 0 auto;
}

#imageCropper .cropit-image-zoom-input {
	position: relative;
}

input[type='range'].cropit-image-zoom-input {
	-webkit-appearance: none;
	vertical-align: middle;
	height: 8px;
	background-color: #999;
	border-radius: 5px;
}

input[type='range'].cropit-image-zoom-input::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	border-radius: 20px;
	background-color: #FFF;
	border: 1px solid #999;
	height: 15px;
	width: 15px;
}

input[type='range'].cropit-image-zoom-input::-moz-range-track {
	-moz-appearance: none;
	border-radius: 5px;
	background-color: #999;
	height: 10px;
}

input[type='range'].cropit-image-zoom-input::-moz-range-thumb {
	-moz-appearance: none;
	border-radius: 20px;
	background-color: #FFF;
	border: 1px solid #999;
	height: 20px;
	width: 20px;
}

input[type=range]::-ms-track {
	border-radius: 5px;
	background-color: #FFF;
	height: 8px;
}

input[type=range]::-ms-fill-lower {
	background: #ccc;
	border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
	background: #bbb;
	border-radius: 10px;
}

input[type=range]::-ms-thumb {
	border-radius: 20px;
	background-color: #FFF;
	border: 1px solid #999;
	height: 20px;
	width: 20px;
}

input[type=range]:focus::-ms-fill-lower {
	background: #fff;
}

input[type=range]:focus::-ms-fill-upper {
	background: #fff;
}

.changePassIcon {
	background: url("../image/userAccount/changePassIcon-lg.png") center
		center no-repeat;
	width: 72px;
	height: 80px;
	float: left;
	margin: 0px 10px;
	-webkit-transition: all 0.5s, color 0.5s;
	-moz-transition: 0.5s, color 0.5s;
	-ms-transition: all 0.5s, color 0.5s;
	transition: all 0.5s ease;
}

.changePassIconSmall {
	background: url("../image/userAccount/changePassIcon-sm.png") center
		center no-repeat;
	background-size: 30px;
	height: 35px;
	margin-top: -7px;
}

.bannerPassword:hover .changePassIcon {
	background: url("../image/userAccount/changePassIcon-lg-h.png") center
		center no-repeat;
	transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
}

.bannerPassword:hover .changePassIconSmall {
	background: url("../image/userAccount/changePassIcon-sm-h.png") center
		center no-repeat;
}

.bannerPassword.passwordAlert .changePassIcon {
	background: url("../image/userAccount/changePassAlert-lg.png") center
		center no-repeat;
}

.bannerPassword.passwordAlert .changePassIconSmall {
	background: url("../image/userAccount/changePassAlert-sm.png") center
		center no-repeat;
}

.bannerPassword.passwordAlert:hover .changePassIcon {
	background: url("../image/userAccount/changePassAlert-lg-h.png") center
		center no-repeat;
	transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
}

.bannerPassword.passwordAlert:hover .changePassIconSmall {
	background: url("../image/userAccount/changePassAlert-sm-h.png") center
		center no-repeat;
}

.bannerPassword.passwordAlert:hover {
	background: #FFF212;
	color: #000000;
}

.notification {
	background: url("../image/userAccount/notification-lg.png") center
		center no-repeat;
	width: 72px;
	height: 80px;
	float: left;
	margin: 0px 10px;
	-webkit-transition: all 0.5s, color 0.5s;
	-moz-transition: 0.5s, color 0.5s;
	-ms-transition: all 0.5s, color 0.5s;
	transition: all 0.5s, color 0.5s;
}

.notificationSmall {
	background: url("../image/userAccount/notification-sm.png") center
		center no-repeat;
	background-size: 30px;
	height: 35px;
	margin-top: -7px;
}

.notificationCont:hover .notification {
	background: url("../image/userAccount/notification-lg-h.png") center
		center no-repeat;
	transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
}

.notificationCont:hover .notificationSmall {
	background: url("../image/userAccount/notification-sm-h.png") center
		center no-repeat;
}

.changePassTile {
	float: left;
	margin: 8px;
}

.changePassTile p {
	font-size: 16px;
	margin: 16px 0 0 0;
}

.changePassTile p.changePassTileP {
	margin-top: 5px;
	text-align: center;
}

.userInfo {
	padding: 0px 10px;
	float: left;
	font-size: 12px;
}

.userInfo>div {
	width: 100%;
}

#userInfoFullName {
	font-size: 1.7em;
	color: #1858A8;
}

.userInfo #userInfoFullName, .userInfo .userInfoEmail, .changePassTile p
	{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bannerUser {
	padding: 10px;
}

.bannerNotification {
	height: 100px;
	padding: 0px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative;
}

.notificationCont {
	height: 100px;
	padding: 10px;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-ms-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}

.notificationCont:hover {
	background: #0696d7;
	color: #fff;
}

.expand-collapse {
	background: url("../image/userAccount/expand_collapse.png") center
		bottom no-repeat;
	width: 20px;
	height: 12px;
	margin: 35px 10px;
	position: absolute;
	right: 10px;
	top: 8px;
}

.bannerNotification.bannerExpanded .expand-collapse {
	background: url("../image/userAccount/expand_collapse.png") center top
		no-repeat;
}

.notificationCont:hover .expand-collapse {
	background: url("../image/userAccount/expand_collapse_H.png") center
		bottom no-repeat;
}

.bannerNotification.bannerExpanded .notificationCont:hover .expand-collapse
	{
	background: url("../image/userAccount/expand_collapse_H.png") center top
		no-repeat;
}

.dropdownNotification {
	position: absolute;
	background-color: #f2f2f2;
	top: 100px;
	left: 0px;
	z-index: 100;
	width: 100%;
	padding: 5px;
	box-shadow: 0px 8px 10px 2px #ccc;
	padding-top: 0px;
	display: none;
}

.dropdownNotification.reveal {
	height: auto;
}

.notificationPanel {
	background-color: #fff;
	height: 80px;
	margin-bottom: 1px;
}

.notificationIcon {
	width: 80px;
	height: 80px;
	float: left;
	background-color: #f5f5f5;
}

.notificationPc {
	background: url("../image/userAccount/notification-pc.png") center
		center no-repeat;
}

.notificationText {
	width: 70%;
	float: left;
}

.notificationText h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #999;
	margin: 10px 0px 4px 0px;
}

.notificationText p {
	color: #666;
	margin-bottom: 2px;
}

.bannerPassword {
	height: 100px;
	cursor: pointer;
	-webkit-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-ms-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
	padding: 10px;
}

.bannerPassword:hover {
	background: #0696d7;
	color: #fff;
}

.closeNotification {
	color: #0000ff;
}

.closeNotification:hover {
	color: #ff0000;
	cursor: pointer;
}

/*Tiles*/
.flip-container {
	width: 100%;
}

.backTileLoading {
	display: none;
	background: url("../image/tilesImages/tileLoader.gif") center center
		no-repeat;
	height: 210px;
}

#tileGrid {
	margin: auto;
	background: #f2f2f2;
	padding: 5px;
	margin-bottom: 10px;
}

.tile {
	display: inline-block;
	position: relative;
	height: 291px;
	padding: 3px;
}

.tileHeader {
	/*background: url("../image/tilesImages/tile_Drag.png") 7px center
		no-repeat #FFF;*/
	background: #fff;
	width: 100%;
	height: 37px;
	border-top: 1px solid #0696d7;
	border-bottom: 1px solid #F2F2F2;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.tileHeader h2 {
	color: #555;
	font-weight: normal;
	font-size: 18px;
	line-height: 35px;
	margin: 0 0 0 23px;
	display: inline-block;
}

.tile-retire-announcement .tileHeader > h2 {
	font-weight: 600;
	margin: 2px 0 0 10px;
}

.tileHeaderBack {
	background: #e9e9e9;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #F2F2F2;
}

.tileHeaderBack h2 {
	color: #777777;
	font-weight: normal;
	font-size: 18px;
	line-height: 35px;
	margin: 0 0 0 12px;
	display: inline-block;
}

.tileFooterBack {
	background: #e9e9e9;
	height: 38px;
	border-top: 1px solid #F2F2F2;
	padding: 12px;
}

.tileFooterBack .goToServiceNow {
	float: left;
	background: url("../image/tilesImages/tileGoto.png") 0px 0px no-repeat;
	display: block;
	padding-left: 20px;
}

.tileFooterBack a, .tileFooterBack a:visited, .tileFooterBack a:active {
	color: #0696d7;
	text-decoration: none;
}

.tileFooterBack a:hover {
	text-decoration: underline;
}

.tileFooterBack .removeTile {
	float: right;
	background: url("../image/tilesImages/tileRemove.png") 0px 0px no-repeat;
	display: block;
	padding-left: 20px;
}

.tileSign {
	float: right;
	width: 35px;
	height: 35px;
	display: inline-block;
}

.collapsed.tileOpen .tileSign {
	background:
		url("../image/tilesImages/tile_open_assigned_inprogress.png") center
		center no-repeat;
}

.collapsed.tileAssigned .tileSign {
	background:
		url("../image/tilesImages/tile_open_assigned_inprogress.png") center
		center no-repeat;
}

.collapsed.tileProgress .tileSign {
	background:
		url("../image/tilesImages/tile_open_assigned_inprogress.png") center
		center no-repeat;
}

.collapsed.tileApproved .tileSign {
	background:
		url("../image/tilesImages/tile_open_assigned_inprogress.png") center
		center no-repeat;
}

.collapsed.tileCompleted .tileSign {
	background: url("../image/tilesImages/tileCompletedMin.png") center
		center no-repeat;
}

.collapsed.tileNot .tileSign {
	background: url("../image/tilesImages/tileNotMin.png") center center
		no-repeat;
}

.collapsed.tileWarning .tileSign {
	background: url("../image/tilesImages/tileWarningMin.png") center center
		no-repeat;
}

.collapsed.tileError .tileSign {
	background: url("../image/tilesImages/tileErrorMin.png") center center
		no-repeat;
}

.tileOpenClose {
	float: right;
	width: 35px;
	height: 35px;
	display: inline-block;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.expanded .tileOpenClose {
	background: url("../image/tilesImages/tile_Collapse.png") center center
		no-repeat;
}

.collapsed .tileOpenClose {
	background: url("../image/tilesImages/tile_Expand.png") center center
		no-repeat;
}

.tileOpenClose:hover {
	background-color: #f6f6f6;
}

.tileContent {
	overflow: hidden;
	background: #fff;
	text-align: center;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	position: relative;
	border-bottom: 1px solid #dadada;
	cursor: pointer;
	width: 100%;
}

.tileContent.loading-gif {
	overflow: hidden;
	background: url(../image/blue_spinner.gif) #fff no-repeat center;
	text-align: center;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	position: relative;
	border-bottom: 1px solid #dadada;
	width: 100%;
}

/*Animation for tiles*/
.animate-enter-active {
	-webkit-animation: enter ease-in 1;
	-moz-animation: enter ease-in 1;
	animation: enter ease-in 1;
	-webkit-animation-fill-mode: forwards;
	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	animation-duration: 0.6s;
	display: block;
	position: relative;
}

@
-webkit-keyframes enter {from { opacity:0;
	
}

to {
	opacity: 1;
}

}
@
keyframes enter {from { opacity:0;
	
}

to {
	opacity: 1;
}

}
.animate-leave-active {
	-webkit-animation: enter ease-in 1;
	-moz-animation: enter ease-in 1;
	animation: enter ease-in 1;
	-webkit-animation-fill-mode: forwards;
	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	animation-duration: 0.6s;
	display: block;
	position: relative;
}

@
-webkit-keyframes leave {to { opacity:0;
	
}

from {
	opacity: 1;
}

}
@
keyframes leave {to { opacity:0;
	
}

from {
	opacity: 1;
}

}
/*End animation*/
.tileEmails:hover .tileContent, .tileVirtual:hover .tileContent,
	.tileTicket:hover .tileContent {
	background-color: #F4F4F4;
	border-bottom: 1px solid #0696d7;
}

.tileEmails:hover .tileHeader, .tileVirtual:hover .tileHeader,
	.tileTicket:hover .tileHeader {
	background-color: #F4F4F4;
}

.tileEmails:hover .tileIcon, .tileVirtual:hover .tileIcon, .tileTicket:hover .tileIcon
	{
	-ms-transform: scale(0.95, 0.95);
	-webkit-transform: scale(0.95, 0.95);
	transform: scale(0.95, 0.95);
}

.tileEmails .tooltip, .tileVirtual .tooltip, .tileTicket .tooltip,
	.tileNoTicket .tooltip {
	margin-top: -17px;
}

.expanded .tileContent {
	height: 250px;
}

.collapsed .tileContent {
	height: 0px;
	margin-top: -1px;
}

.tileContentBack {
	overflow: hidden;
	background: #e9e9e9;
	color: #777777;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	position: relative;
	height: 214px;
	cursor: pointer;
}

.tileContentBack ul {
	padding-left: 4%;
	padding-right: 4%;
	overflow: hidden;
	margin-top: 1px;
}

.tileContentBack li {
	border-bottom: 1px solid #dddddd;
	list-style: none;
	width: 100%;
	float: left;
	padding: 7px 0 10px 0;
}

.tileContentBack li.nobottom {
	border-bottom: 0;
}

.tileContentBack .tilelabel {
	font-size: 14px;
	color: #1858a8;
	text-transform: uppercase;
}

.tileContentBack .tileinfo {
	font-size: 14px;
}

.tileContentBack .tiledescription {
	width: auto;
	font-size: 12px;
}

.tileIcon {
	width: 100%;
	height: 160px;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.tileOpen .tileIcon {
	background: url("../image/tilesImages/tileOpen.png") center bottom
		no-repeat;
}

.tileAssigned .tileIcon {
	background: url("../image/tilesImages/tileAssigned.png") center bottom
		no-repeat;
}

.tileNoTicket .tileIcon {
	background: url("../image/tilesImages/tileNoTicket.png") center bottom
		no-repeat;
	margin-bottom: 5px;
}

.tileNoAsset .tileIcon {
	background: url("../image/tilesImages/tileNoAsset.png") center bottom
		no-repeat;
	margin-bottom: 5px;
}

.tileNoMail .tileIcon {
	background: url("../image/tilesImages/tileNoMail.png") center bottom
		no-repeat;
	margin-bottom: 5px;
}

.tileTicketUnable .tileIcon {
	background: url("../image/tilesImages/tileTicketUnable.png") center
		bottom no-repeat;
	margin-bottom: 5px;
}

.tileMailUnable .tileIcon {
	background: url("../image/tilesImages/tileMailUnable.png") center bottom
		no-repeat;
	margin-bottom: 5px;
}

.tileVirtualUnable .tileIcon {
	background: url("../image/tilesImages/tileVirtualUnable.png") center
		bottom no-repeat;
	margin-bottom: 5px;
}

.tileProgress .tileIcon {
	background: url("../image/tilesImages/tileProgress.png") center bottom
		no-repeat;
}

.tile-retire-announcement .tileIcon {
	width: 100%;
	height: 90px;
	margin-top: 1.5rem;
}

.tile-retire-announcement .tileIcon.email-list-tile {
	background: url("../image/tilesImages/email-list-moved.png") center bottom no-repeat;
	background-size: contain;
}

.tile-retire-announcement .tileIcon.ticket-tile {
	background: url("../image/tilesImages/ticket-moved.png") center bottom no-repeat;
	background-size: contain;
}


.tileNoTicket .tileContent, .tileNoMail .tileContent, .tileNoAsset .tileContent,
	.tileLoading .tileContent {
	background-color: #eaeaea;
	cursor: auto;
}

.tileNoTicket .tileHeader, .tileNoMail .tileHeader, .tileNoAsset .tileHeader,
	.tileLoading .tileHeader {
	background-color: #eaeaea;
	border-top: 1px solid #bbb;
}

.tileTicketUnable .tileContent, .tileMailUnable .tileContent,
	.tileVirtualUnable .tileContent {
	background-color: #fbe3df;
	cursor: auto;
}

.tileTicketUnable .tileHeader, .tileMailUnable .tileHeader,
	.tileVirtualUnable .tileHeader {
	background-color: #fbe3df;
	border-top: 1px solid #dd4422;
}

.tile-retire-announcement .tileContent {
	background-color: white;
	cursor: auto;
}

.tileApproved .tileIcon {
	background: url("../image/tilesImages/tileApproved.png") center bottom
		no-repeat;
}

.tileCompleted .tileIcon {
	background: url("../image/tilesImages/tileCompleted.png") center bottom
		no-repeat;
}

.tileNot .tileIcon {
	background: url("../image/tilesImages/tileNot.png") center bottom
		no-repeat;
}

.tileWarning .tileIcon {
	background: url("../image/tilesImages/tileWarning.png") center bottom
		no-repeat;
}

.tileError .tileIcon {
	background: url("../image/tilesImages/tileError.png") center bottom
		no-repeat;
}

.tileEmails .tileIcon {
	background: url("../image/tilesImages/tileMail.png") center bottom
		no-repeat;
}

.tileVirtual .tileIcon {
	background: url("../image/tilesImages/tileVirtual.png") center bottom
		no-repeat;
}

.tileContent h2 {
	margin: 0px;
	font-size: 19px;
	font-weight: normal;
}

.tile-retire-announcement .tileContent > h2 {
	color: #4b4b4b;
	font-size: 1.7rem;
	font-weight: 600;
	margin-top: 1rem;
}

.tile-retire-announcement .tileContent > p {
    color: #928f8f;
    font-size: 1.1rem;
    line-height: 1.2rem;
    margin-top: .4rem;
}

.tile-retire-announcement .tileContent > .linkBtn {
	display: block;
	width: 180px;
	padding: 0.5em 2em;
	margin: 1.6rem auto;
	border: 1px solid #0696D7;
	color: #0696D7;
	background-color: white;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
    text-align: center;
	cursor: pointer;
}

.tile-retire-announcement .tileContent > .linkBtn:hover {
	background-color: #0696D7;
	color: white;
}

.tileContent .tileNumber {
	position: absolute;
	top: 10%;
	left: 55%;
	color: #FFF;
	font-size: 16px;
	height: 35px;
	width: 35px;
	border: solid 3px #FFF;
	border-radius: 25px;
	background-color: #0696d7;
	line-height: 30px;
	text-align: center;
}

.tile.singleLine .tileIcon {
	margin-bottom: 31px;
}

.tile.singleLine .helpdeskName {
	display: none;
}

.helpdeskName {
	color: #1858a8;
}

.tile.doubleLine .tileIcon {
	margin-bottom: 8px;
}

.tileContent p {
	margin: 3px;
	font-size: 14px;
}

.tileContent .tileOptions {
	position: absolute;
	height: 30px;
	width: 30px;
	bottom: 0;
	right: 0;
}

.tileOptions.moreOptions {
	background: url("../image/tilesImages/tile_MoreOptions.png") center
		center no-repeat;
}

.tileOptions.lessOptions {
	background: url("../image/tilesImages/tile_LessOptions.png") center
		center no-repeat;
}

.tileFooter {
	height: 2px;
	width: 100%;
	bottom: 0;
	position: relative;
}

.tileOptionsList {
	width: 100%;
	float: left;
	top: 0;
	overflow: hidden;
	-moz-transition: all .05s ease 0s;
	-o-transition: all .05s ease 0s;
	-webkit-transition: all .05s ease 0s;
	-ms-transition: all .05s ease 0s;
	transition: all .05s ease 0s;
	z-index: 1;
	background: #4d4d4d;
}

.tileAction {
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #fff;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	cursor: pointer;
}

.collapsed .tileAction {
	height: 0px;
	border: none;
	opacity: 0;
}

.collapsed .tileAction p {
	height: 0px;
}

.tileAction p {
	font-size: 15px;
	color: #f2f2f2;
	margin: 0 0 0 50px;
	line-height: 40px;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.tileDetails {
	background: url("../image/tilesImages/tile_Details.png") 16px center
		no-repeat #4d4d4d;
}

.tileGoto {
	background: url("../image/tilesImages/tile_Goto.png") 16px center
		no-repeat #4d4d4d;
}

.tileRemove {
	background: url("../image/tilesImages/tile_Remove.png") 16px center
		no-repeat #4d4d4d;
}

.tileOpen .tileOptionsList.collapsed, .tileOpen .tileOptionsList.expanded,
	.tileProgress .tileOptionsList.collapsed, .tileProgress .tileOptionsList.expanded,
	.tileNotResolved .tileOptionsList.collapsed, .tileNotResolved .tileOptionsList.expanded,
	.tileWarning .tileOptionsList.collapsed, .tileWarning .tileOptionsList.expanded,
	.tileAlert .tileOptionsList.collapsed, .tileAlert .tileOptionsList.expanded,
	.tileEmails .tileOptionsList.collapsed, .tileEmails .tileOptionsList.expanded
	{
	height: 2px;
}

.expanded.tileOpen .tileOptionsList.expanded, .expanded.tileProgress .tileOptionsList.expanded,
	.expanded.tileNotResolved .tileOptionsList.expanded, .expanded.tileWarning .tileOptionsList.expanded,
	.expanded.tileAlert .tileOptionsList.expanded, .expanded.tileEmails .tileOptionsList.expanded
	{
	height: 122px;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.expanded.tileEmails .tileOptionsList.tileOptionsListEmail.expanded {
	height: 82px;
}

.zindexHigh {
	z-index: 10;
}

.zindexLow {
	z-index: 0;
}

.watchtip, .watchtip:visited, .watchtip:active {
	color: #777777;
}

.watchtip {
	text-decoration: underline;
}

.watchtip:hover {
	text-decoration: none;
}

.backListContainer {
	height: 214px;
}

.cacheTile .flip-container {
	border: solid 1px #c9953a;
}

.cacheTile .tileHeader {
	background-color: #fcf8e3;
	border-top: none;
}

.cacheTile .tileContent {
	border-bottom: none;
	background-color: #fcf8e3;
}

.cacheTile.collapsed .tileContent {
	margin-top: 0;
}

/* Assets Tile */
.tileContent.workstation {
	text-align: left;
	padding: 0 18px;
}

.workstation .ws-asset {
	width: 370px;
}

.ws-name {
	font-size: 24px;
	margin-top: 20px;
	width: 370px;
}

.ws-type {
	font-size: 15px;
}

.ws-info {
	margin-top: 25px;
	list-style: none;
	padding-left: 0px;
	font-size: 15px;
}

.ws-info li {
	margin-top: 5px;
}

.ws-title {
	color: #1858a8;
	font-size: 14px;
}

.workstation .flexslider {
	box-shadow: none;
}

.workstation .flex-control-nav {
	height: 40px;
    width: 80%;
    margin-left: 10%;
}

.workstation .flex-control-nav li {
	margin: 20px 6px;
}

.workstation .flex-direction-nav .flex-prev {
	top: 220px;
}

.workstation .flex-direction-nav .flex-next {
	top: 220px;
}

/*
#tileGrid .tileGridColumn {
	width: 250px;
	float: left;
	padding-right: 2em;
}

.trackTile {
	width: 275px;
	margin: 1em;
	float: left;
	box-shadow: 2px 3px 5px #888;
}

.trackTileHeader {
	padding: 0.4em;
	font-size: 1.5em;
	color: #fff;
	cursor: pointer;
}

.trackTileHeaderBadge {
	background: #bbb;
	font-size: 12px;
	padding: 2px;
	margin-left: 0.5em;
}

.trackTileContent {
	min-height: 75px;
	background: #ccc;
}

.trackTileContentItem {
	height: 55px;
	border-bottom: 1px solid #888;
}

.trackTileContentItemIcon {
	background: #888;
	height: 45px;
	width: 45px;
	float: left;
	margin: 5px;
}

.trackTileContentItemText {
	height: 55px;
	padding: 5px;
}

.trackTileFooter {
	height: 2em;
	line-height: 2em;
	background: #bbb;
	padding: 0 0.4em;
}
*/

/**** General content ***/
.pageContentHeader .title {
	color: #1858A8;
	font-size: 28px;
	margin-bottom: 4px;
}

.maincontent .subtitle {
	color: #666;
	font-size: 18px;
	margin-bottom: 18px;
}

.container-mydesk {
	position:relative;
	padding-right: 0px;
	padding-left: 0px;
	min-width: 762px;
}

.contentheader {
	height: 60px;
	width: 100%;
	background: #000000;
}

#sidebar {
	float: left;
	width: 220px;
	padding: 0 0 70px 0;
}

.maincontent {
	width: auto;
	margin-left: 25px;
	margin-bottom: 46px;
	padding: 25px 25px 100px 25px;
	overflow: hidden;
}

.FAQpanel .helptitle {
	border-bottom: 1px solid #EAEAEA; 
	padding-bottom: 12px;
	font-size: 18px;
	color: #1858A8;
	margin-bottom: 10px; 
}

.FAQpanel .helpdescription {
	padding: 5px 0 30px 0;
	font-size: 12px;
	color: #666;
}

#loginChangePwdBody .FAQpanel .helpdescription {
	padding: 5px 0 0px 0;	
}

.FAQpanel .helpdescription a {
	font-size: 14px;
	color: #333333;
}

.FAQpanel .helpdescription .helpblock {
	margin-bottom: 15px;
}

.FAQpanel .helpdescription .helpcontent {
	font-size: 14px;
	color: #777;
	margin: 7px 0 30px 0;
	display: none;
	text-overflow: ellipsis;
}

.FAQpanel .helpdescription .helpcontent.view {
	display: block;
}

.FAQpanel .helpdescription .helpcontent a {
	color: #0696D7;
}

.formPanel ul {
	padding: 8px 0px;
	color: #666666;
	font-size: 15px;
	margin: 0px;
}

.formPanel li {
	width: 100%;
	list-style: none;
	margin: 8px 0 0 0;
}

#new-password-cont, #change-password-cont {
	padding-right: 0;
	display: none;
}

#loginChangePwdBody #change-password-cont{
	position: absolute;
    bottom: 75px;
    right: -40%;
    z-index: 1;
}

#loginChangePwdBody #change-password-cont .newPassMessage{
	width: 235px;
	margin-top: 0px;
}

#loginChangePwdBody #change-password-cont .newPassArrow{
	margin-top: 50px;
}


/*** Change password ****/
.changePassLeft {
	float: left;
	width: 663px;
}

.changePassLeft-inidelogin {
	margin: 20px 0 0 25px;
}

/*** Get Started ****/
.getstarted h1 {
	color: #0696d7;
	font-weight: normal;
	font-size: 28px;
}

.getstarted li {
	color: #0696d7;
}

.getstarted h2 {
	color: #000;
	margin: 20px 0 -10px 0;
	line-height: normal;
	font-size: 20px;
}

.getstarted p {
	color: #000;
	font-size: 14px;
	margin: 15px 0;
}

.getstarted li p {
	color: #000;
	font-size: 14px;
}

.getstarted li li {
	color: #888;
}

.getstarted li li span {
	color: #000;
	font-size: 14px;
}

.getstartedcontinue {
	/*display: none;*/
	
}

.getstartedcontinue .greycont {
	background: #F0F0F0;
	padding: 2px 20px 20px 20px;
	min-width: 180px;
}

.getstartedcontinue input {
	background-color: #0696D7;
	border: none;
	font-size: 14px;
	color: white;
	height: 30px;
	width: 100%;
	cursor: pointer;
	margin: auto;
}

/*********************************/
/********* Download Page *********/
/*********************************/
.downloadPage .flexslider {
	background: #f4f4f4;
	border: none;
	border-radius: 0;
	box-shadow: none;
	border-left: 3px solid #dddddd;
	padding: 10px 0px 25px 0px;
	width: 100%;
	margin: 0 0 40px 0;
	position: relative;
}

.appListObject {
	margin-bottom: 50px;
}

.downloadPage .filterSection {
	background: #e7e7e7;
	border-left: 3px solid #c7c7c7;
	padding: 13px 0 11px;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #444;
	height: auto;
}

.downloadPage #downloadSearchBox {
	border: 1px solid #bbb;
	width: 210px;
	height: 20px;
	padding: 1px 25px 1px 10px;
	background: url(../image/search_logo.png) 225px center no-repeat;
	float: right;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background-color: #ffffff;
}

.downloadPage h2 {
	font-weight: normal;
	font-size: 23px;
}

.downloadPage h3 {
	font-weight: normal;
	font-size: 16px;
	color: #0696d7;
}

.downloadPage h4 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px;
}

.appStructure {
	margin-bottom: 35px;
}

.downloadPage i {
	font-size: 14px;
	color: #bbb;
}

.appStructure p {
	font-size: 14px;
}

.downloadPage .appObject {
	background-color: #FFFFFF;
	display: inline-block;
	width: 150px;
	height: 200px;
	margin: 10px -4%;
	border: 1px solid #ddd;
	position: relative;
	border-bottom: 1px solid #0696d7;
}

.downloadPage .appObject:hover {
	border: 1px solid #0696d7;
}

.downloadPage .appIcon {
	position: relative;
	border-radius: 5px;
	/*border: 1px solid #888;*/
	width: 100px;
	height: 100px;
	margin: 20px auto 5px auto;
	/*background: #fff url("../image/appIcon.png") no-repeat center;
	background-size: 90px 90px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/appIcon.png',
		sizingMethod='scale');*/
}

.downloadPage .appDetailsCont {
	border-left: 3px solid #0696d7;
	width: 100%;
	margin: 0 0 40px 0;
	border-bottom: 2px solid #efefef;
	overflow: hidden;
}

.downloadPage .appDetailsCont-header {
	background: #f4f4f4;
	padding: 15px 0px 13px 0;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #e4e4e4;
}

.appDetailsCont-header h2, .appDetailsCont-header h3 {
	margin: 0 0 0 25px;
}

.appDetailsCont-header span.detailsBetaTag {
	font-size: 0.7em;
}

.downloadPage .appName {
	overflow: hidden;
	width: 110px;
	height: 28px;
	margin: 10px auto 12px auto;
	font-weight: normal;
	font-size: 12px;
	color: #7c7c7d;
	text-align: center;
}

.downloadPage .appName a {
	text-decoration: none;
	color: #7c7c7d;
	font-weight: normal;
}

.downloadPage .dlbutton {
	width: 100%;
	height: 30px;
	border: 0;
	color: #0696d7;
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
	line-height: 30px;
	font-size: 15px;
}

.downloadPage .dlbutton a {
	color: #0696d7;
	text-decoration: none;
}

.downloadPage .dlbutton:hover a {
	color: #fff;
	text-decoration: underline;
}

.downloadPage select {
	padding: 4px;
	margin: 5px 0;
	margin-right: 5px;
}

.downloadPage ul.slides {
	margin-left: 25px;
}

.downloadPage .filterCont {
	margin-left: 12px;
	vertical-align: top;
}

.downloadPage .filterLabel {
	top: 10px;
	position: relative;
	vertical-align: top;
}

.dlbutton:hover {
	background-color: #0696d7;
	color: #FFFFFF;
}

ol.flex-control-paging li a {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

ol.flex-control-paging li a.flex-active {
	background: #1858A8;
}

.downloadPage #resetFilter {
	background: #32bcad;
	padding: 4px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 19px;
	border: none;
	font-size: 12px;
	border-top: 1px solid #32bcad;
	width: 85px;
	margin-left: 6px;
}

.downloadPage #applyFilter {
	background: #0696d7;
	padding: 4px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 19px;
	border: none;
	font-size: 12px;
	border-top: 1px solid #0696d7;
	width: 85px;
	margin-top: 5px;
}

.downloadPage #jobFuncOptions {
	max-width: 150px;
}

.downloadPage #osOptions {
	max-width: 222px;
}

.downloadPage #categoryOptions {
	max-width: 140px;
}

.downloadPage #vendorOptions {
	max-width: 157px;
}

#appDetailIcon {
	position: relative;
	background-size: 150px 150px;
	border-radius: 5px;
	border: 0 solid #fff;
	height: 150px;
	margin-left: 16%;
	margin-top: 13px;
	background-color: red;
}

.appDetailSpecs {
	min-height: 150px;
	margin-bottom: 30px;
}

.appDetailsData {
	display: inline-block;
	padding: 10px 15px 10px 0;
	text-align: left;
	vertical-align: top;
	width: 170px;
}

.appDetailsData .title {
	color: #0696d7;
	text-transform: uppercase;
	font-size: 14px;
}

.downloadPage a.primaryBtn {
	background-color: #0696D7;
	border: none;
	font-size: 12px;
	color: white;
	height: 36px;
	width: 150px;
	cursor: pointer;
	float: right;
	line-height: 36px;
	text-align: center;
	display: block;
	margin-left: 15px;
	text-transform: uppercase;
}

.appDetailSpecs a.primaryBtn {
	background-color: #0696D7;
	border: none;
	font-size: 12px;
	color: white;
	height: 36px;
	width: 150px;
	cursor: pointer;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	margin: 12px 24px 0 0;
	float: none;
	text-transform: uppercase;
}

.downloadPage a.primaryBtn:hover {
	text-decoration: none;
}

.downloadPage a.secondaryBtn {
	background-color: #808080;
	border: none;
	font-size: 12px;
	color: white;
	height: 36px;
	width: 150px;
	cursor: pointer;
	float: right;
	line-height: 36px;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

.downloadPage a.secondaryBtn:hover {
	text-decoration: none;
}

div.ui-dialog {
	padding: 0;
	border: 0;
	border-radius: 0;
	border: none;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
}

div.ui-dialog-titlebar {
	background-color: #333;
	padding: 0;
	border-radius: 0;
	border: none;
}

span.ui-dialog-title {
	color: #fff;
	font-weight: normal;
	margin: 12px 25px;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	font-size: 23px;
}

.DialogTitle h3 {
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	font-size: 23px;
	font-weight: normal;
	margin: 15px 8px;
}

#PopupContentDLButton {
	background-color: #0696d7;
	width: 150px;
	color: white;
	padding: 8px 20px;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
	text-align: center;
	font-size: 16px;
}

.PopupContentDescription {
	padding: 25px 0px;
	width: 300px;
	font-size: 14px;
	font-family: FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans,
		sans-serif;
}

.PopupContentLeft {
	float: left;
	padding-bottom: 25px;
	padding-right: 25px;
	border-right: 1px solid #ccc;
}

.appAttr {
	width: 150px;
	margin-left: 20px;
}

.appAttrVal {
	margin-left: 39px;
	font-size: 14px;
}

.appFlags {
	position: absolute;
	top: 10px;
	right: -10px;
	width: 40px;
}

.appFlags .flagSlot {
	padding-top: 5px;
	display: none;
}

.betaFlag {
	width: 80px;
	height: 26px;
	background: url("../image/flag_beta.png") center no-repeat;
	float: right;
}

.macFlag {
	width: 40px;
	height: 26px;
	background: url("../image/flag_mac.png") center no-repeat;
	background-size: 40px 26px;
	float: right;
}

.winFlag {
	width: 40px;
	height: 26px;
	background: url("../image/flag_win.png") center no-repeat;
	background-size: 40px 26px;
	float: right;
}

.licenseFlag {
	width: 40px;
	height: 26px;
	background: url("../image/flag_licence.png") center no-repeat;
	background-size: 40px 26px;
	float: right;
}

.restrictFlag {
	width: 40px;
	height: 26px;
	background: url("../image/flag_rest.png") center no-repeat;
	background-size: cover;
	float: right;
}

.downloadDialog .ui-widget-header {
	background: #0696D7;
}

.downloadPopupTitle {
	font-size: 20px;
	margin: 1em 0;
}

.downloadPopupContent {
	
}

.downloadPopupOptions {
	margin: 1em 0;
}

.downloadPopupContent a {
	color: #0000ff;
	text-decoration: underline;
}

.downloadPopupDescription {
	width: 220px;
	margin-top: 1em;
}

.no-legacy-apps {
    padding: 20px 50px;
    overflow: hidden;
}

.no-app-icon {
    background: url('../image/download/legacy_app.png') no-repeat center center;
    width: 46px;
    height: 46px;
    float: left;
}

.no-app-label {
    float: left;
    height: 46px;
    line-height: 46px;
    margin-left: 20px;
    font-size: 14px;
    color: #BBB;
}

.dialogDownloadBtn {
	background-color: #0696D7;
	border: none;
	font-size: 12px;
	color: white;
	height: 38px;
	width: 150px;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	text-transform: uppercase;
}

.dialogCancelBtn {
	background-color: #aaa;
	border: none;
	font-size: 12px;
	color: white;
	height: 38px;
	width: 150px;
	cursor: pointer;
	text-transform: uppercase;
}

.ac_container {
	margin-bottom: .5em;
	overflow: auto;
}

.ac_image {
	float: left;
}

.ac_image img {
	height: 40px;
	width: 40px;
	display: block;
}

.ac_name {
	margin-left: 50px;
	line-height: 40px;
}

table#adminAppConsole {
	margin-top: 1em;
	width: 100%;
}

table#adminAppConsole>thead {
	background: #eee;
	border: 1px solid #bbb;
}

table#adminAppConsole td {
	padding: 12px;
}

table#adminAppConsole td.appName {
	text-transform: uppercase;
	color: #0696D7;
}

table#adminAppConsole tr {
	border: 1px solid #bbb;
	height: 40px;
}

table#adminAppConsole tbody>tr:hover {
	background-color: #daeaf7;
}

table#adminAppConsole th {
	padding: 1em;
	cursor: pointer;
}
table#adminAppConsole th.default{
	cursor: default;
}

table#adminAppConsole th:hover {
	background: #ddd;
}

table#adminAppConsole>tbody {
	height: 400px;
}

.additionalInfo {
	display: inline-block;
	background: url('../image/helpGray.png') no-repeat center;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
}

.additionalInfo.downloadDetail64 {
	height: 25px;
	width: 25px;
	background-size: 25px 25px;
}

.adminBtns {
	margin-top: 1em;
	float: right;
}

.adminConsoleActions #addAppBtn {
	float: right;
}

.adminConsoleActions #adminConsoleFilter {
	height: 34px;
	width: 250px;
}

.appActions>* {
	cursor: pointer;
}

.appActions .appToggle {
	float: left;
	background-color: #0696D7;
	height: 20px;
	width: 50px;
	padding: 2px;
	margin-right: 1em;
}

.appActions .appToggle.off {
	background-color: #999;
}

.appActions .appToggle .switch {
	height: 16px;
	background-color: white;
	width: 20px;
	float: right;
}

.appActions .appToggle.off .switch {
	float: left;
}

.appActions .appToggle span {
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	color: #fff;
}

.appActions .appToggle.off span.off, .appActions .appToggle span.on {
	display: block;
}

.appActions .appToggle.off span.on, .appActions .appToggle span.off {
	display: none;
}

.appActions .editAppIcon {
	background: url('../image/adminPage/edit.png') no-repeat center;
	height: 20px;
	width: 20px;
	float: left;
	margin-right: 10px;
}

.appActions .editAppIcon:hover {
	background: url('../image/adminPage/edit-negative.png') no-repeat center;
}

.appActions .deleteAppIcon {
	background: url('../image/adminPage/trash.png') no-repeat center;
	height: 20px;
	width: 20px;
	float: left;
}

.appActions .deleteAppIcon:hover {
	background: url('../image/adminPage/trash-negative.png') no-repeat
		center;
}

.adminBtns a.secondaryBtn {
	background-color: #808080;
	border: none;
	font-size: 12px;
	color: white;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 5em;
	height: 36px;
	display: inline-block;
}

.adminBtns a.secondaryBtn:hover {
	text-decoration: none;
}

.myd-admin-emptybox {
	border: 1px solid #BBB;
	margin: 10px 0 0 0;
	padding: 100px;
}

.myd-admin-emptybox .myd-admin-emptybox-title {
	text-align: center;
	display: block;
	font-size: 24px;
}

.myd-admin-emptybox .myd-admin-emptybox-message {
	display: block;
	text-align: center;
	font-size: 16px;
}

#appInfoForm>div {
	margin-top: 0.5em;
}

#appInfoForm .appFormInputRow {
	/*padding-top: 25px;*/
	
}

#appInfoForm select {
	margin-bottom: 0;
	height: 38px;
}

#appInfoForm textarea {
	height: 100px;
	width: 100%;
	resize: none;
}

#appInfoForm .appFormCheckbox>input[type='checkbox'] {
	float: left;
	height: 18px;
	margin: 3px 0;
}

#appInfoForm .appFormCheckbox>div {
	line-height: 24px;
	margin-left: 16px;
}

#appInfoForm .formPanel {
	padding-right: 32px;
}

#appInfoForm .formPanel .formHeadline {
	font-size: 14px;
	margin: 18px 0 0 0;
}

#appUploadForm {
	
}

.uploadFileContainer {
	margin-left: 0;
	margin-right: 0;
	padding-left: 15px;
}

.uploadFileContainer h3 {
	margin-bottom: 5px;
}

.uploadFileContainer .uploadRegion {
	text-align: center;
	margin: 10px 0;
	border: 1px dashed #ddd;
	padding: 1em;
	background: #fff;
	height: 225px;
	color: #aaa;
}

.uploadFileContainer .uploadRegion.dragOver {
	border: 2px dashed #666;
	background: #ddd;
}

.uploadRegion .uploadIcon {
	background: url("../image/adminPage/upload.png") no-repeat center center;
	background-size: 100% 100%;
	height: 50px;
	width: 50px;
	margin: 1em auto;
}

.uploadRegion .uploadCommand {
	font-size: 15px;
	padding-bottom: 0.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uploadRegion .uploadInstructions.uploaded {
	color: green;
	font-size: 16px;
}

.uploadRegion .imageRestriction {
	font-size: 10px;
	margin-top: 50px;
}

.uploadRegion a {
	background: none;
	padding: 0;
	min-width: 0;
	margin: 0;
	color: #0696D7;
	text-transform: lowercase;
	height: 1em;
	line-height: 1em;
}

.uploadRegion .hiddenFileInput {
	visibility: hidden;
}

.uploadFileContainer form input[type=submit] {
	width: 100%;
}

.uploadFileContainer form input[type=submit]:disabled,
	.uploadFileContainer form input[type=submit]:disabled:hover,
	#finalizeApp:disabled, #finalizeApp:disabled:hover {
	opacity: 0.5
}

#appFormContainer .appUploadDisclaimer {
	float: left;
}

.adminAppFormHeader {
	color: #777;
	font-size: 16px;
	margin: 20px 0px;
}

.adminAppFormHeader .adminAppFormHeaderText {
	line-height: 20px;
}

.adminAppFormHeader .adminAppFormHeaderText>div {
	height: 20px;
	width: 20px;
	margin-right: 0.5em;
	float: left;
}

.adminAppFormHeader .adminAppFormHeaderSubtext {
	clear: both;
	padding: 0.5em 0;
	font-size: 12px;
}

/*********************************/
/******** Admin Styles ***********/
/*********************************/
.adminConsoleActions .loginBtn {
	float: right;
}

.admin-table {
	margin-top: 1em;
	width: 100%;
}

.admin-table .admin-table-header {
	background: #1858a8;
	font-size: 15px;
	padding: 0.9em 0;
	color: #FFFFFF;
	margin: 0;
}

.admin-table .column-name {
	cursor: pointer;
}

.admin-table .delete-btn {
	position: absolute;
	right: 5px;
	top: 7px;
	width: 20px;
	height: 20px;
	background: url('../image/adminPage/trash.png') center no-repeat;
}

.admin-table .delete-btn:hover {
	background: url('../image/adminPage/trash-negative.png') center
		no-repeat;
}

.admin-table .admin-table-row {
	position: relative;
	height: 40px;
	margin: 0;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.admin-table .admin-table-row:nth-child(even) {
	background: #eee;
}

.admin-table .admin-table-row:hover {
	background-color: #daeaf7;
}

.admin-table .admin-table-row>div {
	padding: 12px;
}

.admin-table .admin-table-row .clipped {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.admin-table-no-results {
	background: #eee;
	text-align: center;
	height: 200px;
	width: 100%;
	display: table;
}

.admin-table-no-results .no-results-content {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.admin-table-no-results .no-printer-icon {
	background: url("../image/adminPage/noPrinter.png") center no-repeat;
	width: 69px;
	height: 69px;
	margin: 0 auto;
}

.admin-table-no-results .no-results-text {
	margin-top: 1em;
}

.formPanel .admin-form-input-row {
	margin-top: 1em;
}

.formPanel .admin-form-input-row a {
	color: #428bca;
	padding: 0;
	min-width: 0;
	text-align: left;
	text-transform: none;
	height: auto;
	background: none;
	margin: 0;
}

.formPanel #printerCountry {
	height: 38px;
	margin: 3px 0;
}

form .hidden-file-input {
	visibility: hidden;
}

.admin-form-input-row .filename-container {
	margin-top: 1em;
	display: none;
}

.upload-file-container #upload32DriverBtn, .upload-file-container #upload64DriverBtn,
	.upload-file-container #uploadMacDriverBtn {
	opacity: 0;
	height: 0px;
	-webkit-transition: opacity 1s, height 1s;
	-moz-transition: opacity 1s, height 1s;
	-ms-transition: opacity 1s, height 1s;
	transition: opacity 1s, height 1s;
}

.upload-file-container #upload32DriverBtn.reveal, .upload-file-container #upload64DriverBtn.reveal,
	.upload-file-container #uploadMacDriverBtn.reveal {
	opacity: 1;
	height: 38px;
}

/*********************************/
/********** Error Page ***********/
/*********************************/
.errorPage {
	width: 710px;
	margin: 0 auto;
	padding: 10%;
}

.error401 .error-page-logo {
	background: url("../image/errorPages/401.png") left center no-repeat;
}

.error404 .error-page-logo {
	background: url("../image/errorPages/404.png") left center no-repeat;
}

.error500 .error-page-logo {
	background: url("../image/errorPages/500.png") left center no-repeat;
}

.errorPage h2 {
	font-size: 35px;
	font-weight: normal;
	color: #dd4422;
}

.errorPage p {
	margin: 10px auto 25px auto;
	font-size: 14px;
}

.errorPage .primaryButton, .errorPage .tertiaryButton {
	padding: 0 15px;
	min-width: 170px;
	height: 36px;
	margin-right: 10px;
	float: left;
}

.errorPage a {
	color: #0696d7;
}

.error-page-logo {
	width: 260px;
	height: 260px;
	float: left;
	border-right: 1px solid #e6e6e6;
	margin-right: 30px;
}

/*********************************/
/******** Check Members **********/
/*********************************/

.check-members-box-container{
	position: relative;
}
.check-members-box{
	position: absolute;
	top: -7px;
	left: 7px;
	background: #f5f5f5;
	width: auto;
	min-width: 187px;
	max-width: 187px;
	z-index: 1001;
	border: 1px solid #D0D0D5;
	overflow-y: auto;
	max-height: 175px;
	display: none;
}

.check-members-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.check-members-box li {
	cursor: pointer;
	padding: 5px 15px;
	margin: 0;
}

.check-members-box li.remove-option {
	color: #0696D7;
}

.check-members-box li.no-match-option {
	background: #FF3300;
	color: #FFFFFF;
	cursor: default;
}

.check-members-box li.no-match-option:hover {
	background: #FF0000;
	color: #FFFFFF;
	cursor: default;
}

.check-members-box li:hover {
	background: #0696d7;
	color: #FFFFFF;
}

.check-members-box .check-members-type-user {
	background: url('../image/emailLists/name-member.png') no-repeat 5px 7px;
	background-size: 9px;
	padding-left: 19px;
}

.check-members-box .check-members-type-group {
	background: url('../image/emailLists/name-group.png') no-repeat 3px 7px;
	background-size: 12px;
	padding-left: 19px;
}

.check-members-box li:hover.check-members-type-user {
	background: url('../image/emailLists/name-member-h.png') no-repeat 5px
		7px #0696d7;
	background-size: 9px;
	padding-left: 19px;
	color: #FFFFFF;
}

.check-members-box li:hover.check-members-type-group {
	background: url('../image/emailLists/name-group-h.png') no-repeat 3px
		7px #0696d7;
	background-size: 12px;
	padding-left: 19px;
	color: #FFFFFF;
}

.label-info.label-type-user {
	background: url('../image/emailLists/name-member-h.png') no-repeat 5px
		4px;
	background-size: 8px;
	padding-left: 19px;
}

.label-info.label-type-group {
	background: url('../image/emailLists/name-group-h.png') no-repeat 5px
		4px;
	background-size: 11px;
	padding-left: 19px;
}

a.dlbutton {
	display: block;
	font-size: 80%;
}

.disabledDLButton {
	background-color: #aaa;
}

.mainContent {
	padding: 1em;
}

.navBar {
	height: 2em;
	padding: 1em 0;
}

.filterSection {
	height: 2em;
	margin-top: 15px;
	margin-bottom: 10px
}

.categoryMenu {
	float: left;
}

ul.categoryMenuLabel {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	width: 80px;
	height: 2.2em;
	background: #aaa;
}

ul.categoryMenuLabel li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative;
}

ul.categoryMenuLabel li a {
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

ul.categoryMenuLabel li ul.categories {
	list-style: none;
	position: absolute;
	left: 0;
	top: 35px;
	float: left;
	display: none;
	background: #444;
	width: 100px;
	margin: 0;
	padding: 0 20px;
}

ul.categoryMenuLabel li ul.categories a {
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

ul.categoryMenuLabel li ul.categories li:hover {
	background-color: #555;
}

.appList {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	margin-bottom: 1em;
}

.appList ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
}

.appList ul li {
	display: inline;
	padding: 0 1.5em;
}

#noMatchDiv {
	width: 360px;
	color: #bbb;
	line-height: 32px;
	margin: 0 auto 0 auto;
	display: none;
}

#noMatchDiv>img {
	float: left;
	margin-right: 1em;
}

#noMatchDiv>div:first-of-type {
	font-size: 22px;
	font-weight: bold;
}

.LHS {
	float: left;
	width: 200px;
	margin-bottom: 3em;
}

.RHS {
	padding: 0 25px;
	width: 600px;
	background-color: #e2e3e3;
	margin-top: 20px;
	margin-bottom: 2em;
	float: right;
}

.download {
	width: 100px;
	line-height: 20px;
	padding: 5px 5px;
	background-color: #323131;
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
}

.download:hover {
	background-color: #858585;
}

.download a {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.mainContent {
	padding: 1em;
}

.hidden {
	display: none
}

.OptionsLink {
	background-color: green;
}

.PopupContentRight {
	float: right;
}

.PopupContentDescription {
	padding: 25px 0px;
	width: 300px;
}

#success_box {
	display: none;
	margin-top: 25px;
	width: 300px;
	height: 100px;
}

#success_icon {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	padding-right: 15px;
}

label.error {
	color: #ff0000;
}

#success_message {
	line-height: 50px;
}

.myd-iblock {
	display: inline-block;
}

.myd-left-col {
	padding-right: 3%;
}

.myd-right-col {
	padding-left: 2%;
}

.myd-single-col {
	
}

.myd-col-nopadding {
	padding: 0;
}

.myd-emaillist-add-input-container {
	float: left;
}

.myd-emaillist-add-input-container.first-child {
	margin-bottom: 5px;
}

.enroll-steps {
	margin-bottom: 57px;
}

/*********************************/
/******** First Time Tour ********/
/*********************************/
.main-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1009;
	background-color: #000;
	opacity: .5;
	display: none;
}

.tour-popup {
	display: none;
	position: fixed;
	top: 20%;
	left: 25%;
	width: 50%;
	z-index: 1010;
	background: #FFFFFF;
	padding: 0;
	min-width: 330px;
}

.tour-popup .tour-popup-content {
	padding: 20px 40px 20px 40px;
}

.tour-popup h1 {
	font-size: 70px;
	margin: 0 0 15px 0;
}

.tour-popup p {
	font-size: 16px;
}

.tour-popup p.note {
	font-size: 12px;
}

.tour-popup-nav-buttons {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}

.tour-popup-nav-buttons .tour-popup-nav-left {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

.tour-popup-nav-buttons .tour-popup-nav-right {
	float: right;
	margin-right: 0;
}

.tour-next-button-content {
	text-align: right;
	position: relative;
	top: 30px;
}

.tour-popup .top-header {
	width: 100%;
	background: #000;
	height: 4px;
}

.tour-popup .top-header .color-1 {
	width: 20%;
	height: 100%;
	background: #1491c7;
	float: left;
}

.tour-popup .top-header .color-2 {
	width: 20%;
	height: 100%;
	background: #8ab949;
	float: left;
}

.tour-popup .top-header .color-3 {
	width: 20%;
	height: 100%;
	background: #ea390d;
	float: left;
}

.tour-popup .top-header .color-4 {
	width: 20%;
	height: 100%;
	background: #42b6a9;
	float: left;
}

.tour-popup .top-header .color-5 {
	width: 20%;
	height: 100%;
	background: #f8cc15;
	float: left;
}

select option {
	color: #000;
}

select.empty {
	color: #AAA;
}

/*********************************/
/******** Request Access *********/
/*********************************/
.req-access-item {
	padding-bottom: 3em;
}

.req-access-item:not(:first-child)
{
	border-top: 1px solid #ccc;
	padding-top: 3em;
}

.req-access-item-icon>.access-icon {
	width: 100px;
	height: 100px;
	background-color: #ccc;
	margin: 0 auto;
}

.req-access-item-icon>.access-icon.vpn {
	background: #ccc url("../image/requestAccess/requestVPN.png") no-repeat
		center;
	background-size: contain;
}

.req-access-item-icon>.access-icon.office {
	background: #ccc url("../image/requestAccess/requestProPlus.png")
		no-repeat center;
	background-size: contain;
}

.req-access-item-text>.req-access-item-header {
	font-size: 16px;
	color: #666;
}

.req-access-item-text>.req-access-item-description {
	font-size: 13px;
	color: #777;
	line-height: 18px;
}

.req-access-item-text>.req-access-item-header {
	font-size: 20px;
}

.req-access-item-actions>.request-status {
	font-size: 16px;
	margin-bottom: 7px;
}

.req-access-item-actions>.inprogress, .req-access-popup-progress {
	color: #e5b700;
}

.req-access-item-actions>.granted, .req-access-popup-granted {
	color: #86BC40;
}

.req-access-item-actions .granted-check-icon {
	font-size: 28px;
	margin-right: -5px;
}

/*********************************/
/********** Quick Links **********/
/*********************************/
.quickLinksContainer {
	background-color: #f4f4f4;
	border-left: 3px solid #dddddd;
	width: 100%;
	overflow: auto;
}

.quickLinksContainer ul {
	list-style-type: none;
}

.linkCol {
	width: 20%;
	float: left;
}

.restrict-icon {
	height: 16px;
	width: 16px;
	background: url(../image/restriction.png) no-repeat center;
	float: left;
	margin-right: 5px;
}

@media all and (max-width: 1199px) {
	.linkCol {
		width: 25%;
	}
}

@media all and (max-width: 969px) {
	.linkCol {
		width: 33%;
	}
}

/*********************************/
/******** Virtual Desktops *******/
/*********************************/
.vm-container {
	height: 210px;
}

.vm-tile-content {
	height: 100%;
	cursor: auto;
	background-color: #f5f5f5;
	position: relative;
	padding: 0 1em;
}

.vm-tile-content.on {
	border-top: 2px solid #87BC40;
}

.vm-tile-content.off {
	border-top: 2px solid #8a8a8a;
}

.vm-tile-content.paused {
	border-top: 2px solid #ffcc00;
}

.vm-tile-content.add {
	border-top: 2px solid #0696D7;
	background-color: #fbfbfb;
	cursor: pointer;
}

.vm-tile-content.add:hover {
	background-color: #f2f2f2;
}

.vm-tile-content.add #vmAddStep2 div {
	margin-top: 0.5em;
}

.vm-tile-content.add #vmAddStep2 select {
	width: 80%;
	height: 30px;
}

.vm-tile-content.add #vmAddStep2 .primaryButton {
	width: 80%;
	height: 30px;
	text-align: center;
}

.vm-tile-content.reboot {
	border-top: 2px solid #0696d7;
}

.vm-tile-content.adding, .vm-tile-content.deleting {
	display: none;
}

.vm-tile-content .vm-icon {
	width: 65px;
	height: 65px;
	margin: 15px auto;
}

.vm-icon.on {
	background: url("../image/virtualDesktop/tile_on.png") center no-repeat;
}

.vm-icon.off {
	background: url("../image/virtualDesktop/tile_off.png") center no-repeat;
}

.vm-icon.paused {
	background: url("../image/virtualDesktop/tile_paused.png") center
		no-repeat;
}

.vm-icon.add {
	background: url("../image/virtualDesktop/tile_add.png") center no-repeat;
	background-size: contain;
	-webkit-transition: width 1s, height 1s;
}

.vm-icon.add.start {
	width: 45px;
	height: 45px;
}

.vm-icon.no-machines {
	background: url("../image/tilesImages/tileVirtual.png") center no-repeat;
	background-size: contain;
}

.vm-icon.rebooting {
	background: url("../image/blue_spinner.gif") center no-repeat;
	background-size: 99%;
}

.vm-tile-content .vm-name {
	text-transform: uppercase;
	font-size: 20px;
	color: #666;
	-webkit-transition: font-size 1s;
}

.vm-tile-content .vm-name.add {
	color: #0696d7;
}

.vm-tile-content .vm-name.add.start {
	font-size: 14px;
}

.vm-tile-content .vm-subtitle {
	font-size: 14px;
	color: #aaa;
}

.vm-tile-content .vm-tile-toolbar {
	position: absolute;
	bottom: 1em;
	width: 100%;
}

.vm-tile-content .vm-tile-toolbar .vm-toolbar-item {
	width: 30px;
	height: 30px;
	margin: 0 3px;
	display: inline-block;
	cursor: pointer;
}

.vm-tile-content .vm-tile-toolbar .vm-toolbar-item.cursor-auto {
	cursor: auto;
}

.vm-tile-toolbar .vm-toolbar-item.switch {
	width: 49px;
}

.vm-tile-toolbar .vm-toolbar-item.switch.on {
	background: url("../image/virtualDesktop/switch_on.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.switch.off {
	background: url("../image/virtualDesktop/switch_off.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.switch.paused {
	background: url("../image/virtualDesktop/switch_paused.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.reboot {
	background: url("../image/virtualDesktop/reboot.png") center no-repeat;
	opacity: 0.7;
}

.vm-tile-toolbar .vm-toolbar-item.reboot:hover {
	opacity: 1.0;
}

.vm-tile-toolbar .vm-toolbar-item.pause {
	background: url("../image/virtualDesktop/pause.png") center no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.delete {
	background: url("../image/virtualDesktop/delete.png") center no-repeat;
	opacity: 0.7;
}

.vm-tile-toolbar .vm-toolbar-item.delete:hover {
	opacity: 1.0;
}

.vm-tile-toolbar .vm-toolbar-item.delete.disabled {
	opacity: 0.5;
}

.vm-tile-toolbar .vm-toolbar-item.play {
	background: url("../image/virtualDesktop/resume.png") center no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.switch.disabled {
	opacity: 0.5;
}

.vm-tile-toolbar .vm-toolbar-item.reboot.disabled {
	background: url("../image/virtualDesktop/reboot_disabled.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.pause.disabled {
	background: url("../image/virtualDesktop/pause_disabled.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.delete.disabled {
	background: url("../image/virtualDesktop/delete_disabled.png") center
		no-repeat;
}

.vm-tile-toolbar .vm-toolbar-item.play.disabled {
	background: url("../image/virtualDesktop/resume_disabled.png") center
		no-repeat;
}

/*********************************/
/********* Standard Popup ********/
/*********************************/
.popup-box {
	background: #FFF;
	width: 450px;
	margin: 0 25px 20px 25px;
	overflow: hidden;
}

.popup-box h1 {
	color: #1858A8;
	font-size: 30px;
	font-weight: normal;
}

.popup-box h1.red {
	color: #e94624;
}

.popup-box h1.green {
	color: #87BC40;
}

.popup-box p {
	font-size: 14px;
	margin-bottom: 20px;
}

.popup-box .primaryButton, .popup-box .tertiaryButton, .popup-box .destroyButton
	{
	float: right;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 10px;
}

a.link-inline {
	margin: 10px 0 0 0;
	line-height: 20px;
	background: none;
	padding: 0;
	color: #0696d7;
	display: inline;
	text-transform: none;
}

.popup-box ul {
	font-size: 13px;
	padding: 0;
	margin: 0 0 10px 0;
}

.popup-box li {
	width: 100%;
	overflow: hidden;
}

.popup-box input[type="checkbox"] {
	float: left;
	margin: 2px 10px 2px 0px;
}

.popup-box span {
	font-size: 14px;
}

.popup-box .primaryButton {
	float: right;
}


/*CLOUD PC NEW STYLES */

.navMenu ul li ul.expandMenuItem.six {
	height: 276px;
}

.navMenu li.vCP.navMenuSelected {
	background-image: url("../image/menuIcons/cloudPcH.png");
	opacity: 1;
}

.navMenu li.vCP {
	background-image: url("../image/menuIcons/cloudPc.png");
}

.navMenu li.vCP:hover {
	background-image: url("../image/menuIcons/cloudPcH.png");
}

.navMenu li.vCPa.navMenuSelected {
	background-image: url("../image/menuIcons/aCloH.png");
	opacity: 1;
}

.navMenu li.vCPa {
	background-image: url("../image/menuIcons/aClo.png");
}

.navMenu li.vCPa:hover {
	background-image: url("../image/menuIcons/aCloH.png");
}

.clear, .clearboth {
	clear: both;
}

/* BUTTONS */
.md_btn {
	display: inline-block;
	Min-width: 170px;
	Padding: 0px 30px;
	Color: #FFFFFF;
	Font-size: 14px;
	Text-transform: uppercase;
	Height: 36px;
	Border: none;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.md_btnMini {
	display: inline-block;
	Min-width: 100px;
	Padding: 0px 35px;
	Color: #FFFFFF;
	Font-size: 14px;
	Text-transform: uppercase;
	Height: 30px;
	Border: none;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 20px;
}

.md_btn:active, .md_btn:focus, .md_btnMini:active, .md_btnMini:focus {
	text-decoration: none;
	color: #FFF;
}

.md_btnPrimary {
	Background-color: #0696D7;
}

.md_btnPrimary:hover {
	Background-color: #0587C2;
	Color: #FFFFFF;
	text-decoration: none;
}

.md_btn:disabled {
	Background-color: #95D5F3 !important;
	Color: #FFF !important;
	text-decoration: none;
	cursor: not-allowed;
}

.md_btnSecundary {
	Background-color: #32BCAD;
}

.md_btnSecundary:hover {
	Background-color: #2FAC9F;
	Color: #FFFFFF;
	text-decoration: none;
}

.md_btnTerciary {
	Background-color: #808080;
}

.md_btnTerciary:hover {
	Background-color: #77787B;
	Color: #FFFFFF;
	text-decoration: none;
}

/*____WHAT's NEW_____*/
#whats-new {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 12px;
}

#whats-new .landing.main {
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}

#wn-header {
	position: absolute;
	top: 50%;
	left: 30%;
    width: 40%;
	height: auto;
	margin-top: -180px;
	padding: 3rem;
	background: rgba(255,255,255, .7);
	border: 1px solid rgba(240,240,240, 1);
}

@media (max-width: 513px) {
	#whats-new .wn-btn-container .changeBtn {
		margin-top: 2%;
	}
}

@media (max-width: 660px){
	#wn-header {
		top: 2%;
	    left: 5%;
	    width: 90%;
	    margin-top: 0px;
	    margin-bottom: 10%;
	}
}

@media (min-width: 661px) and (max-width: 800px){
	#wn-header {
	 	top: 5%;
		left: 12.5%;
		width: 75%;
		margin-top: 0px;
		margin-bottom: 10%;
	}
}

@media (min-width: 801px) and (max-width: 1050px){
	#wn-header {
		left: 20%;
		width: 60%;
		margin-top: -230px;
	}
}

@media (min-width: 1051px) and (max-width: 1149px){
	#wn-header {
		left: 26%;
    	width: 48%;
	}
}

@media (min-width: 1150px) and (max-width: 1270px){
	#wn-header {
		left: 28.5%;
		width: 43%;
	}
}

.landing-footer{
	position: fixed;
    bottom: 0;
    border-top: 1px solid #CCCCCC;
    background: #FFF;
    background: -webkit-linear-gradient(top, #fff 65%, #f3f3f3);
    background: -moz-linear-gradient(top, #fff 65%, #f3f3f3);
    background: -ms-linear-gradient(#fff 65%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 65%, #f3f3f3);
    height: 50px;
    width: 100%;
}

.wn-animation-icon {
	width: 60px;
	height: 60px;
	right: 20px;
    bottom: 20px;
    z-index: 3;
    position: absolute;
    cursor:pointer;
    -moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}

.wn-animation-icon:hover{
	opacity: 0.5;
}

.wn-animation-blue{
	background: url("../image/landing/arrow_blue_down.png") center center no-repeat;
}

.wn-animation-white{
	background: url("../image/landing/arrow_white_down.png") center center no-repeat;
}

.wn-animation-last{
	background: url("../image/landing/arrow_white_up.png") center center no-repeat;
}

.wn-rad-left-pattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.wn-rad-left-pattern:after {
	background: url('../image/landing/au-bg-lefttop.png');
	background-position: left top;
}

.wn-rada-right-pattern:after {
	left: 53%;
}

.wn-rad-right-pattern:after {
	background: url('../image/landing/fusion-bg-righttop.png');
	background-position: right bottom;
	left: auto;
	margin-left: auto;
}

.wn-rad-left-section-pattern:after {
	background: url('../image/landing/rad_bg_left_pattern.png');
	background-position: left bottom;
}

div[class*="wn-rad-"]:before, div[class*="wn-rad-"]:after {
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	left: 35%;
	margin-left: -512px;
}

@media (Min-width: 1500px){
	div[class*="wn-rad-"]:before, div[class*="wn-rad-"]:after {
		left: 26%;
	}
}

#whats-new h3.title {
	font-weight: bold;
	letter-spacing: 1px;
	color: #1858a8;
	margin: 0 0 3% 0;
}

#whats-new p {
	font-size: 13px;
	line-height: 20px;
	color: #6f6f6f;
}

#whats-new .wn-background {
	width: 100%;
	height: 100%;
	background: url(../image/waves_bg.png) no-repeat center center;
	display: table;
}

#whats-new .wn-my-desk-title-logo {
	display: flex;
    align-items: center;
	margin-bottom: 4%;
}

#whats-new .wn-my-desk-title-logo .emphasis-message{
	font-weight: bold;
	line-height: 60px;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.8em;
}


#whats-new .wn-my-desk-title-logo img{
	display: inline-block;
	width: 100%;
}

#whats-new .wn-p p {
	font-size: 1.5em;
	margin: 15px 0;
}

#whats-new .wn-my-desk-title {
	text-align: left;
    font-size: 7.5em;
    float: left;
}

.margin-right-pull{
	margin-right: -60px
}

#whats-new .wn-p{
	float: left;
}

#whats-new .wn-my-desk-subtitle {
	text-align: left;
	font-size: 220%;
	letter-spacing: 1px;
	margin: 40px 0px 20px 0px;
}

#whats-new .go-service-container{
	padding-top: 8%;
	padding-bottom: 11%;
	margin-bottom: 8%;
	border-bottom: 1.4px solid rgba(210,210,210, .4);
}

#whats-new .wn-btn-container {
	margin-top: 15px;
}

#whats-new .wn-btn-container .wn-btn-link-container {
	padding: 0.6em 0 0.4em 0;
}


#whats-new .wn-btn-container .loginBtn {
	z-index: 2;
	background-color: #0696d7;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 180px;
	margin-right: 1%;
    display: inline-block;
    text-align: center;	
}

#whats-new .wn-btn-container .changeBtn {
	z-index: 2;
	background-color: #32bcad;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 180px;
    display: inline-block;
    text-align: center;	
}

#whats-new .wn-btn-container .loginBtn:hover, #whats-new .wn-btn-container .changeBtn:hover {
	opacity: 0.7;
}

#whats-new .wn-btn-container .wn-change-password {
	padding-top: 5px;
	font-size: 1.2em;		
}

#whats-new .wn-line {
	border-top: 2px solid #333;
	width: 100%;
}

#whats-new .wn-col-img-devices {
	margin-top: 100px;
}

.wn-row-no-margin {
	margin: 0;
	display: table-cell;
    vertical-align: middle;
    height: 100%;
}
	
.table-cont{
	display: table;
    height: 320px;
}

.table-cell-cont{
	display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 30px;
}

.wn-devices {
	text-align: center;
}

#wn-section-legacy {
	position: relative;
	background-color: #1858A8;
	color: #fff;
}

#wn-section-legacy .wn-my-desk-title {
	font-size: 5.3em;
	white-space: nowrap;
}

#wn-section-legacy .wn-background {
	position: absolute;
	opacity: .3;
}

#wn-section-legacy .wn-p {
	margin-top: 30px;
}

#wn-section-email-list {
	position: relative;
	background-color: #279C90;	
	color: #fff;
}

#wn-section-email-list {
  	position: relative;
  	color: #fff;
	background: #87d540; /* Old browsers */
	background: -moz-linear-gradient(left,  #87d540 0%, #87bc40 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #87d540 0%,#87bc40 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #87d540 0%,#87bc40 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87d540', endColorstr='#87bc40',GradientType=1 ); /* IE6-9 */		
  }

#wn-section-email-list .wn-my-desk-title {
	font-size: 5.3em;
}

#wn-section-email-list .wn-background {
	position: absolute;
	opacity: .3;
}

#wn-section-email-list .wn-p {
	margin-top: 30px;
}

.landing-intro{
	width: 190px;
    background: #87BC40;
    position: fixed;
    right: 53px;
    top: 45%;
    font-size: 16px;
    color: #fff;
    padding: 20px;
    line-height: 20px;
    -ms-box-shadow: 0px 0px 30px -5px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0, 0.5);
    box-shadow: 0px 0px 30px -5px rgba(0,0,0, 0.5);
    
}

.intro-arrow{
	background: #87BC40;
    width: 15px;
    height: 15px;
    position: absolute;
    right: -5px;
    top: 58px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.intro-dismiss{	
    width: 100px;
    height: 27px;
    background-color: #0696d7;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 27px;
    float: right;
    margin-top: 15px;
    border: none;
    color: #fff;
}

.mydesk-version{
   color: #aaa;
   text-align: right;
   float: right;
   margin: 16px 25px;
}

.reset-pass-btn-cont{
   text-align: center;
   width: 100%;
   overflow: hidden;
}

.reset-action-btn {
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 5px 0px;
    width: 100%;
}

.reset-action-btn:hover{
	opacity: 0.7;
}

.reset-action-title {
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    height: 40px;
    background: #87bc40;
    line-height: 40px;
    width: 200px;
    text-align: left;
    padding-right: 30px;
    padding-left: 12px;
}

.reset-icon{
	width: 70px;
    height: 40px;
    display: inline-block;
    float: left;
}
.reset-push{
	background: url(../image/resetPassword/push.png) no-repeat right center;
	background-size: 44px;
    background-color: #87bc40;
}
.reset-sms{
	background: url(../image/resetPassword/sms.png) no-repeat right center;
	background-size: 44px;
    background-color: #87bc40;
}
.reset-call{
	background: url(../image/resetPassword/call.png) no-repeat right center;
	background-size: 44px;
    background-color: #87bc40;
}
p.reset-text {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #bbb;
    margin: 0;
}

li.reset-passcode {
    width: 100%;
    display: inline-block;
}

.single-secondary-btn input.secondaryBtn{
	margin: 0px;
}

.invalid-title {
    font-size: 24px;
    color: #FF0000;
}

.invalid-user-text{
    padding-right: 40px;
    padding-top: 10px;
}



/*********************************/
/********* Media Query ***********/
/*********************************/
@media ( min-width : 1600px) {
	#tileGrid .myd-col-xl-3 {
		width: 25%;
	}
}
@media ( max-width : 1600px) {
	#whats-new .wn-my-desk-title-logo .emphasis-message{
	font-size: 2.5em;
	}
}
@media ( max-width : 1450px) {
	#whats-new .wn-my-desk-title-logo .emphasis-message{
	font-size: 2em;
	}
}
@media ( max-width : 830px) {
	#whats-new .wn-my-desk-title-logo .emphasis-message{
	font-size: 1.8em;
	}
}

@media ( max-width : 1285px) {
	.changePassIcon {
		background: url("../image/userAccount/changePassIcon-md.png") center
			center no-repeat;
		width: 50px;
		height: 80px;
	}
	.bannerPassword:hover .changePassIcon {
		background: url("../image/userAccount/changePassIcon-md-h.png") center
			center no-repeat;
	}
	.notification {
		background: url("../image/userAccount/notification-md.png") center
			center no-repeat;
		width: 50px;
	}
	.notificationCont:hover .notification {
		background: url("../image/userAccount/notification-md-h.png") center
			center no-repeat;
	}
}

@media ( max-width : 1200px) {
	.changePassTile span {
		text-align: center;
		display: block;
	}
	.changePassTile {
		margin: 8px auto;
		float: none;
	}
	.notificationText {
		width: 60%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.notificationText h2, .notificationText p, .notificationText a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media ( min-width : 992px) {
	.userInfo {
		width: 60%;
	}
}

@media ( max-width : 991px) {
	.userInfo {
		width: 100%;
	}
	.notificationCont .changePassTile {
		width: 66%;
	}
	.notificationIcon {
		width: 50px;
	}
}

@media ( max-width : 767px) {
	.pageDescription-gradient{
		padding-left: 16px;
		margin-bottom: 70px;
	}
	.manage-switch-link{
		padding-top: 55px;
    	padding-left: 0px;
    	margin-left: -15px;
	}
	#loginChangePwdBody .FAQpanel{
		padding-left: 0px;
    	margin-left: -15px;
	}
	#loginChangePwdBody #change-password-cont {    
    	right: 0%;
	}
	
}

@media ( min-width : 768px) and (max-width: 1115px) {
	#loginChangePwdBody .changepasscontentbutton{
		width: 100%;
	}
	#loginChangePwdBody input.secondaryBtn{
		width: 100%;
		margin-bottom: 15px;
	}
	
	#loginChangePwdBody input.loginBtn{
		width: 100%;
	}
}

@media ( min-width : 768px) and (max-width: 888px) {
	.reset-action-btn {
    	width: 100%;
	}
	.reset-icon.reset-push, .reset-icon.reset-call {
	    width: 100%;
	    background-position: top center;
	}
	.reset-action-title {
	    text-align: center;
	    width: 100%;
	    padding: 0 0;
	}
}

@media ( min-width : 768px) and (max-width: 1149px) {
	div#successContainer .successLine h4, div#successContainer .successLine h4.cp-oneLine{
		margin: -24px 0px 15px 40px;
	}
	#loginChangePwdBody .loading-gif{
		margin: 0 auto;
    	float: none;
    	margin-top: -25px;
	}
	#loginChangePwdBody h3#loading-title {
	    margin-top: -6px;
	    text-align: center;
	}
}

@media ( min-width : 890px) and (max-width: 991px) {
	#tileGrid .myd-col-sm-6 {
		width: 50%;
		float: left;
	}
}

@media ( min-width : 980px) and (max-width: 1050px) {
	.table-cont {
		width: 100%;
	}
}
@media (max-width: 700px){
	#whats-new .wn-my-desk-title-logo {
		display: block;
	}
	#whats-new .wn-my-desk-title-logo .emphasis-message{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2em;
	}
}

/*********************************/
/******* General Icons *******/
/*********************************/

.homeicon--sm{
	background: url('../image/home_icon.png') center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
}


/*********************************/
/******* Helpers *******/
/*********************************/

.no-padding{
	padding: 0;
}

/*********************************/
/******* retire banner *******/
/*********************************/

.retire-gradient{		
	background: #83ba45; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #83ba45 0%, #0698d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #83ba45 0%,#0698d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #83ba45 0%,#0698d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83ba45', endColorstr='#0698d6',GradientType=1 ); /* IE6-9 */	
	margin: 1% 0 3% 0;
	padding: 2% 0;
	color: white;
}

.retire-message{
	margin-top: -3%;
	padding: 3% 0;
	background: #ececec;
}

.retire-message > h5 {
	color: #000;
	line-height: 20px;
	font-family: Artifakt-Element, FrutigerNxtLT, Arial, Helvetica, DejaVu Sans,sans-serif;
	font-weight: 600;
}

.retire-message > h5 > span.emText {
	font-weight: bold;
}

.retire-message > .retire-message-help{
	font-weight: bold;
}

.retire-message-divisor{
	height: 1px;
	width: 7%;
	margin: 3% 47%;
	background: #a2a2a2;
}

.retire-btn-container {
	padding: 4% 0 6% 0;
}

.retire-message-help{
	font-size: .9rem;
}

.retire-btn-container > .retire-btn{
	margin: 3%;
	padding: 1% 5%;
	font-size: 1rem;
	text-decoration: none;
	color: white;
}

.retire-btn-container > .retire-btn:hover{
	color: white;
}

.close-retire-btn-container {
	position: absolute;
	right: 3%;
	top: 5%;
}

.close-retire-btn-container > .close.close-retire-btn{
	color: white;
	font-weight: 100;
}

.close.close-retire-btn > .close-icon{
	font-size: 2.7rem;
	vertical-align: middle;
	display: inline-block;
}

.close.close-retire-btn > .close-icon > .close-text{
	font-size: .9rem;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
	margin-left: 3px;
}

.retire-logo{
	background: url('../image/moving-cart.png') center no-repeat;
	background-size: contain;
}

.retire-logo-profile-picture{
	width: 110px;
	height: 103px;
	background: url('../image/profileMoving.png') center no-repeat;
	background-size: contain;
	margin: 10px auto;
}

.edit-photo-container h2 {
	color: #1858A8;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.edit-photo-container p {
	font-family: Artifakt-Element, FrutigerNxtLT, Arial, Helvetica, DejaVu Sans,sans-serif;
    color: #4b4b4b;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.edit-photo-container p > .emphasis-message {
	font-weight: bold;
}

.edit-photo-container a.loginBtn {
	margin: 0 auto;
}

/*serving the retina images - devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-devicepixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx) {
  .retire-logo-profile-picture{
		background: url('../image/profileMoving@2x.png') center no-repeat;
		background-size: contain;
	}
}

.pre{
	width: 80%;
    height: 70px;
	margin: 2% 20%;
}

.moved{
	width: 100%;
    height: 120px;
	margin: 2% auto;
}

/*@media (min-width: 769px) and (max-width: 991px){
	.retire-logo{
		margin: 4% 20%;
	}
}*/

/*********************************/
/******* PORTAL SERVICE STYLES *******/
/*********************************/

html .portal-service, body.portal-service {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Artifakt-Element, FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background: #FFF;
	line-height: normal;
}

.portal-service h1, h2, h3, h4, h5, h6 {
	font-family: Artifakt-Element, FrutigerNextLT-Regular, Arial, Helvetica, DejaVu Sans, sans-serif;
	font-weight: normal;
}

.portal-service .mydesk-main-container {
	width: 100%;
	margin: 0;
	background: #555555;
}

.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}

.portal-service .ADlogo {
	width: 149px;
	height: 57px;
	background: url("../image/autodesk-logo-rgb-white-medium.png") center center no-repeat;
	margin-top: 0;
	background-size: contain;
}

.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}
.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}
.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}
.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}
.portal-service .mainHeader {
	height: 76px;
	width: 100%;
	margin: auto;
	background: #555555;
	text-align: center;
	min-width: 768px;
}

.portal-service .myDeskLogo {
	float: left;
	line-height: 75px;
	color: #373435;
	font-size: 45px;
	cursor: pointer;
	text-transform: uppercase;
}

.portal-service #loginChangePwdBody .myDeskLogo {	
	padding: 0 3% 0 3%;
	background: #0696d7;	
}

.portal-service .sub-title-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px;
}

.portal-service .sub-title-container {
	float: left;
	height: 57px;
	padding: 0 2% 0 2%;
	background: #6d6d6d;
}

.portal-service .sub-title-text {
    font-size: 1.1rem;
	color: #e8e8e8;
}

.portal-service .pageDescription-gradient{
	font-size: 15px; 
	margin-top: 22px; 
	margin-bottom: 35px;
	line-height: 20px;
}

.portal-service .FAQpanel .helptitle {
	padding-bottom: 20px;
	font-size: 18px;
	color: #1858A8;
	font-weight: bold;
}

.portal-service .loginBtn {
	background: transparent;
	border:1px solid #0696D7;
	font-size: 12px;
	color: #0696D7;
	height: 36px;
	width: 170px;
	margin: auto;
	cursor: pointer;
	text-transform: uppercase;
}

.portal-service input.secondaryBtn {
	background: none;
	border:1px solid #808080;
	font-size: 12px;
	color: #808080;
	height: 36px;
	width: 170px;
	margin: auto;
	cursor: pointer;
	margin-right: 5px;
	text-transform: uppercase;
}

.portal-service input.loginBtn:hover {
	background-color: #0587C2;
	color: white;
}

.portal-service input.secondaryBtn:hover {
	background-color: #606060;
	color: white;
}

.portal-service .landingADLogo {
	width: 150px;
	height: 30px;
	background: url("../image/autodesk-logo-rgb-white-medium.png") center center no-repeat;
	margin-left: -75px;
	position: absolute;
	top: 90%;
	left: 50%;
}
.landing-center-text {
	text-align: center;
}