h1,
h2,
h3,
h4 {
    text-transform: none;
    padding: 0px;
    margin: 0px;
    color: #b30508;
    /* font-size: 20px; */
}

hr {
    border: 1px solid #6e6c66;
    width: 50%;
}

p {
    font: normal normal normal 18px/30px "Roboto";
    letter-spacing: 0px;
    color: #1d1d1d;
    padding: 0px;
    margin: 0px;
}

.preloader {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.preloader img {
    width: 17%;
}

.sidebarToggler {
    display: none;
}

body {
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-family: "Roboto", sans-serif;
    background: #ded0c0 0% 0% no-repeat padding-box;
    /* background-image: url("icon/background.png"); */
    background-repeat: no-repeat;
}

body main#app {
    width: 100%;
    height: 100%;
    position: relative;
}

body main#app .header {
    height: 80px;
    width: 100%;
    background-color: #8b0204;
    box-shadow: 0px 3px 6px #00000038;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

body main#app .header .container {
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: left;
}

/* body main#app .header .container .position {
    height: 50%;
} */

body main#app .header .container .position.header-left {
    /* width: 50%; */
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    height: 100%;
    margin-right: 10px;
}
body main#app .header .container .position.header-left_mid {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: left;
    /* margin-top: 20px; */
}

body main#app .header .container .position.header-left h1 {
    /* font-size: 15px; */
    /* display: none; */
    font-size: 1.2em;
}
body main#app .header .container .position.header-left h3 {
    /* font-size: 15px; */
    /* display: none; */
    font-size: 0.8em;
}

body main#app .header .container .position.header-right {
    width: 12%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body main#app .header .container .position.header-mid {
    position: fixed;
    top: 20px;
    left: calc(50% - 150px)
}

body main#app .header .container .position.header-mid h1 {
    font-weight: bold;
    color: #ffffff;
    font-size: 35px;
}

body main#app .header .container .position.header-left .logo {
    /* width: calc(100% / 3); */
    /* height: 54.45%; */
}

body main#app .header .container .position.header-left .logo img {
    /* width: 54.95%; */
    height: 100%;
}

body main#app .header .container .position.header-right .lang {
    width: 40px;
    height: 40px;
    opacity: 0.5;
}

body main#app .header .container .position.header-right .lang.active {
    opacity: 1;
}

body main#app .header .container .position.header-right .lang img {
    width: 100%;
    height: 100%;
}


/* DASHBOARD HEADER */

body main#app .header .container-fluid {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
}

body main#app .header .container-fluid .header-left h1,
body main#app .header .container-fluid .header-left h2,
body main#app .header .container-fluid .header-left h3,
body main#app .header .container-fluid .header-left_mid h1,
body main#app .header .container-fluid .header-left_mid h2,
body main#app .header .container-fluid .header-left_mid h3,
body main#app .header .container-fluid .header-mid h1,
body main#app .header .container-fluid .header-mid h2,
body main#app .header .container-fluid .header-mid h3,
body main#app .header .container-fluid .header-right h1,
body main#app .header .container-fluid .header-right h2,
body main#app .header .container-fluid .header-right h3 {
    text-transform: uppercase;
}

body main#app .header .container-fluid .header-left {
    /* width: 4%; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body main#app .header .container-fluid .header-left_mid {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #c5c5c566;
    cursor: pointer;
}

body main#app .header .container-fluid .header-left .logo {
    min-width: auto;
    max-width: 100%;
    cursor: pointer;
}

body main#app .header .container-fluid .header-left .logo img {
    width: 100%;
}

body main#app .header .container-fluid .header-left_mid h1 {
    color: #8b0204;
}

body main#app .header .container-fluid .header-mid {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

body main#app .header .container-fluid .header-right {
    width: 24%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body main#app .header .container-fluid .header-right .qr-holder {
    min-width: auto;
    height: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}

body main#app .header .container-fluid .header-right .qr-holder .qr {
    padding: 2px;
    background-color: #ffffff;
    min-width: auto;
    max-width: 20%;
    height: 100%;
    margin-right: 10px;
}

body main#app .header .container-fluid .header-right .qr-holder .qr img {
    width: auto;
    height: 100%;
}

body main#app .header .container-fluid .header-right .qr-holder .info {
    min-width: auto;
    max-width: 80%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 10px;
}


/* body main#app .header .container-fluid .header-right .qr-holder .info h3 {
  color: #1d1d1d;
} */

section.body {
    width: 100%;
    height: 90%;
    position: relative;
}

section.body.listing {
    overflow-y: scroll;
}


/* Hide scrollbar for Chrome, Safari and Opera */

section.body.listing::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */

section.body.listing {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

section.body.listing .banner {
    width: 100%;
}

section.body.listing .banner img {
    width: 100%;
}

section.body .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

section.body .container #gallery-items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 89.584%;
    height: 100%;
}

section.body .container #gallery-items .gallery-items {
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3%;
}

section.body .container #gallery-items .gallery-items .item {
    width: 22%;
    height: 50%;
    cursor: pointer;
}

section.body .container #gallery-items .gallery-items .item .image {
    width: 100%;
    height: 65%;
}

section.body .container #gallery-items .gallery-items .item .image img {
    width: 100%;
    height: 95%;
    object-fit: contain;
    background-color: #ffffff;
    background-image: url('/img/bgr.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.body .container #gallery-items .gallery-items .item.active .image img {
    border: 2px solid red;
    width: 99%;
}

section.body .container #gallery-items .gallery-items .item .description {
    max-height: 35%;
    min-height: 20%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

section.body .container #gallery-items .gallery-items .item .description h1 {
    font-size: 18px;
    margin-bottom: 10px;
}

section.body .container #gallery-items .gallery-items .item .description p {
    font: normal normal normal 15px/20px "Roboto";
}


/* DASHBOARD */

section.body .container #dashboard {
    width: 100%;
    height: 100%;
}

section.body .container #dashboard .dashboard {
    width: 100%;
    height: 100%;
    display: flex;
}

section.body .container #dashboard .dashboard .sidebar {
    width: 7%;
    height: 100%;
    background-color: #8b0204;
    position: relative;
    z-index: 2;
}

section.body .container #dashboard .dashboard .sidebar .item {
    width: 100%;
    height: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #c5c5c566;
    margin-top: 1px;
    cursor: pointer;
    background-color: #8b0204;
}

section.body .container #dashboard .dashboard .sidebar .item:last-child {
    height: 15%;
    border-bottom: 0px;
}

section.body .container #dashboard .dashboard .sidebar .item .badge {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    flex-direction: column;
    opacity: 0.5;
}

section.body .container #dashboard .dashboard .sidebar .item.active .badge {
    opacity: 1;
}

section.body .container #dashboard .dashboard .sidebar .item .badge p {
    color: #ffffff;
}

section.body .container #dashboard .dashboard .sidebar .item.active {
    background-color: #530e13;
}

section.body .container #dashboard .dashboard .main {
    width: 93%;
    height: 100%;
    position: relative;
}

section.body .container #dashboard .dashboard .main .seperator {
    height: 100%;
    width: 1px;
    background-color: #ffffff;
    position: absolute;
    left: 54.5%;
}

section.body .container #dashboard .dashboard .main .container {
    width: 100%;
    height: 100%;
}

section.body .container #dashboard .dashboard .main .container {
    width: 100%;
    height: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb {
    min-height: 10%;
    width: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: start;
    align-items: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container img:first-child {
    cursor: pointer;
}

section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container img:nth-child(2),
section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container p {
    margin-left: 15px;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content {
    height: 90%;
    width: 90%;
    display: flex;
    margin: 0 auto;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description {
    max-height: 80%;
    /* width: 100%; */
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    padding-right: 30px;
}


/* section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description {
    -ms-overflow-style: none;
    scrollbar-width: none;
} */

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description::-webkit-scrollbar-track {
    border: 1px solid rgba(0, 0, 0, 0.192);
    background-color: #F5F5F5;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.192);
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description h1 {
    text-transform: uppercase;
    color: #333;
    margin: 25px 0px;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description p,
section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description span {
    margin: 5px 0px;
    line-height: 1.5 !important;
    text-align: justify;
    background: #ded0c0 !important;
    font-family: Roboto !important;
    font-size: 20px !important;
    font-style: normal !important;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description em {
    font-style: italic !important;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .description > p.infotext p {
    text-indent: 30px;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .btn {
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .left .btn button {
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    background-color: #8b0204;
    border: 0px;
    font-size: 16px;
    cursor: pointer;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .right {
    width: 50%;
    height: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .right img {
    width: 100%;
}


/* IMAGE */

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list {
    width: 55%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show {
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show .image-holder {
    width: 88%;
    height: 75%;
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 5.5%;
    text-align: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container {
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    overflow-y: scroll;
    align-content: flex-start;
    column-gap: 5%;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container .image {
    width: 30%;
    height: 33.44%;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 5%;
    opacity: 0.5;
    cursor: pointer;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container .image.active {
    /* border: 2px solid rgb(255, 0, 0); */
    opacity: 1;
}

section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container .image img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content {
    flex-direction: column;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show {
    height: 65%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list {
    height: 35%;
    width: 100%;
    display: flex;
    overflow-x: scroll;
    justify-content: space-between;
    align-items: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list::-webkit-scrollbar-track {
    border: 1px solid rgba(82, 17, 17, 0.425);
    background-color: #F5F5F5;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F5F5;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list::-webkit-scrollbar-thumb {
    background-color: rgba(82, 17, 17, 0.425);
}


/* section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
} */

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list .video {
    min-width: 18%;
    width: 18%;
    height: 65%;
    margin-right: 3%;
    border-radius: 5px;
    position: relative;
    opacity: 0.5;
    background-color: #ffffff;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list .video.active {
    opacity: 1;
    border: 2px solid rgb(255, 0, 0);
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list .video img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list .video img:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show .show {
    width: 100%;
    height: 100%;
    text-align: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show .show video {
    width: auto;
    max-width: 100%;
    max-height: 85%;
    height: auto;
    object-fit: cover;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show .show p {
    text-align: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-3d .content {
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-3d .content p {
    max-height: 15%;
    min-height: 7%;
    width: auto;
    font-size: 20px;
    font-weight: bold;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-3d .content iframe {
    width: 60%;
    height: 75%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content {
    display: flex;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists {
    width: 52%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .tabs {
    height: 10%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .tabs .tab {
    width: 30%;
    height: 100%;
    display: flex;
    border-bottom: 2px solid rgb(94, 93, 93);
    justify-content: space-evenly;
    align-items: center;
    opacity: 0.5;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .tabs .tab.active {
    border-bottom: 2px solid #b10609;
    opacity: 1;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .tabs .tab h4 {
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    line-height: 1.7;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .file-list {
    width: 100%;
    height: 85%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    overflow-y: scroll;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .file-list::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .file-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .file-list .file {
    width: 48%;
    min-height: 30%;
    margin-bottom: 10%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists .file-list .file p.active {
    color: #8b0204;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show {
    width: 48%;
    height: 90%;
    padding: 0px 5%;
    text-align: justify;
    overflow-y: scroll;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show p,
section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show span {
    background: #ded0c0 !important;
    line-height: 1.8 !important;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show h3 {
    color: #333;
    margin: 20px 0px;
    line-height: 1.8;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show h3 span:last-child {
    font-weight: normal;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show p {
    line-height: 2;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content {
    display: flex;
    flex-wrap: wrap;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs {
    height: 10%;
    min-width: 100%;
    display: flex;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab {
    width: 30%;
    height: 100%;
    display: flex;
    border-bottom: 2px solid rgb(94, 93, 93);
    justify-content: space-evenly;
    align-items: center;
    opacity: 0.5;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab.active {
    border-bottom: 2px solid #b10609;
    opacity: 1;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab h4 {
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list {
    width: 60%;
    height: 70%;
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    overflow-y: scroll;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list .file {
    width: 48%;
    min-height: 20%;
    margin-bottom: 5%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list .file p.active {
    color: #8b0204;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-show {
    width: 40%;
    height: 90%;
    display: flex;
    text-align: center;
    justify-content: flex-end;
    align-items: flex-start;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-show .qr {
    width: 80%;
    height: 70%;
    border-radius: 5px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-show .qr img {
    width: 80%;
    height: 80%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table {
    width: 100%;
    height: 85%;
    overflow-y: scroll;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table::-webkit-scrollbar {
    display: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table td,
th {
    border: 1px solid #c2c0c0;
    text-align: left;
    padding: 15px 30px;
    line-height: 1.8 !important;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table td:first-child {
    text-align: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table th {
    text-transform: uppercase;
    text-align: center;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table th:first-child {
    width: 2%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table th:nth-child(2) {
    width: 50%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table th:last-child {
    width: 48%;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table tr:nth-child(odd) {
    background-color: #ffffff;
}

section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table tr:nth-child(even) {
    background-color: #fff4e8;
}


/*Custom CSS HungPV*/

.banner {
    /*max-width: 1000px;*/
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: calc(60vh - 100px);
}

.banner-item {
    /*display: inline-block;*/
    /*margin-right: 10px;*/
    /*width: 100%;*/
    /*height: 100vh;*/
    /*min-height: 400px;*/
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;

}

.banner-enter-active, .banner-leave-active {
    transition: all 3s;
}

.banner-leave-to {
    opacity: 0;
    /*transform: translateX(-100px);*/
    /*z-index:1000;*/
}

.banner-enter {
    opacity: 0;
}
.banner-enter-to {
    opacity: 1;
}