:root {
    --background: #ffffff;
    --shade1: #4d1b7b;
    --shade2: #ce3468;
    --shade3: #33b5b6;
    --shade4: #b8b8b8b4;
    --altcolor: #000000;
    --ircols: #000000;
    --trans: rgba(255, 255, 255, 0.575);
    --linkcolor: rgb(38, 0, 255);
}
.darkmode {
    --background: #000000;
    --shade1: #ffffff;
    --shade2: #25b19a;
    --shade3: #2e8a99;
    --shade4: #b8b8b8b4;
    --altcolor: #ffffff;
    --ircols: #000000;
    --trans: rgba(0, 0, 0, 0.404);
    --linkcolor: #c0ffbc;
}
body {
    background-color: var(--background);
}
li,
p {
    color: var(--altcolor);
}
a {
    color: var(--linkcolor);
}
.a-IRR-toolbar,
.a-Tabs-panel,
.t-Header,
.t-Region,
.t-Tabs {
    background-color: var(--trans);
}
.apex-item-file,
.apex-item-file--native,
.t-Form-label,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--shade1);
}
p {
    text-align: justify;
}
.pad {
    padding: 2% 15%;
}
.home-img {
    width: 90%;
    margin: 20px 0;
    filter: drop-shadow(2px 2px 5px var(--shade1));
    border-radius: 20px;
}
.top-bg {
    background-image: url(#APP_FILES#top-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 320px) {
    #leftlogo,
    #rightlogo {
        position: absolute;
        bottom: 0;
    }
    #leftlogo {
        left: 2%;
        width: 65px;
    }
    #rightlogo {
        right: 2%;
        width: 75px;
    }
    .dept-name {
        font-size: 12px;
        z-index: -9;
        padding: 0 20%;
        text-align: center;
    }
    .dept-name2 {
        font-size: 10px;
        text-shadow: 2px 2px 2px var(--background);
    }
    .gigw {
        width: 140px;
    }
    .gigw li {
        margin: 0 1px;
    }
    .gigw li a {
        display: inline-block;
        padding: 2.5px 5px;
        background-color: var(--background);
        text-decoration: none;
        color: var(--shade1);
        border-radius: 5px;
        font-size: 50%;
        font-weight: 500;
    }
}
@media (min-width: 420px) {
    #leftlogo,
    #rightlogo {
        position: absolute;
        bottom: 0;
    }
    #leftlogo {
        left: 4%;
        width: 80px;
    }
    #rightlogo {
        right: 4%;
        width: 90px;
    }
    .dept-name2 {
        font-size: 14px;
        z-index: -9;
        padding: 0 20%;
        text-align: center;
    }
    .dept-name {
        font-size: 12px;
        text-shadow: 2px 2px 2px var(--background);
    }
    .gigw {
        width: 180px;
    }
    .gigw li {
        margin: 0 3px;
    }
    .gigw li a {
        display: inline-block;
        padding: 4px 8px;
        background-color: var(--background);
        text-decoration: none;
        color: var(--shade1);
        border-radius: 5px;
        font-size: 100%;
        font-weight: 500;
    }
}
@media (min-width: 720px) {
    #leftlogo,
    #rightlogo {
        position: absolute;
        bottom: 0;
    }
    #leftlogo {
        left: 4%;
        width: 80px;
    }
    #rightlogo {
        right: 4%;
        width: 90px;
    }
    .dept-name2 {
        font-size: 20px;
        z-index: -9;
        text-align: center;
    }
    .dept-name {
        font-size: 18px;
        text-shadow: 2px 2px 2px var(--background);
    }
    .gigw {
        width: 250px;
    }
    .gigw li {
        margin: 0 5px;
    }
    .gigw li a {
        display: inline-block;
        padding: 5px 10px;
        background-color: var(--background);
        text-decoration: none;
        color: var(--shade1);
        border-radius: 5px;
        font-size: 100%;
        font-weight: 500;
    }
}
@media (min-width: 1240px) {
    #leftlogo,
    #rightlogo {
        position: absolute;
        bottom: 0;
    }
    #leftlogo {
        left: 8%;
        width: 80px;
    }
    #rightlogo {
        right: 8%;
        width: 100px;
    }
    .dept-name2 {
        font-size: 24px;
        z-index: -9;
        text-align: center;
    }
    .dept-name {
        font-size: 20px;
        text-shadow: 2px 2px 2px var(--background);
    }
}
.a-IRR-chartView,
.a-IRR-detailView,
.a-IRR-groupByView,
.a-IRR-pivotView,
.a-IRR-tableContainer {
    background-color: var(--shade4);
}
.t-Report-colHead {
    background-color: #00000000;
}
.dept-title img {
    display: block;
    margin: auto;
}
.top-cm {
    background-color: #ffffff75;
    width: 100%;
}
#sign-in-btn:hover .t-Button-label,
#sign-up-btn:hover .t-Button-label,
.a-MenuBar-label,
.gigw li a:hover,
.t-Header-navBar--center {
    color: var(--background);
}
.text-middle {
    text-align: center;
}
#brandvdo {
    width: 100%;
    object-fit: contain;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}
.brandvdocontainer {
    overflow-x: hidden;
}
.gigw {
    width: 250px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.gigw li {
    margin: 0 5px;
}
.gigw li a {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--background);
    text-decoration: none;
    color: var(--shade1);
    border-radius: 5px;
    font-weight: 500;
}
.gigw li a:hover {
    background-color: var(--shade2);
    cursor: pointer;
    box-shadow: 2px 2px 5px var(--shade1);
    text-shadow: 1px 1px 5px var(--background);
}
#sound:hover {
    cursor: pointer;
}
#screenReaderSwitch {
    display: inline-grid;
}
.t-Header-nav .t-Header-nav-list {
    background-color: var(--shade1) !important;
}
.container .row,
.t-Region-headerItems t-Region-headerItems--title {
    border: 0;
}
.a-Menu-inner,
.a-MenuBar-item {
    background-color: var(--shade1);
    color: var(--background);
    transition: all 0.1s ease-in-out;
}
.a-Menu-inner:hover,
.a-MenuBar-item.a-Menu--current,
.a-MenuBar-item:hover {
    background-color: var(--shade2);
}
.top {
    position: relative;
}
.t-Header-branding {
    background-color: var(--shade1);
}
.t-Header-nav {
    --a-menubar-background-color: var(--shade1);
    --a-menubar-item-current-background-color: var(--shade2);
    --a-menubar-item-focused-background-color: var(--shade3);
}
.a-MenuBar-item:hover,
.sign_option a {
    transition: all 0.1s ease-in-out;
}
.a-IRR-toolbar,
.a-Tabs-panel,
.t-Header,
.t-Region,
.t-Region-header,
.t-Tabs {
    border-width: 0;
}
.t-NavigationBar-item .t-Button-label,
.t-NavigationBar-item a span,
div#ui-id-1 {
    color: var(--background) !important;
}
.sign_option {
    position: relative;
    text-align: center;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.637);
    height: 40px;
    border-radius: 30px;
    padding: 10px 2px;
    max-width: 300px;
    top: 5px;
}
.sign_option a {
    padding: 1.5% 10%;
    border-radius: 30px;
    cursor: pointer;
    color: var(--shade1);
}
.sign_option a:nth-child(1),
.sign_option a:nth-child(2):hover {
    background-color: var(--shade1);
    color: var(--background);
}
#R1702487838323959,
#R7171998986024804 {
    background-color: #d1b79f7e;
    border-radius: 20px;
    color: var(--shade2);
    box-shadow: 2px 2px 10px #000;
    font-weight: 600;
}
#R7171998986024804 {
    width: 350px;
}
#sign-in-btn,
#sign-up-btn {
    background-color: var(--shade1);
    transition: all 0.2s ease-in-out;
    color: var(--shade3) !important;
}
#sign-in-btn:hover,
#sign-up-btn:hover {
    background-color: var(--shade3);
    box-shadow: 2px 2px 8px #000;
    color: var(--background) !important;
    letter-spacing: 2px;
}
#sign-up-btn {
    background-color: var(--shade2);
    color: var(--background) !important;
}
span.t-Button-label {
    color: var(--shade3) !important;
}
#B1814856528472512 {
    display: none;
}
.t-Login-logo {
    display: none !important;
}
.ui-button-icon,
.ui-dialog-title,
.ui-icon,
span.a-Icon.icon-menu-drop-down {
    color: var(--background);
}
.a-GV-row.is-hover,
.a-IRR-dialogShuttle-actions button:hover,
.a-IRR-table tr:hover td,
ui-dialog-buttonset button:hover {
    background-color: var(--background);
}
.t-Footer h2,
.t-Footer p {
    color: var(--background);
    font-size: small;
    padding: 1%;
}
.t-Footer {
    background-color: var(--shade1);
    padding: 0;
}
.footer-logo {
    width: 40px;
    background-color: var(--background);
    border-radius: 10px;
}
.t-Footer-top {
    position: fixed;
    z-index: 99;
    bottom: 10%;
    right: 5%;
}
.t-Footer-topButton {
    background-color: var(--shade2);
    color: var(--background);
    box-shadow: 2px 2px 5px var(--shade1);
    transition: all 0.2s ease-in-out;
}
.t-Footer-topButton:hover {
    background-color: var(--shade1);
}
.t-Body-contentInner {
    padding: 2% 5%;
    border-radius: 20px;
}
.t-Header {
    background-color: rgba(255, 255, 255, 0.699);
    backdrop-filter: blur(100px);
}
.a-IRR-dialogShuttle-actions button,
ui-dialog-buttonset button {
    background-color: var(--shade2) !important;
}
#Gmap {
    width: 100%;
    height: 400px;
    display: block;
    margin: auto;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #000;
}
.login-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -5;
}
.sub-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.5% 20%;
    margin: 0;
}
.sub-footer div {
    display: flex;
    flex-direction: column;
}
.a-IRR-dialogListContainer .u-Form-label,
.sub-footer div a,
.sub-footer div button,
ui-dialog-buttonset button {
    text-decoration: none;
    cursor: pointer;
    color: var(--shade2);
    font-weight: 600;
    font-size: small;
    transition: all 0.1s linear;
}
.sub-footer div a:hover {
    text-decoration: none;
    transition: all 0.1s linear;
    transform: scale(1.1);
    color: var(--background);
}
.bg-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -10;
}
.a-CardView-items--row .a-CardView {
    background-color: var(--background);
}
li.t-NavigationBar-item {
    color: var(--background);
    border: 0 solid var(--background);
}
span.a-Icon.icon-file-browse,
span.apex-item-filedrop-heading {
    color: var(--altcolor);
}
.t-Login-region {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.199);
    box-shadow: 2px 2px 10px var(--shade1);
}
.ui-dialog--apex.t-Dialog-page--standard,
.ui-dialog--apex.t-Dialog-page--wizard {
    background-color: var(--shade1);
}
.ui-dialog-titlebar-close .ui-icon {
    color: var(--shade1);
}
.apex-item-popup-lov,
.apex-item-select,
.apex-item-text,
.apex-item-textarea,
.datetimepicker_newMonth,
.t-Form-itemWrapper input,
.textarea,
.u-TF-item--select,
select.group_selectlist {
    width: 100% !important;
    border: solid !important;
    border-color: var(--shade1) !important;
    border-width: 2px !important;
}
.apex-item-textarea,
.textarea {
    border-radius: 5px !important;
}
.back-img-main {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    opacity: 60%;
    z-index: -5;
}
.t-Region-header {
    background-color: var(--shade1);
}
.t-Region-header * {
    color: var(--background);
}
.form-container .t-Region-bodyWrap {
    background-color: var(--trans);
    border-radius: 0 0 20px 20px;
}
.t-Button-label {
    color: var(--background) !important;
    font-weight: 500;
}
#cancel-btn span {
    color: #dc143c !important;
    font-weight: 500;
}
.t-Button--hot {
    background-color: var(--shade1);
}
.t-Button--hot .t-Button-label {
    color: var(--background) !important;
}
#P3_DOOR_NO {
    height: 50px;
}
.hidden-btn {
    display: none;
}

.t-NavigationBar-menu {
    --a-menu-min-width: 10rem;
    position: fixed;
    right: 1rem !important;
}