@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print),
(prefers-reduced-motion:reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1rem 2rem;
    margin: 0 0 30px 0;
    border-radius: 10px;
}

.alert .alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.25rem 0 0;
}

.alert .alert-icon i {
    font-size: 2.4rem;
}

.alert .alert-icon.alert-icon-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.alert .alert-text {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.alert .alert-close {
    padding: 0 0 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.alert .alert-close .close {
    text-shadow: none !important;
}

.alert .alert-close i {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.alert .alert-close i:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

.alert.alert-elevate {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
}

.alert.alert-brand {
    background: #366cf3;
    border: 1px solid #366cf3;
    color: #ffffff;
}

.alert.alert-brand .alert-icon i {
    color: #ffffff;
}

.alert.alert-brand .alert-text {
    color: #ffffff;
}

.alert.alert-brand .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-brand .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-brand {
    border: 1px solid #366cf3;
    color: #366cf3;
}

.alert.alert-outline-brand .alert-icon i {
    color: #366cf3;
}

.alert.alert-outline-brand .alert-text {
    color: #366cf3;
}

.alert.alert-outline-brand .alert-close i {
    color: #366cf3;
}

.alert.alert-solid-brand {
    background: rgba(54, 108, 243, 0.1);
    border-color: transparent;
    color: #366cf3;
}

.alert.alert-solid-brand .alert-icon i {
    color: #366cf3;
}

.alert.alert-solid-brand .alert-text {
    color: #366cf3;
}

.alert.alert-solid-brand .alert-close i {
    color: #366cf3;
}

.alert.alert-light {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #282a3c;
}

.alert.alert-light .alert-icon i {
    color: #282a3c;
}

.alert.alert-light .alert-text {
    color: #282a3c;
}

.alert.alert-light .alert-text hr {
    border-top-color: #282a3c;
    opacity: 0.4;
}

.alert.alert-light .alert-close i {
    color: #282a3c;
}

.alert.alert-outline-light {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.alert.alert-outline-light .alert-icon i {
    color: #ffffff;
}

.alert.alert-outline-light .alert-text {
    color: #ffffff;
}

.alert.alert-outline-light .alert-close i {
    color: #ffffff;
}

.alert.alert-solid-light {
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    color: #ffffff;
}

.alert.alert-solid-light .alert-icon i {
    color: #ffffff;
}

.alert.alert-solid-light .alert-text {
    color: #ffffff;
}

.alert.alert-solid-light .alert-close i {
    color: #ffffff;
}

.alert.alert-dark {
    background: #282a3c;
    border: 1px solid #282a3c;
    color: #ffffff;
}

.alert.alert-dark .alert-icon i {
    color: #ffffff;
}

.alert.alert-dark .alert-text {
    color: #ffffff;
}

.alert.alert-dark .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-dark .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-dark {
    border: 1px solid #282a3c;
    color: #282a3c;
}

.alert.alert-outline-dark .alert-icon i {
    color: #282a3c;
}

.alert.alert-outline-dark .alert-text {
    color: #282a3c;
}

.alert.alert-outline-dark .alert-close i {
    color: #282a3c;
}

.alert.alert-solid-dark {
    background: rgba(40, 42, 60, 0.1);
    border-color: transparent;
    color: #282a3c;
}

.alert.alert-solid-dark .alert-icon i {
    color: #282a3c;
}

.alert.alert-solid-dark .alert-text {
    color: #282a3c;
}

.alert.alert-solid-dark .alert-close i {
    color: #282a3c;
}

.alert.alert-primary {
    background: #7367f0;
    color: #ffffff;
}

.alert.alert-primary a {
    color: #ffffff!important;
}

.alert.alert-primary .alert-icon i {
    color: #ffffff;
}

.alert.alert-primary .alert-text {
    color: #ffffff;
}

.alert.alert-primary .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-primary .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-primary {
    border: 1px solid #5867dd;
    color: #5867dd;
}

.alert.alert-outline-primary .alert-icon i {
    color: #5867dd;
}

.alert.alert-outline-primary .alert-text {
    color: #5867dd;
}

.alert.alert-outline-primary .alert-close i {
    color: #5867dd;
}

.alert.alert-solid-primary {
    background: rgba(88, 103, 221, 0.1);
    border-color: transparent;
    color: #5867dd;
}

.alert.alert-solid-primary .alert-icon i {
    color: #5867dd;
}

.alert.alert-solid-primary .alert-text {
    color: #5867dd;
}

.alert.alert-solid-primary .alert-close i {
    color: #5867dd;
}

.alert.alert-success {
    background: #5867dd;
    border: 1px solid #5867dd;
    color: #ffffff;
}

.alert.alert-success .alert-icon i {
    color: #ffffff;
}

.alert.alert-success .alert-text {
    color: #ffffff;
}

.alert.alert-success .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-success .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-success {
    border: 1px solid #7366ff;
    color: #7366ff;
}

.alert.alert-outline-success .alert-icon i {
    color: #7366ff;
}

.alert.alert-outline-success .alert-text {
    color: #7366ff;
}

.alert.alert-outline-success .alert-close i {
    color: #7366ff;
}

.alert.alert-solid-success {
    background: rgba(115, 102, 255, 0.1);
    border-color: transparent;
    color: #7366ff;
}

.alert.alert-solid-success .alert-icon i {
    color: #7366ff;
}

.alert.alert-solid-success .alert-text {
    color: #7366ff;
}

.alert.alert-solid-success .alert-close i {
    color: #7366ff;
}

.alert.alert-info {
    background: #5578eb;
    border: 1px solid #5578eb;
    color: #ffffff;
}

.alert.alert-info .alert-icon i {
    color: #ffffff;
}

.alert.alert-info .alert-text {
    color: #ffffff;
}

.alert.alert-info .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-info .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-info {
    border: 1px solid #5578eb;
    color: #5578eb;
}

.alert.alert-outline-info .alert-icon i {
    color: #5578eb;
}

.alert.alert-outline-info .alert-text {
    color: #5578eb;
}

.alert.alert-outline-info .alert-close i {
    color: #5578eb;
}

.alert.alert-solid-info {
    background: rgba(85, 120, 235, 0.1);
    border-color: transparent;
    color: #5578eb;
}

.alert.alert-solid-info .alert-icon i {
    color: #5578eb;
}

.alert.alert-solid-info .alert-text {
    color: #5578eb;
}

.alert.alert-solid-info .alert-close i {
    color: #5578eb;
}

.alert.alert-warning {
    background: #ffb822;
    border: 1px solid #ffb822;
    color: #111111;
}

.alert.alert-warning .alert-icon i {
    color: #111111;
}

.alert.alert-warning .alert-text {
    color: #111111;
}

.alert.alert-warning .alert-text hr {
    border-top-color: #111111;
    opacity: 0.4;
}

.alert.alert-warning .alert-close i {
    color: #111111;
}

.alert.alert-outline-warning {
    border: 1px solid #ffb822;
    color: #ffb822;
}

.alert.alert-outline-warning .alert-icon i {
    color: #ffb822;
}

.alert.alert-outline-warning .alert-text {
    color: #ffb822;
}

.alert.alert-outline-warning .alert-close i {
    color: #ffb822;
}

.alert.alert-solid-warning {
    background: rgba(255, 184, 34, 0.1);
    border-color: transparent;
    color: #ffb822;
}

.alert.alert-solid-warning .alert-icon i {
    color: #ffb822;
}

.alert.alert-solid-warning .alert-text {
    color: #ffb822;
}

.alert.alert-solid-warning .alert-close i {
    color: #ffb822;
}

.alert.alert-danger {
    background: #f73164;
    border: 1px solid #f73164;
    color: #ffffff;
}

.alert.alert-danger .alert-icon i {
    color: #ffffff;
}

.alert.alert-danger .alert-text {
    color: #ffffff;
}

.alert.alert-danger .alert-text hr {
    border-top-color: #ffffff;
    opacity: 0.4;
}

.alert.alert-danger .alert-close i {
    color: #ffffff;
}

.alert.alert-outline-danger {
    border: 1px solid #fd397a;
    color: #fd397a;
}

.alert.alert-outline-danger .alert-icon i {
    color: #fd397a;
}

.alert.alert-outline-danger .alert-text {
    color: #fd397a;
}

.alert.alert-outline-danger .alert-close i {
    color: #fd397a;
}

.alert.alert-solid-danger {
    background: rgba(253, 57, 122, 0.1);
    border-color: transparent;
    color: #fd397a;
}

.alert.alert-solid-danger .alert-icon i {
    color: #fd397a;
}

.alert.alert-solid-danger .alert-text {
    color: #fd397a;
}

.alert.alert-solid-danger .alert-close i {
    color: #fd397a;
}

.alert.alert-secondary .alert-icon i {
    color: #74788d;
}

.alert.alert-secondary .alert-text {
    color: #595d6e;
}

.alert.alert--marginless {
    margin: 0;
}

.alert.alert-bold .alert-text {
    font-weight: 500;
}

.alert[data-notify] {
    min-width: 300px;
}

.alert[data-notify] .close {
    right: 10px !important;
    padding: 0.25rem 0 0 2rem;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 300;
}

.alert[data-notify] .close:before {
    content: "x";
}

.alert[data-notify] .close:before {
    font-size: 1.1rem;
    color: #fff;
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.alert[data-notify] .close:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width:769px) and (max-width:1024px) {
    .alert[data-notify] {
        max-width: 70%;
    }
}

@media (max-width:768px) {
    .alert[data-notify] {
        max-width: 90%;
    }
}

.alert[data-notify][data-notify-position=top-center],
.alert[data-notify][data-notify-position=bottom-center] {
    width: 30%;
}

@media (min-width:769px) and (max-width:1024px) {
    .alert[data-notify][data-notify-position=top-center],
    .alert[data-notify][data-notify-position=bottom-center] {
        width: 70%;
    }
}

@media (max-width:768px) {
    .alert[data-notify][data-notify-position=top-center],
    .alert[data-notify][data-notify-position=bottom-center] {
        width: 90%;
    }
}

.alert[data-notify] .icon {
    position: absolute;
}

.alert[data-notify] [class^="la-"],
.alert[data-notify] [class*=" la-"] {
    font-size: 1.8rem;
}

.alert[data-notify] [class^="fa-"],
.alert[data-notify] [class*=" fa-"] {
    font-size: 1.6rem;
}

.alert[data-notify] [class^="flaticon-"],
.alert[data-notify] [class*=" flaticon-"],
.alert[data-notify] [class^="flaticon2-"],
.alert[data-notify] [class*=" flaticon2-"] {
    font-size: 1.8rem;
}

.alert[data-notify] [class^="la-"],
.alert[data-notify] [class*=" la-"] {
    margin-top: -0.1rem;
}

.alert[data-notify] [class^="fa-"],
.alert[data-notify] [class*=" fa-"] {
    margin-top: -0.1rem;
}

.alert[data-notify] [class^="flaticon-"],
.alert[data-notify] [class*=" flaticon-"],
.alert[data-notify] [class^="flaticon2-"],
.alert[data-notify] [class*=" flaticon2-"] {
    margin-top: -0.4rem;
}

.alert[data-notify] [data-notify=title] {
    display: block;
    font-weight: 500;
}

.alert[data-notify] .icon~[data-notify=title] {
    padding-left: 2.85rem;
}

.alert[data-notify] .icon~[data-notify=message] {
    display: inline-block;
    padding-left: 2.85rem;
}

.alert[data-notify] [data-notify=title]:not(:empty)~[data-notify=message] {
    margin-top: 0.2rem;
}

.alert[data-notify] .progress {
    margin-top: 0.5rem;
    line-height: 0.5rem;
    height: 0.5rem;
}

.btn-outline-primary:active {
    color: #fff !important;
}

.white {
    color: #FFFFFF !important;
}

.btn-outline-white {
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
}

.btn-outline-white:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}

.btn-outline-white:active {
    color: #fff !important;
}

.bg-rgba-white {
    background: rgba(255, 255, 255, 0.15) !important;
}

.bg-rgba-black {
    background: rgba(0, 0, 0, 0.15) !important;
}

.bg-rgba-dark {
    background: rgba(30, 30, 30, 0.15) !important;
}

.bg-rgba-light {
    background: rgba(186, 191, 199, 0.15) !important;
}

.bg-rgba-primary {
    background: rgba(115, 103, 240, 0.15) !important;
}

.bg-rgba-secondary {
    background: rgba(184, 194, 204, 0.15) !important;
}

.bg-rgba-success {
    background: rgba(40, 199, 111, 0.15) !important;
}

.bg-rgba-info {
    background: rgba(0, 207, 232, 0.15) !important;
}

.bg-rgba-warning {
    background: rgba(255, 159, 67, 0.15) !important;
}

.bg-rgba-danger {
    background: rgba(234, 84, 85, 0.15) !important;
}

.warning {
    color: #ff9f43 !important;
}