/* header */
.page-header {
    background-color: white !important;
    font-size: larger;
    height: 70px !important;
}

.page-logo > img {
    max-height: 100%;
}

.page-header-user {
    font-size: 20px;
}

.page-header-info .btn {
    width: 90px;
    padding: 4px;
    margin-left: 5px;
}

.dropdown-menu  {
    padding-bottom: 0px;
    min-width: 8.5rem;
}

.dropdown-menu > li {
    padding-bottom: 10px;
    font-size: small;
    font-weight: 600;
    color: #212529;
    background-color: #edf2f9;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    margin: 5px;
    margin-top: 0px;
}

.dropdown-menu > li:hover {
    cursor: pointer;
}

.dropdown-menu > li > svg {
    padding-right: 10px;
}

.dropdown-menu > li {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

/* sidebar */
/* .nav-menu {
    display: flex;
} */

.page-sidebar-menu:hover {
    background: #3269c0 !important;
}

.page-sidebar-font {
    font-size: x-large !important;
    /* font-weight: 600 !important; */
    color: #F6F6F6 !important;
}

.page-sidebar-menu {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* content */
/* .page-content-wrapper {
    margin-top: 95px !important;
} */

.page-content {
    padding-top: 2rem;
    padding-left: 2rem;
    background: white;
    color: #474747;
}

.main-back {
    height: 100%;
    /* min-width: 1300px; */
}

.main-back > div {
    display: inline-block;
    vertical-align: top;
}

.line {
    width: 1px;
    height: 100%;
    background: #4374D9;
    margin-left: 20px;
    margin-right: 10px;
}

.require {
    color: red !important;
}

.toast-top-center {
    top: 20%;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background: #BDBDBD;
    border-radius: 5px;
}

/* footer */
.page-footer {
    padding: 15px;
    padding-left: 45px;
}

.page-footer ul {
    padding-left: 20px;
    margin-bottom: 0px;
    font-size: larger;
}