.m-aside-left.m-aside-left--skin-dark, .m-brand.m-brand--skin-dark {
    background-color: #452A50;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #ffffff;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
    background: #ffffff;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i:before {
    /*background: #2699FB;*/
    background: linear-gradient(180deg,#BD56A0 25%,#BD56A0 50%,#BD56A0 75%,#BD56A0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-badge {
    right: 0;
    top: 20PX;
    left: unset;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    color: #BD56A0;
    padding-right: 10px
}

.m-badge.m-badge--primary {
    background-color: #BD56A0
}

.m-subheader .m-subheader__title {
    color: #CF89BB;
    font-size: 2em;
    font-weight: 700;
    font-family: Poppins;
}

.m--font-info {
    color: #594063 !important;
}

.m-badge.m-badge--info {
    background-color: #BD56A0;
}

.m-portlet .custom-portlet-rmv, .m-portlet .custom-reset {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: unset;
}

.custom-portlet-rmv .m-portlet__body {
    padding: 0
}

.custom-portlet-rmv .m--bg-brand {
    background-color: #F5E4F0 !important;
    border-radius: 7px;
}

.custom-portlet-rmv.inactive .m--bg-brand {
    background-color: #F4F2F2 !important;
}

.custom-portlet-rmv .m--font-light {
    color: #BD56A0 !important
}

.custom-portlet-rmv.inactive .m--font-light {
    color: #707070 !important
}

.custom-portlet-rmv .m--bg-brand .m-badge {
    top: -5px;
    right: -10px;
    font-size: 10px;
    line-height: 20px
}

.custom-portlet-rmv.inactive .m--bg-brand .m-badge.m-badge--info {
    background-color: #707070
}

.m-login.m-login--1 .m-login__aside {
    width: 40%
}

.validation-summary-errors ul {
    padding: 0 20px;
}


#staffTable {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    #staffTable td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500 !important;
    }

    #staffTable thead tr th {
        font-weight: 900 !important;
    }

.btn.btn-primary {
    background: #BD56A0;
    border-color: #BD56A0;
}

    .btn.btn-primary.alt {
        background: #452A50;
        color: #fff;
        border-color: #452A50;
    }

.btn.btn-outline-info {
    color: #BE58A1;
}

.btn-outline-info {
    border-color: #BE58A1;
}

    .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:hover {
        border-color: #BE58A1;
        background: #BE58A1;
    }

.m-datatable__pager-nav {
    display: unset !important;
}

.m-datatable__pager-info {
    display: none
}

.m-datatable__pager {
    display: flex;
    justify-content: center
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link {
    border-radius: unset;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--disabled, .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--disabled:hover {
    opacity: unset;
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li {
    margin-right: 0
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: #F5E4F0;
    color: #DCA5CC;
}

@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__link-icon {
        color: #ffffff;
    }
}

.UploadImageInput {
    width: 100%
}

.media-container {
    position: relative;
}

    .media-container img, .media-container video {
        opacity: 1;
    }

    .media-container:hover img, .media-container:hover video {
        opacity: 0.3;
    }

    .media-container:hover .middle {
        opacity: 1;
        cursor: pointer;
    }

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.text {
    color: #BD56A0;
    font-size: 12px;
    padding: 16px 32px;
}

.text-success {
    padding: 8px 5px;
    color: green;
}

text-info {
    padding: 8px 5px;
    color: #452a50;
}

.text-danger {
    padding: 8px 5px;
    color: red;
}

.text-warning {
    padding: 8px 5px;
    color: orange;
}

.dataTables_filter {
    display: none;
}

.access-denied {
    text-align: center;
    font-size: 3rem;
}

/* HIDE RADIO */
.media-library label {
    padding: 4px
}
.media-library input[type=radio], .media-library input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    /* IMAGE STYLES */
    .media-library input[type=radio] + img, .media-library input[type=checkbox] + img {
        cursor: pointer;
    }

    .media-library input[type=radio] + video, .media-library input[type=checkbox] + video {
        cursor: pointer;
    }

    /* CHECKED STYLES */
    .media-library input[type=radio]:checked + img, .media-library input[type=checkbox]:checked + img {
        outline: 4px solid #452a50;
    }

    .media-library input[type=radio]:checked + video, .media-library input[type=checkbox]:checked + video {
        outline: 4px solid #452a50;
    }


.toast-success {
    background-color: #34bfa3 !important;
}

.title-pink {
    color: #BD56A0 !important
}

.m-portlet__body h5 {
    color: #452A50;
    font-weight: bold
}

.btn-danger {
    background-color: darkred;
    border-color: darkred;
    color: #ffffff;
    width: 100%;
}

.m-nav__item .btn {
    text-align: left;
    background: unset;
    color: black;
    border: unset;
    width: 100%;
}

    .m-nav__item .btn:hover {
        background-color: #BD56A0 !important;
        color: white !important;
        border-radius: unset;
    }

.fa-trash {
    cursor: pointer
}

.dot {
    height: 8px !important;
    width: 8px !important;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}

    .dot.active {
        background-color: #00E17B;
    }

    .dot.inactive {
        background-color: #B5B5B5;
    }

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px 30px !important;
}

.text-purple-link {
    color: #bd55a0;
    text-decoration: underline;
}

/* Account Start */
.account-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

.account-form {
    margin: 4em;
    width: 50%;
}

.account-form-title {
    margin-top: 20px;
    text-align: center;
}

.account-form-desc {
    margin-top: 20px;
    text-align: center;
}

.account-form-logo {
    width: 50%;
    margin: 0 auto;
}

.account-form-extras {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 30px;
}

.account-image {
    display: none
}

@media (min-width: 768px) {
    .account-form-extras {
        flex-direction: row;
    }

    .account-form-logo {
        width: 40%
    }
}

@media (min-width: 1024px) {
    .account-login {
        flex-direction: row
    }

    .account-image {
        display: block;
        height: 100vh;
        width: 100%;
        background: url('/image/Covid_Second_Wave_Images.jpeg') no-repeat center;
        background-size: cover
    }
    .account-reset-password {
        display: block;
        height: 100vh;
        width: 100%;
        background: url('/image/ResetPasswrod_Bg.jpg') no-repeat center;
        background-size: cover
    }
}
/* Account End */

.paging_simple_numbers {
    margin: 10.5rem auto 0;
}