/* Styles to set the scroll bars to something wider and taller */

.ps > .ps__rail-x
{
    opacity: 0.4;
    height: 14px !important;
}

.ps > .ps__rail-y {
    opacity: 0.4;
    width: 14px !important;
}

.ps > .ps__rail-x:hover, .ps > .ps__rail-x:focus {
    height: 14px !important;
}

.ps > .ps__rail-y:hover, .ps > .ps__rail-y:focus {
    width: 14px !important;
}

.ps > .ps__rail-x > .ps__thumb-x {
    height: 14px !important;
}

.ps > .ps__rail-y > .ps__thumb-y {
    width: 14px !important;
}

.ps > .ps__rail-x > .ps__thumb-x:hover, .ps > .ps__rail-x > .ps__thumb-x:focus {
    height: 14px !important;
}

.ps > .ps__rail-y > .ps__thumb-y:hover, .ps > .ps__rail-y > .ps__thumb-y:focus {
    width: 14px !important;
}

.kt-datatable__body.ps {
    padding-bottom: 14px !important;
}

.kt-datatable__table {
    max-height: 100% !important;
}

.kt-datatable__body {
    overflow: overlay !important;
}

::-webkit-scrollbar {
    width: 14px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #dbe2f7b3;
    border-radius: 6px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #dbe2f7;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}