html,
body,
.wrapper {
  background-color:#f4f6f9;
}

/* content area */

.content-panel {
    margin-top: 80px;
    position: relative;
    float: right;
    width: calc(100%);
    background-color: #f4f6f9;
}

a {
    outline: 0;
}


/* content area active */

.content-panel.active {
    width: calc(100% - 100px);
}


/*
    Jump back to the top
 */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #48509F;
}

.jxfw2-lettering-logo {
    height: 25px;
    margin-bottom: 3px;
    padding-left: 10px;
}


/* Change toast design for the notifications */

.toasts-top-right {
    top: 68px !important;
    right: 10px !important;
}

.toast {
    min-width: 300px !important;
}

.toast-body {
    max-height: 150px !important;
    padding: 5px;
}

.toast-body>a:nth-child(1) {
    padding: 0px;
}

.toast-body>a:nth-child(1)>div:nth-child(1)>div:nth-child(1)>p {
    margin-bottom: 0px;
}

div.toast>div:nth-child(2)>a:nth-child(1)>div:nth-child(1)>div:nth-child(2)>p:nth-child(3) {
    margin-bottom: 0px;
}

.toast-body>a>div:nth-child(1)>div:nth-child(2)>p:nth-child(2) {
    margin-bottom: 0px;
}

.modal-body {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.cursor-pointer {
    cursor: pointer;
}

@keyframes last-item-animation {
    0%,
    50%,
    100% {
        background-color: #d6f4ff;
    }

    25%,
    75% {
        background-color: #ffffff;
    }
}