﻿:root {
    --forms-rounding: 15px;
}

.Forms {
    width: 750px;
    margin: 15px auto 15px auto;
    border: 0px solid #aaa;
    border-collapse: separate;
    border-spacing: 0px;
    box-shadow: 0 0 6px #444;
    border-radius: var(--forms-rounding);
}

.Forms .Title {
    background: #054b83;
    background: linear-gradient(0deg, rgba(6,69,120,1.0) 0%, rgba(6,84,147,1.0) 100%);
    color: #fff;
    font-size: 1.5em;
    padding: 4px 16px;
    border-width: 0px;
    text-align: left;
    font-weight: bold;
	border-bottom: 2px solid #aaa;
}

.Forms .Danger {
    background: #054b83;
    background: linear-gradient(0deg, rgba(147,0, 6,1.0) 0%, rgba(180, 0, 6,1.0) 100%);
}

.Forms tr:first-child > *:first-child {
    border-top-left-radius: var(--forms-rounding);
}

.Forms tr:first-child > *:last-child {
    border-top-right-radius: var(--forms-rounding);
}

.Forms tr:last-child > *:first-child {
    border-bottom-left-radius: var(--forms-rounding);
}

.Forms tr:last-child > *:last-child {
    border-bottom-right-radius: var(--forms-rounding);
}

.Forms tr > * {
    text-align: center;
    vertical-align: middle;
    background: none;
    border-width: 0px;
    padding: 5px 10px;
}

.Forms .Special {
    border-top: 2px solid #aaa;
    color: #000;
    background: #ffa;
    font-size: 1.0em;
    text-align: center;
}

.Forms hr {
    border-width: 0px;
    border-top: 1px solid #aaa;
    border-bottom: 0px;
}

.Forms td {
    text-align: center;
    vertical-align: middle;
    background: none;
    border-width: 0px;
    padding: 5px 10px;
}

.Forms td.Column1 {
    text-align: right;
    color: #666;
}

.Forms td.Column1,
.Forms td.Column3 {
    width: 50%;
}

.Forms td.Column2 {
    width: 320px;
    min-width: 320px;
}

.Forms td.HrPadding {
    padding: 0px 10px;
}

.Forms td.ExtraPadding {
    padding: 7px;
}

.Forms td span.WithPadding {
    padding: 0px 25px;
}

/* Wygląd menu gdy mamy małą szerokość okna: */
@media screen and (max-width: 800px) {
    .Forms {
        width: 100%;
    }

    .Forms span.WithPadding a {
        display: inline-block;
    }
}

.Forms ul li {
    margin: 15px 0px;
}
