#login {
    width: 400px;
    margin: 0px auto;
}


@media(max-width: 399px){
    #login {
        width:100%;
    }
    
}

#logo {
    width: 250px; 
    margin: 0 auto;
}

#logoimage {
    width: 100%; 
    height: auto;
}

/*toto je koli odstraneniu problemov s responzivitou tlačidla*/
.loginBtn {
   box-sizing: border-box;
   width: 100%;
   min-height: 33px;
}


/* FLASH MESSAGES BEGIN */
.bannerMessage {
    width: auto; 
    margin: 0px; 
    padding: 10px; 
    position:relative;
    padding-left: 40px;
}

.bannerMessage .stateIcon {
    position:absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 21px;
}

.bannerMessage.success{
    background-color: #5deb6e;
    border: 1px solid #50ce5f;
    color: #222;
}

.bannerMessage.success .stateIcon {
    background-image: url('../Images/Icons/success_icon.png');
}

.bannerMessage.error{
    background-color: #e2524b;
    border: 1px solid #b32d27;
    color: #eee;
}

.bannerMessage.error .stateIcon {
    background-image: url('../Images/Icons/error_icon.png');  
}

.bannerMessage.warning{
    background-color: #e9ab40;
    border: 1px solid #d28c12;
    color: #222;
}

.bannerMessage.warning .stateIcon {
    background-image: url('../Images/Icons/warning_icon.png');  
}

.bannerMessage.info{
    background-color: #277db3;
    border: 1px solid #09598b;
    color: #eee;
}

.bannerMessage.info .stateIcon {
    background-image: url('../Images/Icons/info_icon.png');  
}

.bannerMessage .dismiss {
    position: absolute;
    right: 10px;
    top: 7px;
    background-image : url('/Content/Images/Icons/close_icon.png');
    width: 20px;
    height: 20px;
    cursor:pointer;
}

.bannerMessage a {
    color: #333;
    font-weight:bold;
}

/* FLASH MESSAGES END */