html { scroll-behavior: smooth; }

body, h1, h2, h3, h4, h5, h6, li, p, span, strong, b, i { 
    font-family: "Itim", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body::-webkit-scrollbar { width: 2px; }
body::-webkit-scrollbar-track { background: #121212; }
body::-webkit-scrollbar-thumb { background-color: #ffc107; }

.text-bold { font-weight: bold; }

.text-italic { font-style: italic; }

.text-none { text-decoration: none; }

.star-yellow { color: #FFFF33 !important; }

.login-page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
}

.my-pointer:hover { cursor: pointer; }

.my-margin-left-50 { margin-left: 50px !important; }

.my-animate-fading-5 { animation: fading5 10s infinite; }
@keyframes fading5 {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.my-animate-zoom-out { animation: zoomout 0.6s; }
@keyframes zoomout {
    from { transform: scale(1); }
    to { transform: scale(0); }
}

figure.table > table {
    border: 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}

figure.table > table > tbody > tr {
    border-bottom: 1px solid;
}

figure.table > table > tbody > tr:first-child > td {
    text-align: center;
    font-weight: bold;
}

figure.table > table > tbody > tr > td {
    border-right: 1px solid;
    padding-left: 2px;
}

figure.image > img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    cursor: pointer;
}

th.valign-middle, td.valign-middle { vertical-align: middle !important; }

td.no-wrap { white-space: nowrap; }

td > p.text-center {
    text-align: center;
    margin: 0 !important;
}

div#sidebar {
    width: 50px;
    z-index: 3;
    transition: 0.4s;
}

div#sidebarPopUp {
    width: 200px;
    z-index: 3;
    transition: 0.4s;
}

main#main-content {
    padding-top: 10px;
    margin-left: 50px;
    min-height: 100vh;
    transition: 0.4s;
}

footer#main-footer {
    margin-left: 50px;
    transition: 0.4s;
}

@media only screen and (max-width: 992px) {
    main#main-content {
        padding-top: 50px;
        margin-left: 0 !important;
        min-height: 100vh;
    }
    footer#main-footer { margin-left: 0 !important; }
}

.customize-scrollbar { scrollbar-width: thin; }
div#sidebar::-webkit-scrollbar { width: 1px; }
div#sidebarPopUp::-webkit-scrollbar { width: 1px; }

select.select-multiple::-webkit-scrollbar { width: 2px; }
select.select-multiple::-webkit-scrollbar-track { background: #121212; }
select.select-multiple::-webkit-scrollbar-thumb { background-color: #ffc107; }