.noty_buttons > .btn {
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	border: 0px;
	cursor: pointer;
}

.noty_buttons > .btn-ok {
	background-color: #8afdbe;
}

.noty_buttons > .btn-cancel {
	margin-left: 5px;
}

.noty_input {

	border: 1px solid #888;
    width: 100%;
    border-radius: 5px;
    background-color: rgba(200, 200, 200, 0.1);
    font-size: 1.25em;
    padding: 5px 10px;

}

.noty_buttons {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
}

img .noty_body{
	float: left;
    width: 75px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 20px;
	
}

.noty_input_invalid {
	border-bottom-color: #ff4242;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

.noty_body .fa {
	float: left;
	padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 20px;
    /* padding-bottom: 200px; */
}

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #2c2d2f;
  color: #FFF; }
  

/* animations */
.noty_effects_open {
  opacity: 0;
  transform: translateY(-10%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes noty_anim_in {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes noty_anim_out {
  100% {
    transform: translateY(-10%);
    opacity: 0;
  }
}