.avatar {
    margin-right: 10px!important;
}

li.nav-item {
    width: 240px!important;
}

h1 {
    font-size: 26px!important;
    font-weight: 700!important;
}

.padder-v {
    padding: 0!important;
}

.flex-column li > a {
    border-radius: 10px!important;
    line-height: 37.5px;
    height: 50px;
    border-right: none!important;
    font-weight: 500;
    font-size: 16px;
}

.flex-column li:hover > a {
    color: #717171;
    background-color: #060606;
    border-radius: 10px!important;
    line-height: 37.5px;
    height: 50px;
}

.flex-column li.active > a {
    color: #ffffff;
    background-color: #060606;
    border-radius: 10px!important;
    line-height: 37.5px;
    height: 50px;
}

div#menu-benefit-hidden-menu {
    margin-bottom: 20px;
}

.mainBadge {
    position: relative;
    left: 25px;
    background-color: #95c2ff!important;
    color: white!important;
    text-shadow: none!important;
}

.aside {
    display: block;
}

.aside.col-xs-12.col-sm-12.col-md-12.col-lg-2.offset-xxl-0.col-xl-2.col-xxl-2.bg-dark {
    background: #ffffff!important;
    padding: 0px;
}

a.nav-link {
    line-height: 37.5px;
}

button.main_btn_back {
    min-width: 120px;
    width: auto;
    height: 38px;
    background: #ff6e6e;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border: none;
}

button.main_btn_password {
    min-width: 120px;
    width: auto;
    height: 38px;
    background: #fad463;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border: none;
}

button.main_btn_save {
    min-width: 120px;
    width: auto;
    height: 38px;
    background: #4ddc75;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border: none;
}

button.main_btn_blue {
    min-width: 120px;
    width: auto;
    height: 38px;
    background: #3366fa;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border: none;
}

button.main_btn > i {
    font-size: 14px;
    position: relative;
    top: 0px;
}

button.main_btn:hover {
    background: #a3a3a3;
    color: white!important;
}

.add-button {
    display: block!important;
    width: 50%!important;
    margin: 0 auto;
    height: auto;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 14px;
    margin-bottom: 35px;
}

.newBenefit {
    color: #ffffff!important;
    background: #3366fa;
    text-align: center;
    line-height: 50px!important;
}

li.active> .newBenefit {
    background: #3366fa78!important;
}

.newBenefit:hover {
    background: #3366fa78!important;
}

.newMessage {
    color: #ffffff!important;
    background: #10cb48;
    line-height: 50px!important;
    text-align: center;
}

li.active> .newMessage {
    background: #10cb4878!important;
}

.newMessage:hover {
    background: #10cb4878!important;
}

.tag {
    background: #e6e6e6;
    font-size: 16px;
    padding: 5px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    color: #3366fa;
    min-width: 50px;
    text-align: center;
    margin-top: 10px;
}

.egg {
    animation: shake 1s cubic-bezier(.36,.07,.19,.97) infinite;
    transform: translate3d(0, 0, 0);
}

@keyframes shake {
    0% {
        transform: translate3d(0px, 0, 0);
    }

    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }

    100% {
        transform: translate3d(0px, 0, 0);
    }
}

@media print {
    @page {size: landscape}
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #e7efff #e7efff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
    background: #e7efff;        /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
    background-color: #ffffff;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #e7efff;  /* creates padding around scroll thumb */
}