body {
    background: #424242;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

a {
    text-decoration: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c4c4c4;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c4c4c4;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c4c4c4;
}

.login-container{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    text-align: center;
    background:#282726;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.7), 0 9px 26px 0 rgba(0, 0, 0, 0.2);
    padding: 0% 2% 5% 2%;
    width: 25%;
    border-radius: 15px;
    min-width: 341px;
}

.login-logo {
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
}

.login-logo-div {
    width: 50%;
    padding: 2%;
}

.login-logo-div img {
    width: 100%;
    padding: 1px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.login-form-input {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    background: gray;
    color: white;
    width: 70%;
}

.login-form-input:focus {
    outline: 2px solid #bdbdbd;
}

.login-form-submit {
    padding: 5px;
    margin: 5px 0;
    border: 1px solid gray;
    border-radius: 5px;
    background: gray;
    color: white;
    width: 30%;
    cursor: pointer;
}

.login-form-submit:hover {
    background: #606060;
}

.container-error {
    top: 2%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 500px;
    z-index: 999999999;
   -webkit-animation: popup-login-error 1s linear;
    -moz-animation: popup-login-error 1s linear;
    -ms-animation: popup-login-error 1s linear;
    -o-animation: popup-login-error 1s linear;
}

@-webkit-keyframes popup-login-error {
        from {
            top: -10%;
        }
        to {
            top: 2%;
        }
}

/* barvy na sílu hesla */
.sila-hesla{color:#F00;}
.red{color:red;}
.orange{color:orange;}
.yellow{color: yellow;}
.lime{color:lime;}