/* Silabs Forms */

/* BIZAPPS-1866 Entire CSS has been cleaned, redone and restructured to remove unnecessary styles and simplify as much as possible using standard SLDS styling */
/* BIZAPPS-1866 Removed Helvetica to Salesforce Sans to match look and feel of Salesforce UI. Adding slds-scope on the page does the trick. */
/* BIZAPPS-2364,2365 As per Community Brand Refresh, all primary and secondary blue colors changed
	to #0f62fe and #0147ca respectively, green color changed to #00b970, box-shadow for input fields modified, 
    text color for labels changed from #797777 to #464646, text inside fields changed from #464646 to black. 
    Primary buttons changed to primary blue and secondary blue(on hover).
    Secondary buttons changed to White and primary blue(on hover). 
    Max width and height of logo styles changed due to new, redesigned logos. */

    body{
        transition: all 0.25s;
        background-color: #EEEEEE; /* BIZAPPS-2364,2365 Removed from page and added here */
        margin: 0px; /*BIZAPPS-3392 Added to remove margin around the registration and login pages*/
    }
    
    /* .slds-scope{
        font-family:'Inter',Helvetica,Arial,sans-serif;
    } */
    
    ::-webkit-input-placeholder { font-size: 12px;}
    :-moz-placeholder { font-size: 12px;}
    ::-moz-placeholder { font-size: 12px;};
    :-ms-input-placeholder { font-size: 12px;} 
    
    /*SSO specific classes */
    .sfsso-container {
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        max-width: 380px;
        background-color:#fff;
        border-radius: 4px;
        border: 1px solid #D4D4D4;    
        transition: all 0.25s;
    }
    
    .reg-sfsso-container {
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        max-width: 760px;
        background-color:#fff;
        border-radius: 4px;
        border: 1px solid #D4D4D4;    
        transition: all 0.25s;
    }
    
    .standard_logo_wrapper {
        height: 69px;
        overflow: hidden;
        max-width: 285px; /* BIZAPPS-2957 Changed width to max-width to make logo responsive */
        transition: all 0.25s;
    }
    
    .logoDiv { /* BIZAPPS-2364,2365 Removed from page and added here */
        height: 100%;
        display: table-cell;
        vertical-align: bottom;
    }
    
    .disableModalButtons {
        opacity:0.25;
        /* BIZAPPS-2364,2365 Removed background color and color tag to add opacity */
    }
    
    .blueItalicsHelpText {
        font-style:italic;
        color:#D91E2A;
    }
    
    .pwRegexPassText {
        color:#00b970;
        display:none;
        float:right;
        font-style:normal;
    }
    .pwRegexFailText {
        color:#d91e2a;
        display:none;
        float:right;
        font-style:normal;
    }
    
    .tooltip_PopoverBody { /* BIZAPPS-2364,2365 Removed from page and added here */
        font-style:normal;
        color:#FFFFFF;
    }

	.secure-fields { /* BIZAPS-3152 */
    	opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
	}
    
    /*SSO ID specfic styles */
    #main {
        padding-bottom:48px;
        transition: all 0.25s;
    }
    
    #pageWrapper{
        margin-left: auto;
        margin-right: auto;
        max-width: 380px;
        transition: all 0.25s;
    }
    
    #regPageWrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 760px;
        transition: all 0.25s;
    }
    
    #ssologo {
        /* max-width: 285px; BIZAPPS-2957 Commented to make logo responsive*/
        max-height: 69px;
        margin: auto;
        transition: all 0.25s;
    }
    
    #ssologoStudio, #ssologoStudioDark { /* BIZAPPS-2364,2365 Removed from page and added here */
        max-height:50px;
        max-width: 285px;
    }
    
    #heading-blurb {
        font-style: italic;
        color:#D91E2A;
        font-weight:600;
    }
    
    #sfsso-form-div input[type="text"] {
        height:2.25rem;
        font-size: 1.125em;
        color:#000000;
        transition: all 0.25s;
    }
    #sfsso-form-div input[type="text"]:focus {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="text"]:active {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="text"]:hover {
        border-color: #D91E2A;
    }
    #sfsso-form-div input[type="text"].error {
        border-color: #d91e2a;
    }
    #sfsso-form-div input[type="text"].error:hover {
        border-color: #d91e2a;
    }
    
    #sfsso-form-div input[type="email"] {
        height: 2.25rem;
        font-size: 1.125em;
        color:#000000;
        transition: all 0.25s;
    }
    #sfsso-form-div input[type="email"]:focus {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="email"]:active {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="email"]:hover {
        border-color: #D91E2A;
    }
    
    #sfsso-form-div input[type="password"]{
        height: 2.25rem;
        font-size: 1.125em;
        color:#000000;
        transition: all 0.25s;
    }
    #sfsso-form-div input[type="password"]:focus {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="password"]:active {
        border-color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div input[type="password"]:hover {
        border-color: #D91E2A;
    }
    
    #sfsso-form-div select {
        height:2.25rem;
        width: 100%;
        border-radius: 4px;
        font-size: 1.125em;
        color:#000000;
        padding-left: .75rem;
        padding-right: 1rem;
    }
    #sfsso-form-div select:focus { /* BIZAPPS-2364,2365 Added */
        color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div select:active { /* BIZAPPS-2364,2365 Added */
        color: #D91E2A;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
    #sfsso-form-div select:hover {
        border-color: #D91E2A;
    }
    #sfsso-form-div select.error {
        border-color: #d91e2a;
    }
    #sfsso-form-div select.error:hover {
        border-color: #d91e2a;
    }
    
    #sfsso-form-div input[type="Button"] {
        height:2.25rem;
        width: 100%;
        background-color: #D91E2A;
        border-style:none;
        border-radius:4px;
        color:#fff;
        font-size:14px;
        font-weight:700;
        transition: all 0.25s;
    }
    #sfsso-form-div input[type="Button"]:hover {
        background-color: #D91E2A;
    }
    #sfsso-form-div input[type="Button"]:focus {
        background-color: #D91E2A;
    }
    
    #sfsso-form-div input[type="submit"] {
        height: 35px;
        width: 100%;
        border-style:none;
        border-radius:4px;
        color:#fff;
        font-size:14px;
        font-weight:700;
        transition: all 0.25s;
        background-color: #D91E2A;
    }
    #sfsso-form-div input[type="submit"]:hover {
        background-color: #D91E2A;
    }
    #sfsso-form-div input[type="submit"]:focus {
        background-color: #D91E2A;
    }
    #secondaryBlueWhiteButton input[type="submit"], #primaryBlueButton input[type="submit"] {
        width:auto;
    }
    #secondaryBlueWhiteButton input[type="submit"] {
        background-color: #ffffff;
        color: #D91E2A;
    }
    #secondaryBlueWhiteButton input[type="submit"]:hover {
        background-color: #D91E2A;
        color: #ffffff;
    }
    #secondaryBlueWhiteButton input[type="submit"]:focus {
        background-color: #D91E2A;
        color: #ffffff;
    }
    #sfsso-form-div .submitDisabled {
        background-color: #D91E2A !important;
        color: #fff !important;
        opacity:0.25;
    }
    #sfsso-form-div .loginDisabled { /* BIZAPPS-2957 */
        background-color: #D91E2A !important;
        color: #fff !important;
        opacity:0.25;
    }
    
    #sfsso-form-div label {
        font-size: 14px;
        color:#464646;
    }
    #sfsso-form-div label.error {
        color:#d91e2a;
        font-weight:bold;
        font-size: 13px;
        display: block;
        text-align:center;
    }
    #sfsso-form-div a {
        color: #D91E2A;
        font-weight:700;
        text-decoration: none;
        transition: all 0.25s;
    }
    #sfsso-form-div a:hover {
        text-decoration: underline;
        color:#D91E2A;
    }
    
    #sfsso-form-div .centered-blurb {
        color:#464646;
    }
    #sfsso-form-div .loginPageLinks {
        font-weight:500;
        font-size:14px;
    }
    
    #sfsso-form-div .checkbox {
        width:1.563em;
        height:1.563em;
        background-color:#fff;
        transition: all 0.25s;
    }
    #sfsso-form-div .checkbox:hover {
        border-color:#D91E2A;
        color:#D91E2A;
    }
    
    #company_help { /* BIZAPPS-2364,2365 Removed from page and added here */
        position:absolute;
        top:4.75rem;
        left:0rem;
        background-color:#D91E2A;
    }
    #password_help { /* BIZAPPS-2364,2365 Removed from page and added here */
        position:absolute;
        top:3.75rem;
        left:0rem;
        background-color:#D91E2A;
    }
    
    #showPasswordButton { /* BIZAPPS-2364,2365 Removed from page and added here */
        margin-top:0.75rem;
        top:0;
    }
    #showPasswordButton:hover { /* BIZAPPS-2364,2365 Added */
        color:#D91E2A;
    }
    #showPasswordButton:focus { /* BIZAPPS-2364,2365 Added */
        color:#D91E2A;
    }
    
    
    [type="checkbox"]:not(:checked),
    [type="checkbox"]:checked {
        cursor: pointer;
        width: 16px; height: 16px;
        margin-top:2px;
        color:#D91E2A;
        border-color:#D91E2A;
        transition: all 0.25s;
    }
    [type="checkbox"]:checked:hover {
        color:#D91E2A;
    }
    
    
    @media screen and (min-width: 1px) and (max-width: 799px){  
        body {
            margin:1rem;
            transition: all 0.25s;
        }
    }
    @media only screen and (max-width: 479px){
        #leftColumn, #leftNameColumn { padding-right: 0; }
        #rightColumn { padding-left: 0; }
        #rightCompanyColumn { 
            padding-left: 0;
            margin-top: 0;
        }
    }
    
    @media only screen and (min-height: 1001px){ /* BIZAPPS-2364,2365 Removed min height of 1201px */
        #pageWrapper { padding-top: 240px; }
        #regPageWrapper { padding-top: 2rem; }
    }
    @media only screen and (max-height: 1000px){
        #pageWrapper { padding-top: 180px; }
    }
    @media only screen and (max-height: 800px){
        #pageWrapper { padding-top: 80px; }
    }
    @media only screen and (max-height: 640px){
        #pageWrapper { padding-top: 20px; }
    }