@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
.noty_theme__gta.noty_bar {
    margin: 10px 0;
    overflow: hidden;
    border-radius: 1px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    position: relative;
    height: auto;
    word-wrap: break-word;
}

.noty_theme__gta.noty_bar .noty_body {
    padding: 15px;
    font-size: 15px;
}

.noty_theme__gta.noty_bar .noty_buttons {
    padding: 20px; 
}

.noty_theme__gta.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0x;
    height: 6px;
    width: 100%;
    background: black;
    opacity: 0.0;
    filter: alpha(opacity=80);
}

.noty_theme__gta.noty_type__alert,
.noty_theme__gta.noty_type__notification {
    background-color: rgb(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.noty_theme__gta.noty_type__warning {
    background-color: rgb(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.noty_theme__gta.noty_type__error {
    background-color: rgb(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.noty_theme__gta.noty_type__info,
.noty_theme__gta.noty_type__information {
    background-color: rgb(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    border-radius: 10px;

}
.fas {
    color: #ffffff;
}

.noty_theme__gta.noty_type__success {
    background-color: rgb(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.gta_effects_open {
    opacity: 0;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(100%);
    -webkit-animation: noty_anim_in 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: noty_anim_in 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.gta_effects_close {
    -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; 
}

@-webkit-keyframes noty_anim_out_left {
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    opacity: 0; } }

@keyframes noty_anim_out_left {
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    opacity: 0; } }

.gta_effects_open_left {
    opacity: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-animation: noty_anim_in 5s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: noty_anim_in 5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.gta_effects_close_left {
    -webkit-animation: noty_anim_out_left 5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: noty_anim_out_left 5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; 
}

@-webkit-keyframes noty_anim_fade_in {
  100% { opacity: 1; } }

@keyframes noty_anim_fade_in {
  100% { opacity: 1; } }

@-webkit-keyframes noty_anim_fade_out {
  100% { opacity: 0; } }

@keyframes noty_anim_fade_out {
  100% { opacity: 0; } }

.gta_effects_fade_in {
    opacity: 0;
    animation: noty_anim_fade_in 0.5s;
}

.gta_effects_fade_out {
    opacity: 1;
    animation: noty_anim_fade_out 0.5s;
}