/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}



.header-fixed {
    position: fixed;
    background-color: #fff;
    background-color: #2d6ccf;
    background-image: none;
    border-bottom: 1px solid #e4e7eb;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}

header {
    transition: background-color 200ms linear;
    position: absolute;
    width: 100%;
    height: 35px;
    z-index: 1021;
    padding-top: 0px;
}

#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.50rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper {
    min-height: 100vh;
    transition: margin 0.25s ease-out;
    margin-top:35px;
}
#sidebar-wrapper .list-group {
    width: 15rem;
}
#sidebar-wrapper.list-group-item-action {
    text-align: right;
}


.body-wrapper {
    padding: 0px;
    background-color: #fafafa;
    padding-right:0px;
    padding-left:0px;
    min-height:100vh;
}

#page-content-wrapper {
    min-width: 100vw;
    margin-top: 35px;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

#top-navbar {
    padding: 0.62rem 1rem;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: 0;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
        margin-left: -15rem;
    }
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#navbarSupportedContent >.navbar-nav .nav-item .nav-link {
    color: #000000 !important;
    text-decoration: none;
    border: none;
}

#navbarSupportedContent >.navbar-nav .nav-item:hover .nav-link {
    color: #808080 !important;
    text-decoration: none;
    border: none;
}



.ms-auto {
    margin-left: auto !important;
}

#navbarSupportedContent .navbar-nav > li {
    padding: 0 2rem;
}

#sidebar-wrapper >.list-group-item:first-child {
    border-radius: 0px;
}



@media all and (min-width: 992px) {
    .navbar-nav .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar-nav .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar-nav .nav-item:hover .nav-link {
        color: #fff;
    }

    .navbar-nav .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar-nav .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar-nav .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

#navbarSupportedContent .dropdown-menu {
    border-radius: 0px;
    padding: 0.2rem 0.1rem;
}

    #navbarSupportedContent .dropdown-menu > li {
        padding: 0.1rem 0.1rem 0.1rem 0.1rem;
        font-size: 1em;
        display: block;
        width: 100%;
    }

        #navbarSupportedContent .dropdown-menu > li a {
            padding: 0.3rem 8rem 0rem 0.4rem;
            display: block;
            width: 100%;
            background-color: #f8f8f8;
        }


.content_header {
    width: 100%;
    font-size: 1.2rem;
    padding: 11px;
    margin-bottom: 20px;
    color: #929292;
    background-color: #fafbfc;
    border-bottom: 1px solid #cfdbe2;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    background-color: #f7f7f7;
}
.clickable{
    cursor:pointer;
}
.card {
    border-radius: 0px;
}

.w-90
{
    width:90% !important;
}
.w-80 {
    width: 80% !important;
}
.w-70 {
    width: 70% !important;
}
.w-60 {
    width: 60% !important;
}
.w-50 {
    width: 50% !important;
}
.w-40 {
    width: 40% !important;
}