/*
* mobileexec.adjust.css	1.0		April 04, 2014
*
* Copyright © 2014 Ultramain Systems, Inc.
* All Rights Reserved
*
* @purpose This will reset HTML elements and give some default styling
*          required for mobile executive home page
* @author Zjin
*/

*:focus,
*:active {
	outline: 0;
}

page,
moreButton,
prevButton,
nextButton { display: none; }

.clear-both { clear: both; }

.pageType-popup { width: 100%; height: 100%; background: transparent url('../../images/MM/loading-bg.png') repeat 0px 0px; position: fixed; top: 0px; left: 0px; z-index: 10001 !important; }
.pageType-popup .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }

a.button , div.mobileExecPopup{
	display: inline-block;
	width: 148px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000;
	border-radius: 11px;
	font-size: 2.4em;
	color: #e0e5eb;
	
	background: -webkit-linear-gradient(#51565a, #3b3e40) !important;
	background: -o-linear-gradient(#51565a, #3b3e40) !important;
	background: -moz-linear-gradient(#51565a, #3b3e40) !important;
	background: linear-gradient(#51565a, #3b3e40) !important;
}

button.pickAllNoneButton{
	display: inline-block;
    width: 84px;
    height: 31px;
    line-height: 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 8px;
    font-size: 1.8em;
    color: #e0e5eb;
    background: linear-gradient(#51565a, #3b3e40) !important;
}

div.timeCardApprove , div.timeCardReject
{
	margin-left: 20px;
    margin-top: 20px;
}

 a.timeCardCancel
{
	position: relative;
    top: 50px;
    left: 180px;
}

a.timeCardSave{
	position: relative;
    top: 50px;
    left: 80px;
}

.mobileExecPOApprovalPopup.mobileExecTimeCard
{
  height: 320px !important;
}

.mobileExecPOApprovalPopupContent.mobileExecTimeCardContent
{
	padding-top: 20px !important;
	height: 250px !important;
}

#homePageHeader {
	width: 766px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #000;
	background: -webkit-linear-gradient(#51565a, #272b2f) !important;
	background: -o-linear-gradient(#51565a, #272b2f) !important;
	background: -moz-linear-gradient(#51565a, #272b2f) !important;
	background: linear-gradient(#51565a, #272b2f) !important;
	position: fixed !important;
	z-index: 9999;
}

#applicationBody {
	padding-top: 82px;
	width: 768px;
	min-height: 1212px; /** total 1364px **/
	overflow: hidden;
	background-color: #151719;
}

/** Login page **/
#loginPage {
	min-height: 832px;
	margin: 15px;
	border: 1px solid #000;
	background-color: #292b2d;
	padding: 190px 155px;
}
#loginPage .login-wrap {
	background-color: #202223;
	border-radius: 14px;
	padding: 4px;
}
#loginPage .login-wrap form {border: 1px solid #000;border-radius: 11px;background-color: #52565a;overflow: hidden;height: 365px;}
#loginPage .login-wrap form h4 {
	font-size: 2.4em;
	color: #e0e5eb;
	font-weight: normal;
	text-align: center;
	height: 57px;
	line-height: 57px;
	border: 1px solid #000;
	border-radius: 0 0 11px 11px;
	margin: -1px -1px 0 -1px;
	
	background: -webkit-linear-gradient(#51565a, #3b3e40) !important;
	background: -o-linear-gradient(#51565a, #3b3e40) !important;
	background: -moz-linear-gradient(#51565a, #3b3e40) !important;
	background: linear-gradient(#51565a, #3b3e40) !important;
}
#loginPage .login-wrap form .form-inner { padding: 24px; }
#loginPage .login-wrap form .form-inner .form-item { padding-bottom: 9px; }
#loginPage .login-wrap form .form-inner .form-item:last-of-type { padding-bottom: 24px; }
#loginPage .login-wrap form .form-inner .form-item input {
	width: 92%;
	height: 17px;
	line-height: 17px;
	border: 1px solid #000;
	border-radius: 11px;
	background-color: #e5eef5;
	padding: 13px 4%;
	font-size: 2.4em;
	color: #a8afb2;
}
#loginPage .login-wrap form .form-inner .form-item-label-changed input { color: #050708; }
#loginPage .login-wrap form .form-inner a.button {display: block;width: 364px;}
#loginPage .login-wrap form .form-inner a.changePassword {padding: 1px 1px 1px 1px;float:left;height: 41px;line-height: 35px;font-size: 2.1em;font-weight: bold;width: 190px;color: #f2f0f0;margin-left: 195px;}

#MobileExecHomePageTabs { 
	background: none;
	border: none;
	padding: 0;
}
#MobileExecHomePageTabs>div ul {
	height: 158px;
	background: none;
	background-color: #151719;
	border: none;
	white-space: nowrap;
}
#MobileExecHomePageTabs>div ul li {
	border: none;
	margin: 0;
	background: none;
	display: inline-block !important;
	float: none !important;
}
#MobileExecHomePageTabs>div ul li a {
	display: block;
	width: 188px;
	height: 188px;
	text-decoration: none;
	padding: 0;
	background: none;
}

#workspaceContent {
	padding: 173px 15px 15px 15px;
	border-radius: 0px;
}
#mobileExecutiveWorkspace .SvgTab {
	padding: 25px 0 0 0;
	border: 1px solid #000;
	background-color: #292b2d;
	min-height: 1019px;
}
/*for event tab*/ 
.inbox-tab .messages .eventTimeCardForm a.button {
	margin-right: 20px;
}

.inbox-tab .messages .eventTimeCardForm .approval{
   display : inline-block;
   margin-top: 20px;
}

.inbox-tab .messages .eventTimeCardForm .reject{
   display : inline-block;
   margin-top: 20px;
}

/** Inbox **/
.inbox-tab .info-center {
	padding: 0 22px 27px 22px;
}
.inbox-tab .info-center .date {
	font-size: 4.0em;
}

.inbox-tab h3 {
	height: 40px;
    line-height: 40px;
    font-size: 3.0em;
	font-weight: normal;
	color: #dfe4e8;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	
	background-image: -webkit-linear-gradient(#4f5458, #3b3e40);
	background-image: -o-linear-gradient(#4f5458, #3b3e40);
	background-image: -moz-linear-gradient(#4f5458, #3b3e40);
	background-image: linear-gradient(#4f5458, #3b3e40);
}
.inbox-tab h3 span {
	display: inline-block;
	float: left;
	margin: 0 10px 0 9px;
	width: 32px;
	height: 40px;
	background: transparent url('../../images/MobileExec/calendar-icon.svg') no-repeat 0px 50%;
}
.inbox-tab h3.messages span {
	background-image: url('../../images/MobileExec/message-icon.svg');
}
.inbox-tab h3.events-cal span {
	background-image: none;
	padding-top: 3px;
}

.inbox-tab .data-container {
	padding: 0 12px 20px 12px;
}

.inbox-tab .data-container .no-results{
	display: none;
}

.inbox-tab .messages .message {
	padding: 17px 5px 20px 5px;
	border-bottom: 2px solid #505559;
}
.inbox-tab .messages .message .subject-line {
	font-size: 3.0em;
	text-align: right;
	color: #505559;
}
.inbox-tab .messages .message .subject-line .subject {
	float: left;
	width: 570px;
	text-align: left;
	color: #dfe4e8;
}
.inbox-tab .messages .message .description {
	font-size: 2.2em;
	padding: 8px 0 0 35px;
}
.inbox-tab .messages .message .description span.total{
	    margin-right: 16px;
}
.inbox-tab .messages .message-details {
	clear: both;
	display: none;
	padding: 36px 0 12px 12px
}

.inbox-tab #inboxMessageContainerForInvoices .messages .message-details {
	clear: both;
	padding: 36px 0 12px 12px
}
.inbox-tab .messages .message-details .approval,
.inbox-tab .messages .message-details .reject { display: inline-block; }
.inbox-tab .messages .message-details a.button {
	margin-right: 20px;
}
.inbox-tab .messages .message-details .header {
	margin-top: 12px;
    margin-bottom: 12px;
}
.inbox-tab .messages .message-details .header .form-item {
	display: inline-block;
}
.inbox-tab .messages .message-details .header .form-item.form-depId,
.inbox-tab .messages .message-details .header .form-item.form-desc,
.inbox-tab .messages .message-details .header .form-item.form-comment
 {display: block;}
 
 
.inbox-tab .messages .message-details .header .value.desc,
.inbox-tab .messages .message-details .header .value.comment
 {font-size: 2.2em; padding-left: 40px;}
 
.inbox-tab .messages .message-details .header .form-item label {
	display: inline-block;
	width: 169px;
	height: 29px;
	line-height: 29px;
	vertical-align: bottom;
	font-size: 2.2em;
}
.inbox-tab .messages .message-details .header .form-item .value {
	display: inline-block;
	width: 202px;
	height: 29px;
	line-height: 29px;
	vertical-align: bottom;
	padding-right: 5px;
	overflow: hidden;
	word-wrap: break-word;
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
}
.inbox-tab .messages .message-details .header .form-expected-delivery .value,
.inbox-tab .messages .message-details .header .form-ship-to .value {
	width: 131px;
}
.inbox-tab .messages .message-details .header .form-award-total label {
	width: 230px;
}
.inbox-tab .messages .message-details .header .form-vendor .value{
	width: 510px;
}
.inbox-tab .messages .message-details .lines {
	margin-top: 18px;
	font-size: 2.0em;
}
.inbox-tab .messages .message-details .lines div {
	display: inline-block;
}
.inbox-tab .messages .message-details .lines div.changeRemarks {
	display: block;
}
.inbox-tab .messages .message-details .lines .value.remarks {
	display: block; padding-left: 40px;
}
.inbox-tab .messages .message-details .lines .line,
.inbox-tab .messages .message-details .lines .line-details {
	display: block;
}
.inbox-tab .messages .message-details .lines .title {
	padding: 2px 0;
}
.inbox-tab .messages .message-details .lines .title.line-label { width: 90px; padding-left: 6px; text-align: center; }
.inbox-tab .messages .message-details .lines .line .expand { width: 18px; }
.inbox-tab .messages .message-details .lines .line .line-number { width: 50px; }
.inbox-tab .messages .message-details .lines .title.item,
.inbox-tab .messages .message-details .lines .line .item { width: 327px; }
.inbox-tab .messages .message-details .lines .title.qty { width: 98px; text-align: center; }
.inbox-tab .messages .message-details .lines .line .qty { width: 54px; }
.inbox-tab .messages .message-details .lines .line .uom { width: 40px; text-transform: uppercase; }
.inbox-tab .messages .message-details .lines .title.total,
.inbox-tab .messages .message-details .lines .line .total { width: 151px; text-align: right; }

.inbox-tab .messages .message-details .lines .title-wrap,
.inbox-tab .messages .message-details .lines .line {
	border-bottom: 1px solid #dfe4e8;
}
.inbox-tab .messages .message-details .lines .line .line-val {
	padding: 8px 0;
}
.inbox-tab .messages .message-details .lines .line .qty,
.inbox-tab .messages .message-details .lines .line .uom { text-align: right; }
.inbox-tab .messages .message-details .lines .line .line-info {
	display: none;
	padding: 12px 20px 18px 20px;
}
.inbox-tab .messages .message-details .lines .line .line-info .item {
	width: auto;
}
.inbox-tab .messages .message-details .lines .line .line-info .item label {
	display: inline-block;
	width: 105px;
	height: 22px;
	line-height: 22px;
	vertical-align: bottom;
}
.inbox-tab .messages .message-details .lines .line .line-info .item .value {
	display: inline-block;
	width: 205px;
	height: 22px;
	line-height: 22px;
	vertical-align: bottom;
	padding-right: 5px;
	overflow: hidden;
	word-wrap: break-word;
	text-transform: uppercase;
}
/* .inbox-tab .messages .message-details .lines .line .line-info .item.price .value,
.inbox-tab .messages .message-details .lines .line .line-info .item.condition .value {
	width: 140px;
} */
.inbox-tab .messages .message-details .lines .line .line-info .item.desc .value {
	width: 530px;
}
/* .inbox-tab .messages .message-details .lines .line .line-info .item.cost-type .value,
.inbox-tab .messages .message-details .lines .line .line-info .item.charge-to .value {
	width: 270px;
} */

.inbox-tab .messages .message-details .lines .line input[name="line"] {
	width: 25px; height: 25px; margin: 0 3px 0 -8px;
}

.inbox-tab .messages .message-details .header .form-lineNo .value,
.inbox-tab .messages .message-details .header .form-qty .value,
.inbox-tab .messages .message-details .header .form-customerNo .value 
 {
	width: 100px;
}

.inbox-tab .messages .message-details .header .form-fcUnitPrice .value 
{
	width: 160px;
}
.inbox-tab .messages .message-details .header .form-fcExtPrice .value 
 {
	width: 147px;
}
.inbox-tab .messages .message-details .header .form-fcExtPrice label {
	width: 195px;
}

.inbox-tab .messages .loadMoreButtonWrap a {
	display: block;
	text-align: center;
	padding: 34px 0;
	color: #dfefe8;
	text-decoration: none;
	font-size: 2.6em;
	font-weight: bold;
	border-bottom: 2px solid #505559;
}






/* .inbox-tab .messages .message-details table.lines-table {
	margin-top: 32px;
	font-size: 2.0em;
}
.inbox-tab .messages .message-details table.lines-table thead th { 
	font-weight: normal;
	text-align: left;
	padding: 4px 0;
}
.inbox-tab .messages .message-details table.lines-table thead th.line { width: 92px; padding-left: 6px; text-align: center; }
.inbox-tab .messages .message-details table.lines-table thead th.item { width: 282px; }
.inbox-tab .messages .message-details table.lines-table thead th.qty { width: 116px; }
.inbox-tab .messages .message-details table.lines-table thead th.total { width: 190px; }
.inbox-tab .messages .message-details table.lines-table tbody tr:first-of-type td {
	border-top-width: 2px;
}
.inbox-tab .messages .message-details table.lines-table tbody tr:last-of-type td {
	border-bottom-width: 2px;
}
.inbox-tab .messages .message-details table.lines-table tbody td {
	border: 1px solid #dfe4e8;
	border-left: none;
	border-right: none;
	padding: 4px 0;
} */






.ui-state-focus {
	border: none !important;
}

#homePageNavbar {
	position: fixed;
	z-index: 9998;
	left: 2px;
}
#homePageNavbar ul.ui-tabs-nav { padding: 0; }

#homePageLoginErrorMsg {
	display: none;
	background-color: rgb(229, 181, 175);
	width: 800px;
	height: 60px;
	z-index: 10000;
	position: absolute;
	top: 120px;
	left: 170px;
	border-width: 5px !important;
	border-color: rgb(228, 81, 105) !important;
	border: solid;
	border-radius: 15px;
	font-size: 45px;
	font-family: sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	color: rgb(78, 78, 78);
}

button#homePageLoginButton {
	font-size: 45px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 8px;
	border-color: #606060;
	background: -webkit-linear-gradient(#636363, #353535) !important;
	background: -o-linear-gradient(#636363, #353535) !important;
	background: -moz-linear-gradient(#636363, #353535) !important;
	background: linear-gradient(#636363, #353535) !important;
	width: 300px;
	left: 280px;
	margin-top: 40px;
	color: rgb(206, 206, 206);
	border-width: 3px;
	border-color: rgb(46, 46, 46);
	border-radius: 15px;
}

div#mobileExecHomePageLoginMain {
	overflow-x: visible !important;
	overflow-y: visible !important;
	position: absolute;
	width: 950px;
	height: 500px;
	left: 100.0px;
	top: 230.0px;
	background-color: #52565A;
	border-width: 5px;
	border-color: rgb(42, 42, 42) !important;
	border-style: solid;
	border-radius: 20px;
}

div#homePageLoginHeader {
	width: 950px;
	left: 0.0px;
	top: 0.0px;
	position: absolute;
	height: 70px;
	border-radius: 10px;
	background: -webkit-linear-gradient(#585858, #2F3031) !important;
	background: -o-linear-gradient(#585858, #2F3031) !important;
	background: -moz-linear-gradient(#585858, #2F3031) !important;
	background: linear-gradient(#585858, #2F3031) !important;
	font-size: 45px;
	color: rgb(206, 206, 206);
	font-family: sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 18px;
}

#homePageLoginContent input:focus,#homePageLoginContent input {
	font-size: 45px;
}

#svgMainPage {
	position: absolute;
	width: 1158px !important;
	max-width: 1158px !important;
	min-width: 1158px !important;
	background-size: 1158px auto !important;
	-webkit-background-size: 1158px auto !important;
	-moz-background-size: 1158px auto !important;
	-o-background-size: 1158px auto !important;
	background-repeat: no-repeat !important;
	height: 100% !important;
	min-height: 100% !important;
	overflow: visible;
}

.homePageLoginBackground {
	position: fixed;
	width: 1160px !important;
	max-width: 1160px !important;
	min-width: 1160px !important;
	top: 98px !important;
	left: -1px !important;
}

.homePageLoginBackgroundDefault {
	height: 1200px !important;
	min-height: 1200px !important;
	max-height: 1200px !important;
	background-size: 1160px auto !important;
	-webkit-background-size: 1160px auto !important;
	-moz-background-size: 1160px auto !important;
	-o-background-size: 1160px auto !important;
	background-repeat: no-repeat !important;
	background: -webkit-linear-gradient(#363636, #505559) !important;
	background: -o-linear-gradient(#363636, #505559) !important;
	background: -moz-linear-gradient(#363636, #505559) !important;
	background: linear-gradient(#363636, #505559) !important;
}

.homePageLoginBackgroundPhone {
	height: 1600px !important;
	min-height: 1600px !important;
	max-height: 1600px !important;
	background-size: 1160px auto !important;
	-webkit-background-size: 1160px auto !important;
	-moz-background-size: 1160px auto !important;
	-o-background-size: 1160px auto !important;
	background-repeat: no-repeat !important;
	background: -webkit-linear-gradient(#363636, #505559) !important;
	background: -o-linear-gradient(#363636, #505559) !important;
	background: -moz-linear-gradient(#363636, #505559) !important;
	background: linear-gradient(#363636, #505559) !important;
}

.mobileExecHomePageBackgroundDefault {
	height: 1200px !important;
	min-height: 1200px !important;
	max-height: 1200px !important;
	background-size: 1160px auto !important;
	-webkit-background-size: 1160px auto !important;
	-moz-background-size: 1160px auto !important;
	-o-background-size: 1160px auto !important;
	background-repeat: no-repeat !important;
	background: -webkit-linear-gradient(#1F1F1F, #505559) !important;
	background: -o-linear-gradient(#1F1F1F, #505559) !important;
	background: -moz-linear-gradient(#1F1F1F, #505559) !important;
	background: linear-gradient(#1F1F1F, #505559) !important;
}

.mobileExecHomePageBackgroundPhone {
	height: 1600px !important;
	min-height: 1600px !important;
	max-height: 1600px !important;
	background-size: 1160px auto !important;
	-webkit-background-size: 1160px auto !important;
	-moz-background-size: 1160px auto !important;
	-o-background-size: 1160px auto !important;
	background-repeat: no-repeat !important;
	background: -webkit-linear-gradient(#1F1F1F, #505559) !important;
	background: -o-linear-gradient(#1F1F1F, #505559) !important;
	background: -moz-linear-gradient(#1F1F1F, #505559) !important;
	background: linear-gradient(#1F1F1F, #505559) !important;
}

.mobileExecHomePageBackground {
	position: fixed;
	width: 1160px !important;
	max-width: 1160px !important;
	min-width: 1160px !important;
	top: 98px !important;
	left: -1px !important;
}

.ui-popup-container .ui-content>p {
	margin: 0.2em 0 !important;
}

div#inboxTabPromptingPopup-popup {
	font-size: 3.2em !important;
	z-index: 10001 !important;
}

div#inboxTabPromptingPopup {
	display: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-width: 3px;
	border-color: rgb(175, 175, 175);
}

div#eventTabPromptingPopup-popup {
	font-size: 3.2em !important;
	z-index: 10001 !important;
}

div#eventTabPromptingPopup {
	display: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-width: 3px;
	border-color: rgb(175, 175, 175);
}

.inboxHeaderTitle {
	width: 450px;
	max-width: 450px !important;
	white-space: normal !important;
	word-wrap: normal !important;
	word-break: break-word !important;
}

.inboxContentParamElement {
	white-space: normal !important;
	word-wrap: normal !important;
	word-break: break-word !important;
}

.eventsPersonFontSize {
	width: 100%;
	font-size: 1em !important;
	padding-left: 30px;
}

.eventsCompanyFontSize { /* font-size:24px !important; */
	font-size: 1em !important;
	width: 100%;
	position: relative;
	padding-left: 30px;
}

.eventsContextListContainer a,.eventsContextListContainer a:active,.eventsContextListContainer a:visited,.eventsContextListContainer a:link
{
	color: #DEDEDE !important;
	font-weight: normal !important;
}

.eventsContextListContainer a:hover {
	color: #7BB7FF !important;
}

.eventsContextList {
	display: block !important;
	float: left !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-top-width: 1px !important;
	border-bottom-width: 0px !important;
	border-color: rgb(95, 95, 95);
	width: 100%;
	border-style: solid;
}

.eventsContextListContainer {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.eventsHeaderTitle {
	width: 450px;
	max-width: 450px !important;
	white-space: normal !important;
	word-wrap: normal !important;
	word-break: break-word !important;
	font-size:1.2em !important;
}

.eventsHeaderMainDate {
	float: right;
}

.events_popup {
	padding: 10px 75px 10px 75px;
	font-size: 0.7em;
	display: none;
	font-style: italic;
}

.ultramainFlipContainer {
	margin: 0 auto 40px;
	border: 6px solid #7E7E7E;
	border-style: outset;
}

.ultramainFlip {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

.ultramainFlipped {
	-webkit-transform: translateX(-105%) rotateY(-180deg);
	-moz-transform: translateX(-105%) rotateY(-180deg);
	-o-transform: translateX(-105%) rotateY(-180deg);
	transform: translateX(-105%) rotateY(-180deg);
}

.mobileExecHeaderLogo {
	position: absolute;
	display: block;
	width: 1158px;
	height: 81px;
	background-repeat: no-repeat;
	background-size: 1152px 81px;
	background-position: top right;
}

#homePageLoginForm .ui-input-text {
	margin-bottom: 20px !important;
	border-radius: 15px;
	background-color: rgb(224, 224, 224);
	border-width: 3px;
	border-color: rgb(65, 65, 65);
}

#homePageLoginContent {
	position: absolute;
	height: 370px;
	min-height: 370px;
	max-height: 370px;
	width: 850.0px;
	left: 30.0px;
	top: 100.0px;
	padding: 20px;
}

#changePasswordPage {padding: 190px 0px 0px 90px;}
#changePasswordPage .popup-inner {margin: 0 33px;height: 570px;background-color: #474b4e;border-color: #202223;}
#changePasswordPage .popup-inner h2{padding: 8px 0;text-align: center;background-color: #474b4e;border-bottom: 2px solid #0e0f0f;border-top: 2px solid #0e0f0f;border-right: 2px solid #0e0f0f;boder-left: 2px solid #0e0f0f;border-radius: 0 0 11px 11px;line-height: 40px;font-size: 2.3em;font-weight: normal;width: 524px;}
#changePasswordPage .popup-inner form {padding: 15px;}
#changePasswordPage .popup-inner form.form-style .group {margin: 0 9px 0px 9px;height: 210px;}
#changePasswordPage .popup-inner form .form-item {height: 50px;padding: 4px;}
#changePasswordPage .popup-inner form .form-item input {width: 420px;float: right;height: 40px;border-radius: 11px;background-color: #e5eef5;font-size: 2.0em;padding: 1px 4%;}
#changePasswordPage .popup-inner form .form-item-label-changed input {color: #333333;}
#changePasswordPage .popup-inner .button-wrap {text-align: center;margin: 2px 0 0 0;}
#changePasswordPage .popup-inner a.button {margin: 0 4px;width: 125px;}
#changePasswordPage .popup-inner a.cancelButton {width: 120px;margin-left: 15px;}
#changePasswordPage {padding: 190px 0px 0px 90px;}
#changePasswordPage .popup-inner {margin: 40px 33px;height: 358px;background-color: #474b4e;border-color: #202223;}
#changePasswordPage .popup-inner h2{padding: 8px 0;text-align: center;background-color: #474b4e;border-bottom: 2px solid #0e0f0f;border-top: 2px solid #0e0f0f;border-right: 2px solid #0e0f0f;boder-left: 2px solid #0e0f0f;border-radius: 0 0 11px 11px;line-height: 40px;font-size: 2.3em;font-weight: normal;width: 524px;}
#changePasswordPage .popup-inner form {padding: 15px;}
#changePasswordPage .popup-inner form.form-style .group {margin: 0 9px 0px 9px;height: 210px;}
#changePasswordPage .popup-inner form .form-item {height: 50px;padding: 4px;}
#changePasswordPage .popup-inner form .form-item input {width: 420px;float: right;height: 40px;border-radius: 11px;background-color: #e5eef5;font-size: 2.0em;padding: 1px 4%;}
#changePasswordPage .popup-inner form .form-item-label-changed input {color: #333333;}
#changePasswordPage .popup-inner .button-wrap {text-align: center;margin: 2px 0 0 0;}
#changePasswordPage .popup-inner a.button {margin: 0 4px;width: 125px;}
#changePasswordPage .popup-inner a.cancelButton {width: 120px;margin-left: 15px;}
div.disableOpenId{display: none;}
.splash-screen{width: 100%; height: 100%; background-color: #0d0e0f; position: fixed; z-index: 999999 !important; }
.splash-screen img{max-width: 60%; position:relative; top: 45%;left: 20%}
hr {border: none; border-top: 3px double #f2f0f0; color: #f2f0f0; overflow: visible; text-align: center; height: 5px; margin-bottom: 10px;
}
hr:after {background: #52565a; content: 'OR'; padding: 0 4px; position: relative; top: -8px; font-size:13px;}