/* Light mode */
@media (prefers-color-scheme: light) {
    :root {
        --color-light-gray: #ababab;
        --color-dark-gray: rgba(68, 68, 68, 0.1);
        --color-black-opacity: rgba(0,0,0,0.52);
        --color-light-brown: #f9f5f0f0;
        --color-dark-brown: #693a10;
        --color-medium-brown: #cc9b33;
        --color-orange: #ec872c;
        --color-beige: #ffebd5;
        --color-light-purple: #fab5ff94;
        --color-blue: #97c5e4;
        --color-light-orange: #ec872c52;
        --color-white: #ffffff;
        --color-black: #000000;
        --color-hover-gray: #555;
        --color-title-font: #733a00;
        --color-text-font: #000000;
        --color-th: brown;
        --color-subinfo: #7f7c7c;
        --color-multiselect-border: #ffffff;
    }
}

  /* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --color-light-gray: #ababab;
        --color-dark-gray: rgba(68, 68, 68, 0.1);
        --color-black-opacity: rgba(0,0,0,0.52);
        --color-light-brown: #f9f5f0f0;
        --color-dark-brown: #693a10;
        --color-medium-brown: #cc9b33;
        --color-orange: #ec872c;
        --color-beige: #322515;
        --color-light-purple: #fab5ff94;
        --color-blue: #97c5e4;
        --color-light-orange: #6e441c;
        --color-white: #ffffff;
        --color-black: #000000;
        --color-hover-gray: #555;
        --color-title-font: #ffffff;
        --color-text-font: #ffffff;
        --color-th: #ff8779;
        --color-subinfo: #8d8a8a;
        --color-multiselect-border: #ababab;
    }
}

body {
    color: var(--color-text-font);
}

button {
    color: var(--color-text-font);
}

div.titleFont{
    text-align:center; 
    font-weight: 500; 
    color: var(--color-title-font);
    font-size: 20px;
}

span.subinfo{
    color: var(--color-subinfo);
}

/* Throbber Modal */
#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--color-light-gray);
    z-index: 9999;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#throbber_modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 50px;
    height: 50px;
    border: 3px solid var(--color-light-gray);
    box-shadow: 1px 1px 10px var(--color-light-gray);
    border-radius: 20px;
    background-color: var(--color-white);
    z-index: 9999;
    text-align: center;
    overflow: auto;
}

img#loader {
    width: 50px;
}

/* Update Modal */
.updateModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    z-index: 9999;
    background-color: var(--color-black-opacity); /* Black w/ opacity */
}

.update-content {
    background-color: var(--color-light-brown);
    margin: auto;
    border: 1px solid var(--color-dark-gray);
    border-radius: 10px;
    width: 90vw;
}

#updateDiv {
    padding: 0px 15px;
    text-align: center;
}

/* Side Navigation Bar */

.sideNavBar {
    position: fixed;
    width: 80vw;
    height: 100vh;
    background-color: rgba(245, 245, 245, 0.95);
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    transition: transform 300ms linear;
    z-index: 9000;
    left: 0;
    top: 0;
    background: var(--color-dark-brown);
    padding-top: 6px;
}

.sideNavBar.is-open {
    -webkit-transform: none;
    transform: none;
    transition: transform 300ms linear;
}

.sideNavBar label {
    position: relative;
    border-bottom: 1px solid var(--color-dark-gray);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 5px 25px;
    color: var(--color-light-gray);
    font-family: "Noto Sans Gujarati", sans-serif;
    font-size: 1em;
    text-decoration: none;
    border-bottom: 1px solid rgb(185 197 255 / 24%);
    font-weight: 700;
}

.sideNavBar ul {
    position: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.sideNavBar ul li {
    position: relative;
    border-bottom: 1px solid rgb(185 197 255 / 24%);
}

.sideNavBar a {
    display: inline-block;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 5px 25px;
    color: var(--color-white);
    font-family: "Noto Sans Gujarati", sans-serif;
    font-size: 1em;
    text-decoration: none;
    font-weight: 700;
}

.sideNavBar a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--color-medium-brown);
    z-index: -1;
}

.sideNavBar a:hover {
    color: var(--color-white);
}

.sideNavBar a:hover:before {
    width: 100%;
}

/* Header Bar */
#header-container .grid-x {
    flex-wrap: nowrap;
}

#header-container {
    height: 65px;
    position: absolute;
    top: 0;
    width: 100vw;
    background: var(--color-orange);
    padding-top: 5px;
    padding-bottom: 10px;
    left: 0;
    font-size: 16px;
}

#sideMenuButton {
    padding: 0;
    margin-left: 22px;
    width: 25px;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--color-white);
    font-size: 24px;
}

#sideMenuCloseButton {
    float: right;
    padding: 0;
    margin-right: 16px;
    width: 20px;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--color-white);
    font-size: 24px;
}

.buttonBar {
    padding-top: 5px;
}

.zoomButton {
    position: absolute;
    padding: 0;
    cursor: pointer;
    width: 25px;
    background-color: transparent;
    padding: 5px;
    border: none;
    outline: none;
    color: var(--color-white);
    font-size: 18px;
}

/* Page Container */
#page-container {
    top: 80px;
    width: 100vw;
    touch-action: pan-y !important;
    position: fixed;
    padding-top: 10px;
    left: 0px;
    background-color: var(--color-beige);
    height: calc(100vh - 100px);
    overflow-y: auto;
}

/* Footer Container */

#footer-container {
    background: var(--color-light-purple);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
}

/* Search Container */

#searchDiv {
    padding: 10px;
}

#input_search {
    width: calc(100vw - 100px);
    height: 27px;
    margin-right: 0px;
    font-size: 15px;
    color: inherit;
    background: var(--color-light-orange);
    border: 3px solid var(--color-multiselect-border);
    border-radius: 25px;
    padding: 0 10px;
    outline: none;
}

#filterCount {
    font-size: 12px;
    display: block;
    text-align: center;
}

.stackedInput {
    display: inline-block;
}

.searchButton {
    vertical-align: top;
    background: transparent;
    outline: none;
    border: none;
    padding: 5px;
}

.dropdown {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 125px;
}

.dropdown-content {
    border-radius: 12px;
    display: none;
    position: absolute;
    background-color: var(--color-white);
    min-width: 160px;
    overflow: auto;
    border: 2px solid var(--color-dark-gray);
    z-index: 100;
}

.dropdown-content a {
    color: var(--color-black);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropbtn {
    background-color: var(--color-blue);
    padding: 8px;
    border: none;
    border-radius: 25px;
    padding: 8px 10px;
    outline: none;
    width: 125px;
}

/* Scroll Btn */
.scrollBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    color: var(--color-black); /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    background: var(--color-light-orange);
}

.scrollBtn:hover {
    background-color: var(--color-hover-gray); /* Add a dark-grey background on hover */
}

/* Light mode */
@media (prefers-color-scheme: light) {
    div.back {
        background: url(../images/BKG_Saint_ID_Final_4_6_2.jpg) no-repeat;
        background-size: 100% 100%;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    div.back {
        background-color: #2e2d2a;
        background-size: 100% 100%;
        overflow: hidden;
    }
}

table.santdetails {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 21px;
}

table.santdetails img {
    padding-top: 11px;
    padding-bottom: 11px;
    vertical-align: bottom; 
    width: 90%;
}

table.santdetails tr td:nth-child(1) {
    width: 30%;
    color: var(--color-th);
    font-weight: bold;
    text-align: left;
    padding-left: 5%;
    vertical-align: text-top;
}

table.santdetails tr td:nth-child(2) {
    color: var(--color-text-font);
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    vertical-align: text-top;
}

.multiselect {
    width: calc(100vw - 100px);
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 15px;
    color: inherit;
    background: var(--color-light-orange);
    border: 3px solid var(--color-multiselect-border);
    border-radius: 20px;
    padding: 0 10px;
    padding-top: 10px;
    outline: none;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
    border: none;
    background: none;
    white-space: break-spaces;
    height: 70px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: calc(100% - 0.5rem), 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    color: var(--color-text-font);
}

/* Light mode */
@media (prefers-color-scheme: light) {
    .selectBox select {
        /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAuJAAALiQE3ycutAAACYVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABztTDHAAAAynRSTlMAAQIDBAUGBwgJCg0OERITFBUWFxgZGhscHR4fICEjJCUmJygpKissLS4vMTIzNDU2Nzk6PT4/QEJERkdISUpLTlBRUlNUVVZXWltcXV9gYmNlaGprbW5vcHFyc3R1dnd4eXp7fH1+gIGCg4SGiImKjI2Oj5CRkpOUlZaXmJmam5ydnp+goaOkpaeoqqussLG0tbe4ubu+v8DBwsPExsjJyszNz9TV1tfY2drc3d7h4+Tl5ufo6err7O3u7/Dx8/T19vf4+fr7/P3+dOjvtwAACCFJREFUeNrt3f17lmUdx/F7zABBEVNKzXQIiVpialJRYCFWFimJZuV6wlY+lCaWsycjC4SwqIVpYUjZE60GQzaXGmPKg/v+Vf2aHQccO6/rvseu83y9/oLvfb4/4jYQWy0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIzezLb7y975Efb9my+bH771q7/Cwv0nmz3vnB2zZ++/EtW3/2wwe/tG7F20/bIcs2bP3r8Xiz/Ts33vAWjTrmgnXf3zvxf2/+6u8evmnBtP+Tv3rzwTiJwzs/fbZUHfDeB/9ysjd/Y889i6fxkqv6/x2ndPQXq2cJ1laLvjZ46jePP26Ynn8Dd635fUzB4GfnqdY2y39+fApvfrj/4s7n//ifY4pGeucq1578A1N98+NPvKOzp1z/fCQYukW8+i7cPpnw5q8/NL9zp5y9OeWUiIjf9ghYT3fvkcQ3H17bqVtWvRjJXrurS8Qaljyf/uax45yOfOfXH5X8ZqGMla0/UunND9zQgR9B7ImKhq4Rspo5P6n65ic+3+5b3nMwKptYq2UVC5+r/uax+Yy23vKh8Rq3xOSdaqa7+B913jwG2vlzmI8ejXo26pmqZ3/NN9/dvu8HVx2Pur6haJrFw7XffHe7fg24djzCAhrXP2LX7PZ8KzoWYQEN7B+xpR23nDsUYQGN7B9xT/1bugYiLKCh/eONlbWP+WKEBTS1f8TY2+p+AXgsLKC5/SN21fu9mLmDERbQ4P4Rt9e6pi/CAhrdP149v8Y1F02EBTS7f8TWGuc8FWEBDe8fk1dXPue6CAtoev+IpyvfszMsoPn9I66veM/SybCADPrHryse9ESEBWTQPyYvq3TQwqNhATn0j3i00kUbIiwgi/4xVun3hZ8LC8ijf8SaKj8EmgwLyKR/bKtwU2+EBWTSP/5T4S9t2BUWkEv/iBXJR3UfDgvIpn88kHzVNREWkE3/eDb5rLvDAvLpH+PdqXdtCwvIp3/E0tTD9oYFZNQ/bk697OWwgIz6J/8B8XMiLCCj/vF44mlXhwXk1D8GEm/7QFhATv1jb+JxHwkLyKl/DCZed0tYQE79YzjxvM+EBeTUP8YS71sfFpBT/xhNPPATYQE59Y/9iRfeGBaQU//4e+KJK8ICcuoff0i8cVlYQE7945eJR86btICc+qf/yfADYQEZ9Y8vpN75TFhARv1jVeqhPwoLyKh/XJR66W1hARn1H0k+9dKwgHz6x870Y4ctIJ/+6V8DtlrbwwKy6R9XpJ+7Liwgm/5DFe6dP2EBufSP71S5+KmwgEz6x3VVTl4TFpBJ/32Vbp4zagF59I+vVLu6Lywgi/4TC6qdvWDcAnLoHz+oevgjYQEZ9D9W+f8ofuFrFtD8/sn/Vdj/uC8soPH9xxdVP/7MIQtoev/oq3P+zWEBDe+/b06tDzBgAc3uP/n+ep/gvEMW0OT+sanuZ1g5aQEN7v/CnNqf4lthAY3t/8ol9T/GGU9bQFP7n1jdjg8y/08W0Mz+cUd7PspbBy2gkf2/2a4Pc8mwBTSwf3/7Ps6lByygcf2/19WyAP0tQH8L0N8C9LcA/S1AfwvQ3wL0twD9q+qZAQu4V//T1t8CSu9vAaX3t4DS+1tA6f0toPT+FlB6fwsovX+r1TNsASX3t4DS+1tA6f0toPT+FlB6fwsovb8FlN6/+AUU37/wBehf9gL0nzHPcK/+FqC/BehvAfpbgP4WoL8F6G8B+luA/hag//Qt4GABC9C/7AXoX/YC9C97AfqXvQD9y16A/mUvQP+yF6B/2QuYEf1bDXFZfgvQv3ELuE9/C9DfAvS3AP0tQH8L0N8C9LcA/ad3AS82fAH6l70A/ctegP5lL0D/shegf9kL0L/sBehf9gL0L3sB+rfZkmYtQP+yF6B/2QvQv+wF6F/2AvQvewH6l70A/ctegP5lL0D/sheg/zRYOnMXoH/ZC9C/7AXoX/YC9C97AfqXvQD9y16A/mUvQP/TsYBDM2YB+pe9AP3LXoD+ZS9A/8IXcFj/whegvwXobwH6W4D+FjDtHtO/1XrXIf0tQH8L0N8C9LcA/S1AfwvQ3wL0twD9C1vAiP4WoL8F6G8B+luA/hagvwXobwH6W4D+FqB/SS4f0d8C9LcA/S1AfwvQ3wL0twD9LUB/C9C/sAWM6m8B+luA/hagvwXobwH6W4D+FqC/BehvAfqXZNmo/hagvwXobwH6W4D+FqC/BehvAfpbwIzSr1CnXTGqvwXobwH6W4D+FqC/BehvAfpbgP7FLeAl/S1AfwvQ3wL0twD9LUB/C9DfAvS3AP0tQH8L0L8cV76kvwXobwH6W4D+FqC/BehvAfpbgP4WoH9hCxjT3wL0twD9LUB/C9DfAvS3AP0tQH8L0L8sV43pbwH6W4D+FqC/BehvAfpbgP4WoL8F6F+WK0dq9t/kDZut51+1+n/dCzbdeXuq5z92q/drvrk/rdr/0Pu8XhbWH6nU/5lFni4TS/am5z/65VkeLhvdd48n9t+91Ktl5YInJxPy7/9UlyfLzbt/NdX8o71neq4sJ7Dt2BTy//POeZ4qV+d/dd+p67++48O+9sv8l4H7XzjZVwOv7PjkWR6oAOeuffjZl9/c/sTftn9uebenKWkF137sjr6Hvvvopgd6b125eLYHAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAb6LyAimfygaG8gAAAAAElFTkSuQmCC"); */
        background-image: url(../images/caret-down.png);
    }

    select.closed {
        /* background-image: url("data:image/png;base64,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"); */
        background-image: url(../images/caret-down.png);
    }

    select.opened {
        /* background-image: url("data:image/png;base64,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"); */
        background-image: url(../images/caret-up.png);
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .selectBox select {
        /* background-image: url("data:image/png;base64,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"); */
        background-image: url(../images/caret-down-white.png);
    }

    select.closed {
        background-image: url(../images/caret-down-white.png);
    }

    select.opened {
        background-image: url(../images/caret-up-white.png);
    }
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}

#checkboxes label input[type="checkbox"] {
    margin-right: 10px;
}