body {
    background: #f8f8f8;
    color: #6e6b7b;
}

.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 450px;
    min-height: 400px;
    margin-top: -250px;
    margin-left: -225px;
} 

.login-container:before {
    width: 244px;
    height: 243px;
    content: " ";
    position: absolute;
    top: -74px;
    left: -56px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAYAAACxKjtGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNUVBMEJFNDM4OTYxMUVDOTVCMEE0NkZBOEJERkZCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNUVBMEJFNTM4OTYxMUVDOTVCMEE0NkZBOEJERkZCNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1RUEwQkUyMzg5NjExRUM5NUIwQTQ2RkE4QkRGRkI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1RUEwQkUzMzg5NjExRUM5NUIwQTQ2RkE4QkRGRkI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JmbsnAAACHZJREFUeNrs3e1y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');
    z-index: -1;
}

.login-container:after {
    width: 272px;
    height: 272px;
    content: " ";
    position: absolute;
    bottom: -55px;
    z-index: -1;
    right: -75px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAYAAAB4CisVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOEI4MDQ0ODM4OTMxMUVDODJDRUUzOEM0N0I2QzU1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOEI4MDQ0OTM4OTMxMUVDODJDRUUzOEM0N0I2QzU1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QjgwNDQ2Mzg5MzExRUM4MkNFRTM4QzQ3QjZDNTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4QjgwNDQ3Mzg5MzExRUM4MkNFRTM4QzQ3QjZDNTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htQy8QAAC6ZJREFUeNrs3f1v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');
}

.login {
    width: 100%;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
    border-radius: 10px;
    padding: 30px;
}

.login .logo-container {
    text-align: center;
    padding: 0 0 20px 0;
}

.login-container .login img {
    height: 50px;
}

.login-form {
    margin-top: 20px;
}

.btn-login {
    width: 100%;
    background-color: #ff8891;
    border-color: #fba6ac;
}

.btn-login:hover, .btn-login:active {
    width: 100%;
    background-color: #f63541 !important;
    border-color: #f63541 !important;
}

.login-forgot-password {
    cursor: pointer;
    text-align: right;
}