﻿@import url('ReferenceTheme.OutSystemsUIWeb.BaseTheme.Plain.css?44539');
@import url('ReferenceTheme.DigitalUI_Th.DigitalUI_Th.Plain.css?44191');

/*Theme.SignupTheme.css*/
.Page {
    overflow: auto;
}

.login-content .signup-maincontent {
    margin-top: 130px;
    max-width: 400px;
}

.signup-maincontent {
    margin-top: 130px;
    max-width: 700px;
}

.corporate-link, .header-login div a:first-child {
    display: none;
}

a.no-decoration:hover {
    text-decoration: none;
}


@media only screen and (max-width: 450px) {
    .signup-maincontent {
        margin-top: 100px;
        width: 95%;
    }
    
    .provioning-input {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 451px) and (max-width: 764px) {    
    .signup-maincontent {
        margin-top: 100px;
        width: 90%;
    }
    
    .provioning-input {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


@media only screen and (min-width: 765px) and (max-width: 1023px) {
    .signup-maincontent {
        margin-top: 100px;
    }
}


@media only screen and (min-width: 1024px) {
   
}



.signup-maincontent .Form input.ReadOnly[readonly="readonly"] {
    background: var(--color-neutral-0);
}

.signup-maincontent .Form input.ReadOnly:not(.Not_Valid), 
.signup-maincontent .Form textarea.ReadOnly:not(.Not_Valid), 
.signup-maincontent .Form select.ReadOnly:not(.Not_Valid) {
    border: var(--border-size-s) solid var(--color-neutral-1);
}

 

.signup-maincontent .os-btn-cancel, .signup-maincontent a.os-btn-cancel:visited {
    border: var(--border-size-s) solid var(--color-neutral-6);
}

.signup-maincontent [class*="os-btn"], .signup-maincontent [class*="os-btn"]:visited {
    height: var(--space-xxl);
}



.signup-maincontent .Form input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

.signup-maincontent .checkbox:focus:before,
.signup-maincontent .radio-button:focus:before,
.signup-maincontent .TableRecords .TableRecords_Header [type="checkbox"]:focus:before {
    box-shadow: none;
}

.signup-maincontent .Form input[type="checkbox"].ReadOnly:not(.Not_Valid) {
    border: none;
}



 
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--color-neutral-4);
}
.separator.separator-text::before {
    margin-right: 1em;
}

.separator.separator-text::after {
    margin-left: 1em;
}

.signup-maincontent .signup-newaccount .card {
    padding: var(--space-s);
}

 
.signup-maincontent .sticky-box {
    overflow-y: auto;
    height: 340px;
    max-height: 340px;
    
    overflow: auto;
}



.input.selected {
    background-color: var(--color-transparent);
    border: var(--border-size-s) solid var(--color-green);
}

.opacity-light {
    opacity: 0.3;
}

.grecaptcha-badge {
    margin-bottom: 95px;
}

.largeinput.input {
    height: 55px;

}