@import url('https://fonts.googleapis.com/css?family=Lato&subset=latin-ext');

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
    min-width: 500px;
}

html * {
    font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;
}

body {
    background: none;
    width: 100%;
    height: 100%;
}

.panel {
    width: calc(100% - 500px);
    height: 100%;
    margin: 0;
    margin-right: 500px;
    background-image: url('/Resources/tarnow/background.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.header {
    position: absolute;
    right: 0;
    width: 500px;
    height: 100%;
    margin-right: -500px;
}

.header #wcag, .header img {
    margin-left: 5px;
}

.header img {
    margin-top: 50px;
}

.content {
    position: absolute;
    right: 0;
    top: 200px;
    width: 500px;
    margin-right: -500px;
    background: none !important;
}
    .content form {
        margin-left: 5px;
    }

        .content form .label {
            display: none;
        }

.ePUAP {
    float: initial;
}

.WKFieldSet {
    padding: 5px;
}

.submit-button {
    display: block;
    background: none;
    background-color: rgb(38, 114, 236);
    color: white !important;
}

.footer {
    display: none;
}

	.label {
        margin-left: initial;
	}

    .label-wide {
        font-size: inherit;
        font-family: inherit;
    }

    .box-wide {
        margin-left: initial;
        width: initial;
    }

    .box {
        margin-left: 0;
        padding: 0;
    }

        .box input {
            height: 2rem;
            width: 95%;
        }

        .box a {
            text-decoration: none;
            color: rgb(38, 114, 236);
        }

        .box-extended-links {
        }

            .box-extended-links::after {
                content: '';
                display: block;
                clear: both;
            }

            .box-extended-links a {
                display: inline;
                float: right;
                width: auto;
                margin-left: 1rem;
                text-decoration: none;
            }

       .field-validation-error {
           font-size: 1rem;
       }

html[data-layout-contrast="black-yellow"] .panel {
    background-image: url('/Resources/gdansk/background.png') !important;
    filter: sepia(100%);
}

html[data-layout-contrast="black-white"] .panel {
    background-image: url('/Resources/gdansk/background.png') !important;
    filter: grayscale(100%);
}

@media screen and (min-width: 855px) {
    body {
        /*overflow: hidden;*/
    }
}

@media screen and (max-width: 855px) {

    .panel {
        width: initial !important;
    }

        .content form {
            margin-left: 0;
        }

        .header {
            width: initial !important;
        }

        .header #wcag {
            width: 500px;
            margin-left: 0;
        }

        .header img {
            width: initial !important;
            margin-left: 0;
            margin-top: 0;
        }

        .submit-button {
            width: initial;
        }
}

@media screen and (max-width: 500px) {

html {
    min-width: 360px;
}

    .panel {
        width: initial !important;
    }


    .content {
        width: 360px;
        margin-right: -360px;
    }

        .content form {
            margin-left: 0;
        }

        .header #wcag {
            width: 500px;
        }

        .header img {
            width: initial !important;
        }

        .submit-button {
            width: initial;
        }
}