main {
    flex: 1 0 auto;
}

.login {
    background: #323232;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: #aa4b6b; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3eb1fa, #6b6b83, #fa3eeb); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3eb1fa, #6b6b83, #fa3eeb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.side {
    max-width: 10%;
    float: left;
    height: 100%;
    margin: 0;
}

.przycisk{
    float:left;
    color:white;
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

table.table-sm th, table.table-sm td{
    color:white;
}


.glowna{
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #203A43, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #203A43, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#srodek {

    height: 100%;
    max-width: 90%;
    float: left;
}

.kolor {
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #203A43, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #203A43, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
    color: #e91e63;
}

.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
    border-bottom: 2px solid #e91e63;
    box-shadow: none;
}