<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
    /*font-size: 70%;*/
    font-family: Poppins, serif;
}
.btn {
    padding: 0.15rem 0.15rem;
}

.vims-table-index {
    width: 100%;
}

.badge-info {
    background: #0098EE;
    border-radius: 5px;
    color:  #FFFFFF;
}

table tbody tr:nth-child(even){background-color: #EBFBFF;}

table th {
    background: #54E0FF;
    font-family: Poppins, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 113.5%;
    /* or 12px */
    width: fit-content;
    color: #494949;
}

.add-btn {
    color: #FFFFFF;
    background: #00C92D;
    /*margin: 2vh;*/

    font-family: Poppins, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 2rem;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0.15rem 0.5rem;

}

.vims-page-title {
    font-family: Poppins, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */

    display: flex;
    align-items: center;

    color: var(--clr-font-title);
}

::-webkit-scrollbar {
    width: 1.2em;
    height: 0.5em;
}

::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 100vw;
    margin-block: 0.5em;
}

::-webkit-scrollbar-thumb {
    background: #1abdda;
    /*border: 0.25em solid #53585c;*/
    border-radius: 100vw;
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(184, 97%, 26%);
}

:root {
    --clr-light: linear-gradient(118.49deg, #FFFFFF 57.17%, #B8F2FF 102.58%);
    --clr-dark: linear-gradient(118.49deg, #061e3d 57.17%, #08358a 102.58%);

    --fs-light: black;
    --fs-dark: #707070;

    --fs-title-dark: rgb(218, 218, 218);
    --fs-title-light: hsla(0, 0%, 76%, 1);;

    --card-light: #ffffff;
    --card-dark: linear-gradient(118.49deg, rgba(7, 70, 164, 0.59) 57.17%, #0a3e9b 102.58%);

    --background: var(--clr-light);

    --clr-font: var(--fs-light);
    --clr-font-title: var(--fs-title-light);
    --clr-card: var(--card-light);

}

.darkmode {
    --clr-light: linear-gradient(118.49deg, #FFFFFF 57.17%, #B8F2FF 102.58%);
    --clr-dark: linear-gradient(118.49deg, #061e3d 57.17%, #08358a 102.58%);

    --background: var(--clr-dark);

    --clr-font: var(--fs-dark);
    --clr-card: var(--card-dark);
    --clr-font-title: var(--fs-title-dark);


}

.card {
    background: var(--clr-card);
    color: var(--clr-font);
}

.card-header {
    font-size: 1.25rem;
    /*color: var();*/
}

.list-image {
    /*border: 1px solid #ddd; !* Gray border *!*/
    /*border-radius: 4px; !* Rounded border *!*/
    /*padding: 5px; !* Some padding *!*/
    max-width:150px;
}

table.dataTable thead th{
    font-weight: 500;
}

.table-img {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    width: 150px; /* Set a small width */
}

/* Add a hover effect (blue shadow) */
.table-img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.img-flag-sel {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px; /* Rounded border */
    padding: 5px; /* Some padding */
    width: 30px; /* Set a small width */
}

/* Add a hover effect (blue shadow) */
.img-flag-sel:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/*
Following CSS units are more suited
font size -&gt; em rem
width -&gt; %, vh, ch
height-&gt; Avoid as much as possible. if need use same as width
padding, margin -&gt; em, rem

*/
</pre></body></html>