/* Minification failed. Returning unminified contents.
(7,1): run-time error CSS1019: Unexpected token, found '@import'
(7,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap')'
 */
html, html a {
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
    background-color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0;
    position: relative;
}

    body * {
        box-sizing: border-box;
        font-family: "Inter", Arial, sans-serif;
    }

a {
    color: #575a5d;
}

#header .container {
    padding: 0;
    height: auto;
}

#header {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    height: 75px;
    background-color: #fff;
}

.logo {
    width: 300px;
    height: auto;
    display: block;
    margin: 40px auto;
}

    .logo img {
        height: inherit;
        width: inherit;
    }

.han .logo {
    margin: 0;
    height: 75px;
}

.container {
    margin: 0 auto;
    position: relative;
}

.foot .container {
    height: auto;
}

.container.ebi {
    height: auto;
}

.foot {
    position: relative;
    height: 50px;
}

    .foot p {
        margin: 0;
        text-align: right;
    }

    .foot.relative .container.ebi {
        height: 159px;
    }

.df {
    display: flex;
}

.hf {
    min-height: 100vh;
    height: auto;
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .container {
        margin: 0 10%;
    }

        .container.hf {
            display: block;
        }

    #register,
    .copyrights,
    .colors-container {
        width: 100%;
    }

    .df #content {
        grid-template-columns: 100%;
    }

    .logo {
        margin: 36px 97px 19px 35px;
    }

    .login-container {
        margin: 0 15% 40px;
    }

    #register {
        padding: 0 15% 68px;
    }

    .blockquote {
        display: none;
    }

    #login .btn {
        width: 100%;
        border: 0;
    }

    #menuTop {
        display: block;
    }

    .register {
        padding: 0 0 0 0;
    }

    .navi ul li {
        width: 100%;
        padding: 0 0 0 30px;
    }

        .navi ul li a {
            width: 100%;
        }
}

/* Other (portrait and landscape) ----------- */
@media only screen and (min-width:321px) and (max-width : 959px) {
    .container,
    .copyrights,
    .colors-container {
        width: 100%;
    }

        .container.hf {
            display: block;
        }

    .logo {
        margin: 0 auto 70px 20px;
    }

        .logo.start {
            margin: 70px auto 70px;
        }

    .df #content {
        grid-template-columns: 100%;
        padding: 118px 0 0 33px;
    }

    .register-form input[type="password"],
    .register-form input[type="text"] {
        width: 90%;
    }

    .bootstrap-select > .btn {
        width: 90%;
        margin: 0;
    }

    #register {
        padding: 0 0 68px 15%;
    }

    .login-container {
        margin: 0 15% 40px;
    }

    .navi .logo {
        width: auto;
        display: inline-block;
    }

    #login .btn {
        width: 200px;
    }

    #content,
    .navi.reg {
        width: 100%;
        padding: 0px 20px 0;
    }

    #menuTop {
        display: block;
    }

    .navi {
        height: 100px;
        position: fixed;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
    }

        .navi ul {
            display: none;
        }

        .navi .logo {
            margin: 25px 97px 30px 35px;
        }

        .navi .bg {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #fff;
        }

        .navi.open {
            height: auto;
            position: absolute;
        }

            .navi.open ul {
                display: block;
            }

            .navi.open .footer {
                display: block;
            }

        .navi ul li {
            width: 100%;
            padding: 0 0 0 30px;
        }

            .navi ul li a {
                width: 100%;
            }

    .logoV {
        margin-left: 5px;
    }

    .blockquote {
        display: none;
    }

    .register {
        display: block;
        left: auto;
        margin: 0 auto;
        position: relative;
        top: auto;
    }

    .foot p {
        padding: 0 20px;
    }

    .register {
        padding: 0 15% 0 0;
    }

    .logoV {
        margin-left: 5px;
    }

    .footer {
        display: none;
    }
}

/* Other (portrait and landscape) ----------- */
@media only screen and (min-width : 960px) and (max-width : 1119px) {
    .container,
    .copyrights,
    .colors-container {
        margin: 0 50px;
    }

    .logo {
        margin: 40px auto 40px;
        padding: 0;
    }

    .df #content {
        grid-template-columns: 100%;
        padding: 118px 0 0 33px;
    }

    .register-form input[type="password"],
    .register-form input[type="text"] {
        width: 30vw;
    }

    .bootstrap-select > .btn {
        width: 30vw;
    }

    #register {
        padding: 0 0 68px 15%;
    }

    .navi {
        position: relative;
    }

        .navi .logo {
            width: 136px;
        }

        .navi ul li {
            width: 233px;
        }

            .navi ul li a {
                width: 233px;
            }

    .register {
        padding: 0 15% 0 0;
    }

    #login .btn {
        width: 200px;
        border: 0;
    }

    .login-container {
        margin: 0 15% 40px;
    }

    .foot p {
        padding: 0 20px;
    }

    #menuTop {
        display: none;
    }

    .footer {
        display: block;
    }
}
/* Desktops and laptops ----------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width : 1120px) {
    .container,
    .copyrights,
    .colors-container {
        width: 1120px;
    }

    .login-container {
        margin: 0 110px 40px;
    }

    #register {
        padding: 0 110px 68px 110px;
    }

    #login .btn {
        width: 200px;
        border: 0;
    }

    #content {
        width: 600px;
    }

        #content.margin-none {
            margin: 0 auto 0 0;
        }

    .registration #content {
        width: 100%;
    }

    .df #content {
        grid-template-columns: 800px;
        padding: 100px 0 0 33px
    }

    .register-form input[type="password"],
    .register-form input[type="text"] {
        width: 380px;
    }

    .bootstrap-select > .btn {
        margin: 0;
    }

    .register {
        padding: 0 110px 0 0;
    }

    .navi {
        position: relative;
    }

        .navi .logo {
            width: 136px;
        }

    #content.reg {
        width: 70%;
        padding: 0 0 0 55px;
    }

    .navi.reg {
        width: 30%;
        padding: 0 0;
    }

    .logoV {
        margin-left: -12px;
    }

    #menuTop {
        display: none;
    }

    .footer {
        display: block;
    }
}


.arrow-right {
    display: none;
}

.active .arrow-right {
    background-position: left;
}

form {
    margin-bottom: 0;
}
/* iPhone 4 -----------
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles
}  */
div#login {
    background: #00C389;
    position: relative;
    left: -300px;
}

#login {
    position: relative;
    border-radius: 5px;
}

.icon-login, .icon-password {
    height: 20px;
    position: absolute;
    z-index: 1;
}

.icon-login {
    background-position: -254px -139px;
    left: 18px;
    top: 5px;
    width: 12px;
}

.icon-password {
    background-position: -209px -139px;
    left: 18px;
    top: 2px;
    width: 17px;
}

.login-container {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    padding: 68px 0 47px;
}

.blockquote-desc {
    bottom: 0;
    display: block;
    float: right;
    height: 280px;
    left: 0;
    padding: 55px 45px 0;
    position: absolute;
    width: 100%;
}

    .blockquote-desc h2 {
        font-size: 30px;
        line-height: 32px;
        font-weight: 400;
        margin-bottom: 24px;
        color: #fff;
    }

    .blockquote-desc h3 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        color: #fff;
    }

.container a {
    text-decoration: none;
}

.remember,
.accept {
    line-height: 12px;
    color: #FFF;
    font-size: 12px;
    padding: 7px 0 7px;
    display: block;
}

.field-validation-error.tooltip {
    margin: 0 0 0 7px;
    font-size: 16px;
    padding: 12px;
    border-radius: 5px;
}

label {
    display: none;
}

.register-form .flex {
    width: 100%;
    justify-content: space-between;
}

    .register-form .flex .reg-form {
        flex: 1;
        margin: 0 30px 0 0;
    }

    .register-form .flex .imags {
        flex: 1;
        max-width: 50%;
    }

        .register-form .flex .imags img {
            width: 100%;
        }

input, select {
    background: #fff;
    border: 1px solid #d5eefa;
    border-radius: 0;
    color: #00C389;
    font-size: 13px;
    line-height: 24px;
    padding: 2px 10px;
}

.reg input, .reg select, .reg textarea, .reg input {
    background: #d0d0d0;
    border: 1px solid #d0d0d0;
}

.field-validation-error::after {
    clear: both;
    content: " ";
}

.field-validation-error, .validation {
    color: #e41510;
    display: block;
    font-size: 12px;
    margin: 5px 0;
    line-height: 16.8px;
}


@media screen and (max-width:959px) {
    .register-form .flex {
        flex-direction: column;
    }
}

@media screen and (min-width:960px) {
    .buttons > div {
        margin: 0 0 10px 0;
    }

    #sendForm {
        margin: 20px auto 0 0;
    }
}

.register-form .validation {
    display: block;
}

.register-form .buttons .validation {
    margin: 0;
}

.password .field-validation-error,
.login .field-validation-error {
    padding-left: 0px;
}

.buttons .field-validation-error {
    padding-left: 0;
}

.buttons > div {
    min-height: 20px;
}

.validation-summary-errors {
    display: none;
}

.select-control-container {
    position: absolute;
    top: 37px;
    border: 1px solid #d9dfe1;
    left: -1px;
    z-index: 3;
    display: none;
    background-color: #fff;
    width: 100%;
}

.select-control {
    border: 1px solid #d9dfe1;
    border-right: 0px;
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 10px;
    box-shadow: 0 1px 1px rgba(18, 19, 18, 0.11) inset;
}

    .select-control .icon-down {
        background-position: -109px -99px;
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 28px;
        margin-right: 0 !important;
        margin-top: 0 !important;
        width: 29px;
    }

        .select-control .icon-down:hover {
            background-position: -109px -99px;
        }

    .select-control > span {
        color: #b0b0b0;
        display: inline-block;
        float: left;
        font-size: 13px;
        padding: 5px 8px 4px;
    }

.select-control-container {
    background-color: #fff;
    border: 1px solid #d9dfe1;
    left: -1px;
    position: absolute;
    top: 28px;
    width: 100%;
    z-index: 3;
}

    .select-control-container ul {
        margin-bottom: 0px;
        padding-left: 00px;
        list-style: none;
    }

    .select-control-container li {
        color: #b0b0b0;
        cursor: pointer;
        font-size: 13px;
        font-weight: normal;
        padding: 4px 0 4px 10px;
    }

        .select-control-container li:hover {
            background-color: #fafafa;
            color: #000;
        }

h1 {
    color: #0b86bf;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 70px;
    margin-top: 0;
}

h2 {
    margin-top: 0px;
}

.rejestracja h3,
.logowanie h3 {
    font-size: 21px;
    height: 38px;
    margin-bottom: 18px;
}

.login input, .password input {
    font-size: 14px;
    border: 1px solid #b4b4b4;
    font-weight: 400;
    padding: 0 10px 0 42px;
    width: 100%;
    height: 40px;
    margin: 0 0 27px;
    border-radius: 3px;
}

    .login input.input-validation-error, .password input.input-validation-error {
        margin: 0 0 5px;
    }

    .login input::placeholder,
    .password input::placeholder {
        color: rgba(255,255,255,1);
    }

.login,
.password {
    position: relative;
}

.user,
.pass {
    background-image: url('../Content/img/icons.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 13px;
    display: block;
    z-index: 1;
}

.user {
    background-position: -255px -143px;
    top: 13px;
    left: 17px;
}

.pass {
    background-position: -209px -148px;
    top: 17px;
    left: 18px;
}

.register {
    display: block;
}

.register-form h2 {
    color: #00C389;
    font-weight: 400;
    font-size: 32px;
}

    .register-form h2 small {
        color: #666667;
        font-weight: 400;
        font-size: 20px;
    }

.register-form h3 {
    color: #00C389;
    font-weight: 400;
    font-size: 20px;
}

.help {
    position: relative;
}

.popover {
    position: absolute;
    top: 20px !important;
    left: -19px !important;
    padding: 10px;
    border-radius: 3px;
    width: 235px;
    z-index: 1;
    background: #fff;
    border: 1px solid #00C389;
    color: #00C389;
}

.popover-title {
    font-size: 14px;
    margin: 4px 0;
    font-weight: bold;
}

.popover-content {
    font-size: 12px;
}

.popover:after {
    border-bottom: 6px solid #00C389;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 15px;
    position: absolute;
    top: -6px;
    z-index: 0
}

.popover:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 15px;
    position: absolute;
    top: -5px;
    z-index: 1;
}

.validation-summary-valid ul {
    margin: 0;
    padding: 0 0 0 72px;
}

.rejestracja h3 {
    margin-bottom: 20px;
}

h3 span {
    float: left;
    padding-left: 10px;
    padding-top: 13px;
}

.lower {
    font-size: 22px !important;
}

#content {
    margin-bottom: 35px;
    position: relative;
    opacity: 0;
    margin: 0 auto;
}

    #content.reg .add-margin-bottom {
        margin-bottom: 14px;
    }

    #content.reg label {
        color: #a1a2a4;
    }

input[type="checkbox"] {
    margin-top: 2px;
    float: left;
    margin-bottom: 0;
}

#AcceptCookie {
    visibility: visible !important;
    overflow: visible !important;
    height: auto !important;
    display: block !important;
    width: auto !important;
    z-index: 0 !important;
}

.remember input[type="checkbox"],
.accept input[type="checkbox"] {
    opacity: 0;
}

.remember label,
.accept label {
    position: relative;
    display: inline-block;
    padding: 6px 0 0 30px;
}

.accept label {
    padding: 6px 0 0 10px;
}

    .remember label::before,
    .remember label::after,
    .accept label::before,
    .accept label::after {
        position: absolute;
        content: "";
        display: inline-block;
    }

.remember label::before {
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    border-radius: 2px;
    left: 0px;
    top: 2px;
    transition: border 300ms;
}

.remember.radio-button label::before {
    background: url(../Content/img/outerWhite.svg) no-repeat;
    height: 15px;
    width: 14px;
    border: 0px;
    border-radius: 0px;
    left: 0px;
    top: 0px;
    transition: border 300ms;
}

.accept label::before {
    height: 14px;
    width: 14px;
    border: 1px solid #00C389;
    border-radius: 2px;
    background: #fff;
    left: -18px;
    top: 3px;
    transition: border 300ms;
}
.remember input[type="checkbox"]:checked ~ label::before {
    background: unset;
}

.accept input[type="checkbox"]:checked ~ label::before {
    background: #00C389;
}

.remember label::after {
    height: 4px;
    width: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    top: 6px;
}
.remember.radio-button label::after {
    background: url(../Content/img/radio-btn-white.svg) no-repeat;
    height: 15px;
    width: 14px;
    transform: unset;
    border: 0;
    top: 0px;
    left: 0px;
    border-radius: 100px;
}

.accept label::after {
    height: 4px;
    width: 7px;
    color: #fff;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: -14px;
    top: 7px;
}

.remember input[type="checkbox"] ~ label::after,
.accept input[type="checkbox"] ~ label::after {
    content: none;
}

.remember input[type="checkbox"]:checked ~ label::after,
.accept input[type="checkbox"]:checked ~ label::after {
    content: "";
}

.remember label:hover,
.accept label:hover {
    cursor: pointer;
}

    .accept label:hover::before {
        border: 1px solid #00C389;
        transition: border 300ms;
    }

.buttons > div {
    color: #a1a2a4;
    font-weight: 400;
    font-size: 12px;
}

.navi {
    padding: 0 0 100px 0;
    opacity: 0;
}

    .navi > .bg {
        left: -2000px;
        background: #fff;
        top: 0;
        z-index: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .navi .logo {
        position: relative;
        z-index: 1;
        padding: 0;
        width: auto;
        height: 55px;
    }

        .navi .logo img {
            width: inherit;
        }

    .navi ul {
        margin: 0;
        width: 280px;
        padding: 0;
        list-style: none;
        position: relative;
        z-index: 1;
    }

        .navi ul li {
            height: 45px;
            margin: 0 0 25px 0;
        }

            .navi ul li a {
                display: table-cell;
                font-size: 16px;
                color: #00C389;
                height: 45px;
                margin-bottom: 1px;
                font-weight: 200;
                position: relative;
                vertical-align: middle;
                padding: 0 20px 0 55px;
                line-height: 22px;
                transition: color 200ms, background 200ms, font-weight 200ms;
            }

                .navi ul li a:hover,
                .navi ul li a.active {
                    color: #00C389;
                    font-weight: 600;
                    transition: color 200ms, background 200ms, font-weight 200ms;
                }

                .navi ul li a [class*="icon-"] {
                    width: 20px;
                    margin: 0;
                    height: 20px;
                    background-image: url('../Content/img/icons.png');
                    background-repeat: no-repeat;
                    background-position-y: -194px;
                }

                .navi ul li a:hover [class*="icon-"],
                .navi ul li a.active [class*="icon-"] {
                    background-position-y: -10px;
                }

                .navi ul li a > span {
                    width: 45px;
                    height: 45px;
                    position: absolute;
                    padding: 10px;
                    display: flex;
                    border-radius: 80px;
                    align-items: center;
                    justify-content: center;
                    left: 0;
                    top: 0;
                    margin: 0;
                    background-color: transparent;
                    transition: background-color 200ms;
                }

                .navi ul li a:hover > span,
                .navi ul li a.active > span {
                    background-color: #00C389;
                    transition: background-color 200ms;
                }

.icon-home {
    background-position: -8px -194px;
}

.icon-register {
    background-position: -31px -9px;
}

.icon-privacy {
    background-position: -57px -10px;
}

.icon-login-lost {
    background-position: -80px -9px;
}

.icon-password-lost {
    background-position: -102px -10px;
}

#menuTop {
    position: fixed;
    z-index: 2;
    background: #fff;
    right: 0;
    top: 0;
}

    #menuTop .nav {
        background: url("img/icons.png") no-repeat scroll -144px -99px rgba(0, 0, 0, 0);
        border: 0 none;
        display: block;
        height: 39px;
        right: 17px;
        position: absolute;
        top: 27px;
        width: 39px;
    }

        #menuTop .nav:hover {
            cursor: pointer;
        }

p {
    font-size: 10px;
    color: #bebebe;
    line-height: 20px;
}

.red {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    font-weight: 400;
}

p small {
    font-size: 15px;
}

h2 {
    color: #575a5d;
    font-size: 20px;
    font-weight: bold;
}

#header h2 {
    color: #0b86bf;
    font-weight: normal;
    font-size: 25px;
    padding: 13px 0 0 0px;
}

.link {
    width: 100%;
    text-align: center;
}

    .link a {
        color: #093C46;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.5px;
        text-decoration: underline;
        margin-right: 15px;
    }

    .link a:hover {
        color: #041434;
        font-weight: 500;
    }

.mini-navigation {
    margin: 0;
    display: block;
    padding: 0;
    width: 200px;
    float: left;
}

    .mini-navigation li {
        list-style: none;
    }

        .mini-navigation li a {
            color: #000;
            font-size: 15px;
            line-height: 38px;
            text-decoration: none;
        }

            .mini-navigation li a:hover, .mini-navigation li .active {
                text-decoration: none;
            }

#register {
    width: 100%;
}

    #register h3 {
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        margin: 0;
        padding-bottom: 15px;
        line-height: 22px;
    }

.register-containter {
    position: relative;
}

    .register-containter > p {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        margin: 14px 0 45px 0;
    }

.register-form {
    width: 100%;
    display: block;
}

    .register-form .red {
        color: #00C389;
    }

    .register-form input[type="text"],
    .register-form input[type="password"] {
        background: #fff;
        border: 2px solid #00C389;
        color: #00C389;
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 5px;
        width: 100%;
        min-height: 40px;
        margin: 0;
    }

    .register-form input::placeholder {
        color: #ffffff;
    }

    .register-form input[type="password"]:focus,
    .register-form input[type="text"]:focus {
        background: #fff;
        border: 2px solid #00C389;
        color: #00C389;
    }

    .register-form label {
        display: inline-block;
        min-width: 200px;
        width: auto;
        font-size: 14px;
        margin: 0 0 5px;
        color: #8f8f8f;
    }

.copyrights {
    margin: 90px auto 60px;
    padding: 0;
    position: relative;
}

    .copyrights p {
        color: #606060;
        font-size: 8px;
        margin: 0;
    }

.foot .copyrights,
.foot.relative .container.ebi .copyrights {
    margin: 0 auto 60px;
}

.icon-ebicom {
    background-position: -127px -165px;
    float: left;
    height: 15px;
    margin-top: 1px !important;
    width: 60px;
}

.colors {
    bottom: 0;
    padding: 58px 0 0;
    position: relative;
    width: 814px;
}

.colors-container {
    margin: 0 auto;
    position: relative;
}

.icon-colors {
    background-position: 0 -168px;
    bottom: 0;
    height: 12px;
    margin-top: 3px !important;
    position: absolute;
    right: 0;
    width: 120px;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 45px;
    right: 0;
    z-index: 1;
}

    .footer .bg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        bottom: 0;
        left: -20000px;
        background-color: #38b9ff;
    }

    .footer p {
        font-size: 10px;
        color: #7ccefc;
        line-height: 20px;
        margin: 14px 0 0;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .footer a {
        color: #c7e9fc;
        font-size: 10px;
        margin: 0 0 0 5px;
    }

    .footer.start {
        position: relative;
    }

        .footer.start p {
            text-align: center;
            color: #bebebe;
        }

            .footer.start p a {
                color: #40bbfd;
            }

.no-padding {
    padding: 0px;
}

.no-top-padding {
    padding-top: 0px;
}

.half-top-padding {
    padding-top: 10px;
}

.ppe h4 {
    float: left;
}

.icon-ok {
    width: 21px;
    height: 20px;
    display: inline-block;
    background-position: -200px -78px;
    float: none;
}

.star {
    color: #e41510;
    margin-left: 5px;
}

textarea, input {
    border: 1px solid #b4b5b8;
    color: #00C389;
}

textarea {
    resize: none;
}

input {
    padding: 2px 14px;
}

.btn {
    color: #fff;
    border: 0;
    border-radius: 5px;
    line-height: 14px;
    height: 40px;
    margin: 0 auto;
    display: block;
    font-size: 11px;
    font-weight: 600;
    background-color: #071D49;
    border-bottom-width: 0;
    transition: background-color 300ms, border-bottom 300ms;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    min-width: 133px;
}

    .btn:hover {
        background-color: #0F5C6C;
        cursor: pointer;
    }

.register-form .btn {
    margin: unset;
}

.register-form .btn-danger {
    background-color: #00C389;
}

    .register-form .btn-danger:hover {
        background-color: #00E4A0;
    }

a.btn {
    text-align: center;
    padding-top: 12px;
    display: block;
    padding: 13px 15px;
}

.btn-group.bootstrap-select:focus,
.btn-group.bootstrap-select .btn:focus {
    outline: none;
}

.bootstrap-select.btn-group .dropdown-menu li a:focus,
.bootstrap-select.btn-group .dropdown-menu li:focus,
.btn-group.bootstrap-select .btn:focus {
    outline: none !important;
    outline: none !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #000;
}

input:focus,
input:active {
    background: #fff;
    border: 2px solid #00C389;
    color: #00C389;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #b4b4b4 inset !important;
    -webkit-text-fill-color: #fff;
}

input[type="checkbox"]:focus,
input[type="checkbox"]:active,
input[type="checkbox"]:-webkit-autofill:focus,
input[type="checkbox"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 0 #0090de inset !important;
}

input:-webkit-input-placeholder,
input:-ms-input-placeholder,
input:placeholder {
    color: #ffffff;
}

.password input + .password-i,
.login input + .login-i {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    z-index: 1;
    top: 0;
}

.login input + .login-i {
    width: 12px;
    left: 12px;
    height: 12px;
    top: 14px;
    fill: #00C389;
}

    .login input + .login-i svg {
        width: 100%;
        height: 100%;
    }

.password input + .password-i {
    width: 15px;
    left: 12px;
    height: 12px;
    top: 14px;
    fill: #00C389;
}

    .password input + .password-i svg {
        width: auto;
        height: 100%;
    }

input[type="text"],
input[type="password"] {
    outline: auto 0px -webkit-focus-ring-color;
    border: 1px solid #00C389;
}

input + .user {
    background-position: -255px -163px;
}

input + .pass {
    background-position: -209px -166px;
}

textarea.form-height {
    height: 203px;
}

#sendForm, input.orange {
    width: 220px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.add-margin-bottom {
    margin-bottom: 15px;
}


.advert {
    width: 453px;
    height: 302px;
    background: url('/img/rekl.png') no-repeat;
}

.advert-place {
    width: 453px;
    height: 302px;
    margin-top: 18px;
    background: url('/img/miejsce_na_reklame.png') no-repeat;
}

.red-big {
    font-size: 20px;
}

.niedoplata-big {
    font-size: 20px;
}

.nadplata-big {
    font-size: 20px;
}


#content [class*="icon-"] {
    background-image: url('../Content/img/icons.png');
    margin-right: 5px;
    margin-top: 6px;
    display: inline-block;
}

#content.reg [class*="icon-"] {
    margin-top: 5px;
    float: left;
}

.login-container h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 40px;
    line-height: 32px;
}

.logowanie {
    background-color: #fff;
    width: 314px;
}

p span.red {
    font-size: 20px;
}

[class*="icon-"] {
    background-image: url("../Content/img/icons.png");
    display: inline-block;
    margin-right: 5px;
    margin-top: 6px;
}

.icon-info-right {
    background-position: -56px -79px;
    height: 15px;
    width: 15px;
    margin: 0 !important;
}

h4 {
    font-size: 15px;
    line-height: 22px;
}

.log-in {
    display: block;
    width: 100px;
}
/*************** SUPPORT CLASSES ****************/
.no-padding-right {
    padding-right: 0px;
}

.padding-none {
    padding: 0;
}

.margin-none {
    margin: 0;
}

.margin-top {
    margin-top: 5px;
}

.margin-bottom {
    margin-bottom: 5px;
}

.add-margin-bottom {
    margin-bottom: 15px;
}

.margin-top {
    margin-top: 5px;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.position-left {
    left: -1px;
    right: auto;
}

    .position-left .white-bottom {
        border-right: 0px;
        border-left: 1px solid #e6e6e6;
    }




.clearfix {
    clear: both;
    content: ' ';
}

#content.reg .buttons {
    margin-top: 38px;
}
/*************** BOOTSTRAP SWAP CLASESS ****************/
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 5px 0;
    position: absolute;
    top: 100%;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.bootstrap-select.btn-group .dropdown-menu {
    top: 38px;
    border: 2px solid #00C389;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.open > .dropdown-menu {
    display: block;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    position: relative;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.dropdown-menu > li > a {
    clear: both;
    color: #00C389;
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 10px;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #EEF3F2;
        color: #00C389;
        text-decoration: none;
    }

.bootstrap-select.btn-group .btn .caret {
    top: 0;
    right: 0;
}

.btn.dropdown-toggle .caret {
    background: url("../Content/img/icons.png") no-repeat scroll -109px -99px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    margin-right: 0 !important;
    margin-top: 0 !important;
    height: 30px;
    width: 29px;
}

.bootstrap-select > .btn {
    background: #fff;
    color: #00C389;
    border: 2px solid #00C389;
    position: relative;
    transition: none;
    font-size: 14px;
    text-transform: capitalize;
}

    .bootstrap-select > .btn:hover {
        transition: none;
        background: #fff;
        color: #00C389;
    }

.bootstrap-select.btn-group .btn .filter-option {
    font-weight: normal;
    padding: 11px 10px 0 4px;
}


.open .btn-default.dropdown-toggle {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #00C389;
    color: #00C389;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
}

.bootstrap-select .btn:focus {
    border-radius: 5px;
}

.dropdown-menu {
    border-radius: 0px;
    box-shadow: 0px 0px 0px;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #fff;
    border-top-color: #fff;
}

.datepicker {
    border-radius: 0px !important;
    position: relative;
    padding: 0px !important;
}

    .datepicker .table-condensed thead th {
        color: #575a5d;
    }

    .datepicker .table-condensed tbody td {
        color: #a1a2a4;
    }

    .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
        color: #ddd;
    }

    .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
        background-color: #0b86bf !important;
        border-color: #0b86bf !important;
        color: #fff !important;
    }

        .datepicker table tr td.today:hover:hover {
            background-color: #087cb2 !important;
            border-color: #087cb2 !important;
            color: #fff !important;
        }

    .datepicker table tr td.old, .datepicker table tr td.new {
        color: #c7c7c7;
    }

    .datepicker.dropdown-menu {
        margin-left: 24px;
        margin-top: 10px;
    }

        .datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
            padding: 5px 11px !important;
        }

    .datepicker table tr td, .datepicker table tr th {
        border-radius: 0 !important;
        height: 15px !important;
        width: 20px !important;
    }

.alert-ebicom h2 {
    margin: 0 0 30px;
    color: #252525;
}

.alert-ebicom h4 {
    margin: 0 0 30px;
}

    .alert-ebicom h4,
    .alert-ebicom h4 * {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #00C389;
    }

        .alert-ebicom h4 strong {
            font-weight: 600;
        }

        .alert-ebicom h4 span {
            display: block;
        }

.alert-ebicom p {
    font-size: 15px;
    color: #949496;
}

    .alert-ebicom p span {
        color: #000;
        margin: 0 0 0 40px;
    }

.alert-ebicom a {
    max-width: 150px;
    display: block;
    margin: 0 auto 0 0;
}

.label {
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}

    .label .help {
        margin: 0 5px 0 0;
    }

.flex {
    display: flex;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.cookie-definition {
    color: #00C389;
    font-weight: bold;
    font-size: 13px;
}

.letter-list {
    list-style-type: none;
    counter-reset: list;
    margin-top: 10px;
}

.letter-list li {
    counter-increment: list;
    margin-bottom: 5px;
    padding-left: 10px;
    text-indent: -15px;
}

.letter-list li::before {
    content: counter(list, lower-alpha) ') ';
}

#register-number-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #00C389;
    border-radius: 5px;
    cursor: pointer;
    padding: 12px;
    height: 40px;
    width: 178px;
    margin-right: 20px;
}

#register-number-container {
    position: absolute;
    margin-top: 45px;
    width: 320px;
    background: #fff;
    z-index: 1;
    border: 2px solid #00C389;
    padding: 0px;
    padding-right: 5px;
    border-radius: 5px;
}
    #register-number-container .number-search {
        padding: 12px 7px 0px 12px;
    }

    #register-number-container ul {
        list-style-type: none;
        padding: 0;
        padding: 0px 4px 12px 12px;
        overflow-y: scroll;
        max-height: 200px;
    }


        #register-number-container ul::-webkit-scrollbar {
            width: 3px;
        }

        #register-number-container ul::-webkit-scrollbar-track {
            background: #fff;
        }

        #register-number-container ul::-webkit-scrollbar-thumb {
            background: #00C389;
            border-radius: 6px;
        }

        #register-number-container ul li {
            display: flex;
            align-items: flex-start;
            cursor: pointer;
            padding: 5px 10px;
        }

        #register-number-container ul li:hover {
            background:#EEF3F2;
        }

#register-number-code {
    color: #00C389;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
}

.regiser-number-hidden {
    display: none !important;
}
.register-number-info {
    color: #00C389;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
}

.register-number-flag {
    margin-right: 5px;
    width: 24px;
    height: 16px
}
.btn-white {
    color: #fff;
    background: transparent;
    border:2px solid #fff !important;
    transition: background-color 300ms, border-bottom 0ms;
}

    .btn-white:hover {
        background: #fff;
        color: #071D49;
        border: 2px solid #fff !important;
    }

.login-container.add-trusted-device {
    padding: 67px 0 69px;
    border-bottom: 0px;
}

.mfa h2 {
    max-width: 350px;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    box-shadow: 1px 1px 1px 0px #00000001;
    padding-bottom: 40px;

}

.mfa p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    margin: 0px;
    padding-bottom: 20px;
}

.mfa .buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 23px 0 20px 0;
}

#login > div.login-container.mfa > div > button.btn {
    padding: 0px 10px;
    width: auto;
    margin: 0;
}

.one-time-code h2 {
    width: 350px;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    box-shadow: 1px 1px 1px 0px #00000001;
    padding-bottom: 40px;
}

.one-time-code p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    margin: 0px;
    padding-bottom: 20px;
}

.one-time-code .link {
    padding: 10px 0 55px;
}

.one-time-code .buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#login > div.login-container.one-time-code > div > button.btn {
    padding: 0px 10px;
    width: auto;
    margin: 0;
}

.extra-info p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    margin: 0px;
    padding-bottom: 87px;
}

@media only screen and (min-width: 1120px) {
    .extra-info {
        margin: 0 110px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 959px) {
    .extra-info {
        margin: 0 15%;
    }
}

#activateByMfaTokenForm input {
    height: 40px;
    padding: 12px 44px 12px 10px;
    gap: 0px;
    border-radius: 3px;
    border: 1px;
}

.mfa input {
    height: 40px; 
    border-radius: 3px; 
    width: 100%;
}

.mfa .remember input {
    height: 0px;
}

.mfa .remember label {
    padding: 0px 0 0 30px;
    line-height: 16px;
}
.mfa .remember.radio-button label {
    padding: 0 0 0 25px;
}

#login .mfa .buttons .btn {
    width: auto;
    margin: 0;
}

.login-container.mfa {
    border-bottom: 0px;
}