.ui-dialog-titlebar-close{ display: none !important; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { color:black;background-color:#fbfbfb;border-color:black; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover { color:black;background-color:#bdbbbb;border-color:black; }
.required:before { content:"*\00a0"; color:red; }
body, html { height: 100%; }
* { box-sizing: border-box; }
.bg-img {
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    background-color: #fafafa !important;
    background-size: contain !important;
}
.loginContainer {
    width:400px !important;
    padding: 16px !important;
    margin: 0 !important;
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
    background-color: white !important;
    border-radius: 40px !important;
    padding-top: 50px !important;
    padding-bottom: 40px !important;
    visibility: hidden;
}
.styleHeight100Percent {
    height:100% !important;
}
.styleHeight25Percent {
    height:25% !important;
}
.styleWidth100Percent {
    width:100% !important;
}
.brandImage {
    width:280px !important;
}
.brandImageSlimmer {
    width:180px !important;
}
.loginInnerContainer {
    width:100% !important;
    padding:10px !important;
    background-color:transparent !important;
}
.noPadding {
    padding:0px !important;
}
.loginForm {
    padding:0px !important;
    margin:0px !important;
}
.loginFormDiv {
    padding-top:5px !important;
    text-align:left !important;
}
.loginDialog {
    visibility:hidden;
}
.loginBoldText {
    font-weight:bold !important;
}
.loginDialogDiv {
    width:100%;
    text-align:center ;
    padding-top:15px ;
    padding-bottom:15px;
}
.loginDialogImage {
    max-width:100px;
}
.loginDialogHeaderWeb {
    text-align:center !important;
    width:370px !important;
    align-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.loginDialogHeaderMobile {
    text-align:center !important;
    width:180px !important;
    align-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.loginButton {
    float:none !important;
    width:300px !important;
    max-width:300px !important;
    min-width:300px !important;
    font-weight:bold !important;
    height:50px !important;
    line-height:50px !important;
    border-radius:10px !important;
    color:white !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.loginCopyrightDiv {
    text-align:center !important;
}
.loginCopyrightDivMobile {
     text-align:center !important;
     color:black !important;
 }
.loginFieldSection {
    width:100% !important;
}
.loginFieldSectionHidden {
    width:100% !important;
    display:none;
    visibility:hidden;
}
.loginFieldErrorDiv {
    color:red  !important;
}
.loginForgotPasswordLink {
    text-decoration: underline !important;
    cursor: pointer !important;
}
.loginErrorMessageDiv {
    text-align:center !important;
    font-size:14px !important;
    color:red !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.loginSsoDiv {
    border-top-width:2px !important;
    border-top-style:solid !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.loginSsoButton {
    margin-top:10px;
    cursor: pointer;
    transition: filter 0.2s ease;
}
.loginSsoButton:hover {
    filter: brightness(0.85);
}
.loginMobileTitleDiv {
    width:99%;
    padding:10px;
    margin-top:50px;
    background-color:white;
}
.loginMobileContentDiv {
    width:100%;
    max-width:500px;
    padding:10px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
}
.loginMobileContentInnerDiv {
    border-radius:12px !important;
    padding:0px !important;
}
.loginMobileContentForm {
    padding:0px !important;
    margin:0px !important;
}
.loginMobileContentHeader {
    text-align:center;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:15px;
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.loginMobileForgotPasswordLink {
    text-decoration:underline;
    color:black;
    cursor:pointer;
}
.loginMobileContentFieldSet {
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.loginMobileContentFieldSetDiv {
    padding-top:5px;
    text-align:left;
}
.loginMobileContentFieldSetErrorDiv {
    font-size:14px !important;
    color:red !important;
    padding-bottom:5px !important;
}
.loginMobileFooter {
    text-align:center;
    border-bottom-width:0px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    height:15px;
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.competencyCloudLogo {
	width: 200px !important; 
	padding-top: 15px;
}