.login-logo img {
    width: 80px;
    height: 80px;
}

.pass-show {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 12px;
    font-weight: 600;
    color: #9DA1AB;
    cursor: pointer;
}

.custom-bar nav .account-holder .profile-image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #979797;
    font-size: 18px;
    font-weight: 700;
    color: #0B132E;
    text-align: center;
    padding: 10px;
}

.custom-bar nav .account-holder a {
    text-decoration: none;
}

.activity-table-pagination {
    font-size: .75rem;
    font-weight: 600;
    color: #9DA1AB;
}

#active-table_info,
#tablet-active-table_info,
#staff-active-table_info,
#traillog-table_info,
#lockout-active-table_info,
#units-table_info,
#assessment-activity-table_info,
#session-active-table_info {
    margin-right: 20px;
    margin-bottom: 12px;
    color: #9DA1AB;
}

#active-table_paginate,
#tablet-active-table_paginate,
#staff-active-table_paginate,
#traillog-table_paginate,
#units-table_paginate,
#assessment-activity-table_paginate,
#lockout-active-table_paginate,
#session-active-table_paginate {
    font-size: 15px;
}

#active-table_paginate a,
#tablet-active-table_paginate a,
#staff-active-table_paginate a,
#units-table_paginate a,
#assessment-activity-table_paginate a,
#traillog-table_paginate a,
#lockout-active-table_paginate a,
#session-active-table_paginate a {
    padding: 0 5px;
    color: #9DA1AB;
    cursor: pointer;
    text-decoration: none;
}

#active-table_paginate a:hover,
#tablet-active-table_paginate a:hover,
#staff-active-table_paginate a:hover,
#units-table_paginate a:hover,
#assessment-activity-table_paginate a:hover,
#traillog-table_paginate a:hover,
#lockout-active-table_paginate a:hover,
#session-active-table_paginate a:hover {
    color: #8338EC;
}

.scroll-table-custom-height {
    height: calc(100vh - 210px);
    overflow: auto;
}

.icon-tablet {
    height: 24px;
}

#staff-active-table_wrapper .dropdown-menu {
    transform: translate3d(-125px, 45px, 0px) !important;
}

table.dataTable tbody tr td {
    cursor: text;
}

#staff-active-table_wrapper tbody tr:last-child td .dropdown-menu {
    transform: translate3d(-125px, -80px, 0px) !important;
}

.custom-overflow-scroll.max-height-tabs {
    overflow: initial !important;
}

.custom-overflow-scroll .mCustomScrollBox {
    overflow: initial !important;
}

.custom-overflow-scroll .mCSB_container {
    overflow: initial !important;
}


.ribbon {
    font-size: 14px;
    padding: 8px 16px;
    position: fixed;
    left: calc(50% - 45px);
    width: 90px;
    top: 5px;
    text-align: center;
    border-radius: 25px;
    background-color: rgba(131, 56, 236, 0.5);
    color: white;
    margin: auto;
    z-index: 9999;
    font-weight: bold;
}

.daterangepicker td.in-range {
    background-color: #EEE6F9 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #8338EC !important;
}

#traillog-table_wrapper .dropdown-menu {
    transform: translate3d(-125px, 45px, 0px) !important;
}

#traillog-table_wrapper tbody tr:last-child td .dropdown-menu {
    transform: translate3d(-125px, 45px, 0px) !important;

    .custom-overflow-scroll.max-height-tabs {
        overflow: initial !important;
    }

    .custom-overflow-scroll .mCustomScrollBox {
        overflow: initial !important;
    }

    .custom-overflow-scroll .mCSB_container {
        overflow: initial !important;
    }
}