html,
body {
    background-color: #F6F6F6;
    min-height: 100vh;
    height: auto;
    margin: 0;
}

.wait_for_load {
    display: none;
}

.App-wrapper {
    display: flex;
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 13px;
    max-width: 1440px;
    min-height: 100vh;
    height: auto;
    margin: 0 auto;
    box-shadow: 0 1px 3px -1px rgba(111, 111, 111, 0.3), 0 1px 4px -1px rgba(129, 129, 129, 0.2);
}

.Login1 {
    background-color: white;
    max-width: 480px;
    min-width: 480px;
    width: 480px;
    min-height: 100vh;
    border-right: 1px solid rgba(129, 129, 129, 0.2);
}

.Login2 .working #loaderText {
	padding-top: 18px;
}

.help {
			margin-top:100px;
}

.help-lower {
			margin-top:200px;
}

.help-text {        
    color: #000000;
    font-family: 'Montserrat';
    font-size: 12px;
    margin: 0px        		
}

.logowanie-do-systemu {
    height: 27px;
    width: 320px;
    color: #000000;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-top: 90px;
}

.logowanie-do-systemu-r {
    height: 27px;
    width: 320px;
    color: #000000;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-top: 30px;
}

.logowanie-do-systemu-mfa {
    width: 320px;
    color: #000000;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-top: 70px;
}

.prosimy-o-zalogowani {
    width: 321px;
    color: #333333;
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
    margin-bottom: 33px;
}

.prosimy-o-zalogowani-r {
    width: 321px;
    color: #333333;
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.lang-select {
    margin-top: 20px;
}

.lang-select-active {
    font-weight: 700;
    text-decoration: none;
}

.lang-select-notactive {
    color: #cfcfcf;
    text-decoration: none;
}

#api {
    font-family: 'Montserrat';
    font-size: 14px;
    width: 320px;
}

.intro,
.divider {
    display: none;
}

button#next,
button#continue,
button#cancel,
button#verifyCode,
button#verifyPhone,
button#email_ver_but_send,
button#email_ver_but_verify,
button#email_ver_but_edit,
button#email_ver_but_resend {
    height: 36px;
    background-color: #454F51;
    border: 0px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
    cursor: pointer;
}

button#verifyCode {
    margin-right: 4px;
    width: 158px;
}

button#verifyPhone {
    width: 158px;
    margin-right: 4px;
}

button#next {
    width: 320px;
    margin-top: 20px;
}

button#continue,
button#cancel {
    width: 158px;
    margin-top: 30px;
    margin-bottom: 40px;
}

button#email_ver_but_verify,
button#email_ver_but_resend {
    width: 158px !important;
    margin-top: 10px;
}

button#email_ver_but_edit,
button#email_ver_but_send {
    width: 220px;
}

button:disabled {
    opacity: 0.4;
    cursor: default !important;
}

.phoneNumber {
    margin-bottom: 20px;
    display: flex;
}

.phoneNumber .type {
    margin-top: 10px;
    margin-right: 5px;
}

a#retryCode {
    color: blue;
    cursor: pointer;
}

.working {
    background: url(data:image/gif;base64,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) no-repeat;
    height: 10px;
    width: auto;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.create {
    margin-top: 30px;
}

#createAccount,
#forgotPassword {
    color: black;
    margin-left: 10px;
}

.entry-item {
    display: grid;
    margin-bottom: 20px;
}

.attrEntry {
    display: grid;
    margin-bottom: 5px;
}

input,
select,
textarea {
    height: 36px;
    width: 298px;
    border: 1px solid #D2D5D8;
    background-color: #FFFFFF;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

textarea {
    min-height: 50px;
    height: 130px;
    width: 314px;
    min-width: 314px;
    max-width: 314px;
    font-size: 12px;
    font-family: 'Montserrat';
    margin-bottom: 5px;
}

select {
    width: 320px;
}

input[type="checkbox"] {
    height: 15px;
    width: 15px;
}

input#email_ver_input {
    width: 166.2px;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 20px;
}

div#email_intro,
a.helpLink.tiny {
    display: none !important;
}

.error {
    color: #E7492E;
}

.error.itemLevel {
    display: none;
}

.error.itemLevel.show {
    display: block;
    width: 320px;
}

.verificationErrorText[aria-hidden=false] {
    margin-bottom: 14px;
    display: block !important;
    width: 320px;
}

.verificationInfoText[aria-hidden=false] {
    color: #33AA44;
    margin-bottom: 14px;
    display: block !important;
    width: 320px;
}

.verificationSuccessText[aria-hidden=false] {
    color: #33AA44;
    margin-bottom: 14px;
    display: block !important;
    width: 320px;
}

.LoginImg {
    background-color: white;
    width: 100%;
    background-image: url('https://stkdpwmfaadb2cprod.blob.core.windows.net/azure-ad-b2c/mfa/assets/tlo.jpg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    /* height: 100%; */
}

label[for="zgoda1"] {
    margin-top: 10px;
}

label[for="zgoda1_true"] {
    position: relative;
    top: -19px;
    left: 25px;
    margin-bottom: -10px;
}

label[for="zgoda2_true"] {
    position: relative;
    top: -19px;
    left: 25px;
    margin-bottom: -10px;
}

.number {
    margin-top: 10px;
}

/* input[type="checkbox"] {
    display: none;
}

label[for="zgoda1_true"]::before {
    border-color: #454F51;
    border-radius: 0;
    background-color: transparent;
    content: '-';
}

label[for="zgoda1_true"]:hover::before {
    border-color: #454F51;
}

input[id="zgoda1_true"]:checked+label[for="zgoda1_true"]::before {
    border-color: #454F51;
    background-color: transparent;
    content: 'x';
} */

.notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100%;
    max-width: 375px;
    border: 1px solid #d2d5d8;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 21px;
    box-shadow: 0 0 3px 0 rgba(111, 111, 111, .3);
}

.notification--hidden {
    display: none;
    opacity: 0;
    visibility: hidden
}

.notification__header {
    display: flex;
    align-items: center;
}

.notification__icon {
    display: block;
    background-size: contain;
    width: 15px;
    height: 15px;
}

.notification__icon--close {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url(https://stkdpwmfaadb2cprod.blob.core.windows.net/azure-ad-b2c/mfa/assets/close.svg);
    cursor: pointer;
}

.notification__icon--info {
    margin-right: 10px;
    background-image: url(https://stkdpwmfaadb2cprod.blob.core.windows.net/azure-ad-b2c/mfa/assets/info.svg);
}

.notification__heading {
    color: #000;
    font-weight: 500;
}

.noitifcation__content {
    color: #333;
    margin: 0;
    padding-left: 25px;
}

.Login1 {
    padding: 80px;
    box-sizing: border-box;
    width: 100%;
    min-width: auto;
    box-sizing: border-box;
    flex-shrink: 0
}

@media screen and (max-width:576px) {
    .Login1 {
        padding: 50px 40px
    }
}

@media screen and (max-width:415px) {
    .notification {
        max-width: calc(100vw - 40px);
    }
}

.Login2 {
    width: 100%;
    margin: 0
}

.login_logo {
    width: 100%;
    max-width: 150px;
}

.logowanie-do-systemu {
    width: 100%;
    height: auto
}

@media screen and (max-width:576px) {
    .logowanie-do-systemu {
        margin-top: 50px
    }

    .logowanie-do-systemu-mfa {
        margin-top: 50px;
    }

    .login_logo {
        width: 100%;
        max-width: 130px;
    }
}

.logowanie-do-systemu-r,
.prosimy-o-zalogowani-r {
    width: 100% !important;
    height: auto !important
}

.prosimy-o-zalogowani {
    width: 100%;
    height: auto
}

#api {
    width: 100%
}

#api .sendButton {
    width: 100%
}

#api .buttons {
    display: flex;
    margin-top: 10px;
}

#api .buttons #cancel,
#api .buttons #continue {
    margin: 0;
    flex-basis: 50%;
    margin-right: 5px
}

#api .buttons #cancel:last-child,
#api .buttons #continue:last-child {
    margin: 0
}

#api div.buttons.verify {
    display: block;
}

input,
select,
textarea {
    width: 100%;
    box-sizing: border-box
}

textarea {
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important
}

button#next {
    width: 100% !important
}

.error.itemLevel.show {
    width: 100% !important
}

.simplemodal-container {
    background: #fff !important;
    -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, .5) !important;
    -moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, .5) !important;
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, .5) !important;
}

#simplemodal-container .simplemodal-data {
    font-family: Montserrat;
    font-size: 20px;
}