/** General **/
.jumbotron { padding: 1em 0; }
.hidden { display: none !important; }
.fadein { animation: fade 2s 1; }
.form-check { margin-bottom: 8px; }
/** List **/
#GeneratedPasswordsList { display: block; font: normal 120%/130% monospace; }
#GeneratedPasswordsList em { color: #bbbbbb; font-style: normal; }
/** Errors **/
#GeneratedPasswordsError .message-success { display: block; }
#GeneratedPasswordsError .message-error { display: none; }
#GeneratedPasswordsError.error .message-success { display: none; }
#GeneratedPasswordsError.error .message-error { display: block; }
/** Hide passwords **/
.fixed-box-wrapper { height: 480px; position: relative; }
.fixed-box-wrapper .fixed-box-overlay { height: 100%; width: 100%; background: white; border: 1px solid #dddddd; display: none; text-align: center; position: absolute; top: 0; left: 0; padding: 1em 2em; }
.fixed-box-wrapper .fixed-box-overlay.error { display: block !important; }
.fixed-box-wrapper:hover .fixed-box-overlay { display: none; }
.fixed-box-wrapper .fixed-box-content { height: 100%; overflow-y: hidden; overflow-x: auto; }
.fixed-box-wrapper.active .fixed-box-overlay { display: block; }
.fixed-box-wrapper.active:hover .fixed-box-overlay { display: none; }
/** Toast **/
.toast { position: fixed; z-index: 999; top: 50%; left: 30%; right: 30%; text-align: center; }
/** Strength **/
#StrengthTimeRequired { border: 1px solid #e3e3e3; padding: 5px; position: relative; }
#StrengthTimeRequired .strength-bar { width: 30%; background: red; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: all 350ms ease-in; }
#StrengthTimeRequired .strength-text { }
/** Animation **/
@keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}