@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Layout/GuidedTourDummylayout.razor.rz.scp.css */
.page[b-i7pjxn0npb] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /*background-color:yellow;*/
}

main[b-i7pjxn0npb] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.top-row[b-i7pjxn0npb] {
    /*background: linear-gradient(180deg, orange 20%, var(--rin-orange) 80%);*/
    background-color: white;
    justify-content: space-between;
    height: 3.0rem;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

    .top-row img[b-i7pjxn0npb] {
        height: 40px;
        margin-right: 10px;
        cursor: pointer;
    }

.nav-menu-line[b-i7pjxn0npb] {
    height: 1.7rem;
    background: linear-gradient(180deg, orange 20%, var(--rin-orange) 80%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 0 10px;
    font-size: 0.8rem;
}

a[b-i7pjxn0npb] {
    color: white;
    text-decoration: none;
    /*font-weight: bolder;*/
}

    a:hover[b-i7pjxn0npb] {
        text-decoration: underline;
    }

.welcome-note[b-i7pjxn0npb] {
    font-weight: bolder;
}


.site-name[b-i7pjxn0npb] {
    font-size: 1.6rem;
    font-weight: bolder;
}

.site-name-small-screen[b-i7pjxn0npb] {
    display: none;
}

.guided-tour-label[b-i7pjxn0npb] {
    background-color: #e0f0ff;
    color: #0077cc;
    font-size: 12px;
    padding: 2px 6px;
    margin-left: 10px;
    border-radius: 4px;
}

.menu-container[b-i7pjxn0npb] {
    display: flex;
}

    .menu-container > div[b-i7pjxn0npb] {
        margin-right: 10px;
        padding: 2px 10px;
        position: relative;
        border-radius: 5px;
        font-size: 20px;
    }

        .menu-container > div:hover[b-i7pjxn0npb] {
            background-color: var(--white1);
            cursor: pointer;
        }


        .menu-container > div:nth-child(2) > div[b-i7pjxn0npb] {
            background-color: red;
            color: white;
            font-size: 12px;
            position: absolute;
            top: -4px;
            right: -4px;
            height: 20px;
            width: 20px;
            text-align: center;
            line-height: 20px;
            border-radius: 50%;
        }

    .menu-container ul[b-i7pjxn0npb] {
        position: absolute;
        background-color: white;
        width: 300px;
        right: 0;
        z-index: 3;
        list-style-type: none;
        padding: 0;
        /*box-shadow: 1px 1px 5px 1px;*/
        display: none;
        border: 1px solid gray;
        max-height: 80vh;
        overflow: auto;
    }

    .menu-container > div:nth-child(2):hover ul[b-i7pjxn0npb] {
        display: block;
    }

li[b-i7pjxn0npb] {
    padding: 5px 20px;
    text-align: center;
    /*border-bottom: 1px solid black;*/
}

    li:hover:not(.active-notification)[b-i7pjxn0npb] {
        background-color: rgba(0, 0, 0, 0.05);
    }

    li:hover.active-notification[b-i7pjxn0npb] {
        background-color: #ff817a;
    }

    li > div:first-child[b-i7pjxn0npb] {
        font-size: 14px;
    }

.active-notification[b-i7pjxn0npb] {
    background-color: #ff9791;
}

.site-name > span[b-i7pjxn0npb] {
    color: var(--rin-orange);
}

.site-name-small-screen > span[b-i7pjxn0npb] {
    color: var(--rin-orange);
}

article[b-i7pjxn0npb] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

footer[b-i7pjxn0npb] {
    background-color: var(--white1);
    font-size: 0.7rem;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

    footer a[b-i7pjxn0npb] {
        color: black;
    }

@media (max-width: 796px) and (min-width:629px) {

    .logo[b-i7pjxn0npb] {
        content: url('img/main-logo.png');
    }

    .menu-container > div[b-i7pjxn0npb] {
        margin-right: 5px;
        padding: 2px 5px;
        position: relative;
        border-radius: 5px;
        font-size: 15px;
    }
}

@media (max-width: 629px) {
    .site-name[b-i7pjxn0npb] {
        display: none;
    }

    .site-name-small-screen[b-i7pjxn0npb] {
        font-size: 1rem;
        font-weight: bolder;
        display: block;
    }

    .logo[b-i7pjxn0npb] {
        content: url('img/main-logo.png');
    }

    .menu-container > div[b-i7pjxn0npb] {
        margin-right: 5px;
        padding: 2px 5px;
        position: relative;
        border-radius: 5px;
        font-size: 15px;
    }
}

/*@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-xt3xwizzva] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f5f5f5;
}

main[b-xt3xwizzva] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.top-row[b-xt3xwizzva] {
    /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12);*/
    justify-content: space-between;
    height: 3.0rem;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background-color:white !important;
}

.top-row img[b-xt3xwizzva] {
    height: 40px;
    margin-right: 10px;
    cursor: pointer;
}

.nav-menu-line[b-xt3xwizzva] {
    height: 2px;
    background: linear-gradient(90deg, orange 20%, var(--rin-orange) 80%);
    /*background-color:var(--rin-orange);*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 0 10px;
    font-size: 0.8rem;
}

a[b-xt3xwizzva] {
    color: white;
    text-decoration: none;
    /*font-weight: bolder;*/
}

a:hover[b-xt3xwizzva] {
    text-decoration: underline;
}

.welcome-note[b-xt3xwizzva] {
    /*font-weight: bolder;*/
    color:black;
    margin-right:10px;
}


.site-name[b-xt3xwizzva] {
    font-size: 1.6rem;
    font-weight: bolder;

}

.site-name-small-screen[b-xt3xwizzva] {
    display: none;
}

.menu-container[b-xt3xwizzva] {
    display: flex;
    align-items:center;
}

.menu-container>div[b-xt3xwizzva] {
    margin-right: 10px;
    padding: 2px 10px;
    position: relative;
    border-radius: 5px;
    font-size: 20px;
}

.menu-container>div:hover[b-xt3xwizzva] {
    background-color: var(--white1);
    cursor: pointer;
}


.menu-container>div:nth-child(3)>div[b-xt3xwizzva] {
    background-color: red;
    color: white;
    font-size: 12px;
    position: absolute;
    top: -4px;
    right: -4px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.menu-container ul[b-xt3xwizzva] {
    position: absolute;
    background-color: white;
    width: 300px;
    right: 0;
    z-index: 3;
    list-style-type: none;
    padding: 0;
    /*box-shadow: 1px 1px 5px 1px;*/
    display: none;
    border: 1px solid gray;
    max-height:80vh;
    overflow:auto;

}

.menu-container>div:nth-child(3):hover ul[b-xt3xwizzva] {
    display: block;
}

li[b-xt3xwizzva] {
    padding: 5px 20px;
    text-align: center;
    /*border-bottom: 1px solid black;*/
}

li:hover:not(.active-notification)[b-xt3xwizzva] {
    background-color: rgba(0, 0, 0, 0.05);
}

li:hover.active-notification[b-xt3xwizzva] {
    background-color: #ff817a;
}

li>div:first-child[b-xt3xwizzva] {
    font-size: 14px;
}

.active-notification[b-xt3xwizzva] {
    background-color: #ff9791;
}

.site-name>span[b-xt3xwizzva] {
    color: var(--rin-orange);
}

.site-name-small-screen>span[b-xt3xwizzva] {
    color: var(--rin-orange);
}

article[b-xt3xwizzva] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;

}

footer[b-xt3xwizzva] {
    background-color: var(--white1);
    font-size: 0.7rem;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

footer a[b-xt3xwizzva] {
    color: black;
}

@media (max-width: 796px) and (min-width:629px) {

    .logo[b-xt3xwizzva] {
        content: url('img/main-logo.png');
    }

    .menu-container>div[b-xt3xwizzva] {
        margin-right: 5px;
        padding: 2px 5px;
        position: relative;
        border-radius: 5px;
        font-size: 15px;
    }
}

@media (max-width: 629px) {
    .site-name[b-xt3xwizzva] {
        display: none;
    }

    .welcome-note[b-xt3xwizzva]{
        display:none !important;
    }

    .site-name-small-screen[b-xt3xwizzva] {
        font-size: 1rem;
        font-weight: bolder;
        display: block;
    }
    .logo[b-xt3xwizzva] {
        content: url('img/main-logo.png');
    }

    .menu-container>div[b-xt3xwizzva] {
        margin-right: 5px;
        padding: 2px 5px;
        position: relative;
        border-radius: 5px;
        font-size: 15px;
    }
}

/*@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Pages/AllNewsPage.razor.rz.scp.css */
.news-container[b-lyp5560zka] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* 300px for each tile, auto-adjusts based on screen size */
    gap: 20px; /* Adds spacing between the tiles */
    padding: 20px;
    margin-top: 20px;
}

.news-tile[b-lyp5560zka] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.news-tile:hover[b-lyp5560zka] {
    transform: translateY(-5px); /* Slight hover effect */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.news-image img[b-lyp5560zka] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Ensures the image covers the area without distorting */
}

.news-content[b-lyp5560zka] {
    padding: 15px;
}

.news-content h2[b-lyp5560zka] {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}

.news-content p[b-lyp5560zka] {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

.posted-date[b-lyp5560zka] {
    font-size: 12px !important;
    float: right;
    color: #777 !important;
    margin-top: 5px;
}

/* /Pages/CommonPages/MCAPage/ChatThread/ChatMessage/ChatMessage.razor.rz.scp.css */
.rinstrum-message-box[b-5r83agzw57] {
    text-align: start;
    white-space: pre-wrap;
}
/*    .rinstrum-message-box a {
        color: blue !important;
    }

        .rinstrum-message-box a:hover {
            text-decoration: underline;
        }*/


.comments[b-5r83agzw57] {
    /*color: #bbddff;*/
    font-size: 11px;
    background-color: #fff490;
    /*border:1px solid orange;*/
    padding: 5px 10px;
    width: fit-content;
    border-radius: 3px;
    /*font-weight: bolder;*/
}


a[b-5r83agzw57] {
    text-decoration: underline !important;
    cursor: pointer;
    color: var(--rin-orange) !important;
}

/* /Pages/CommonPages/MCAPage/ChatThread/ChatThread.razor.rz.scp.css */

#inputs-container[b-qgqmsh11gf] {
    background-color: transparent;
    height: fit-content;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#inputs-bottom-margin[b-qgqmsh11gf] {
    height: 10px;
    margin-top: 1px;
}

.reply-input[b-qgqmsh11gf] {
    width: 100%;
    height: 120px;
    resize:vertical !important;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    resize: none;
    border: 1px solid gray;
    background-color: rgba(255,255,255,0.8);
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    color: black;
}
.reply-input:focus[b-qgqmsh11gf] {
    outline:none;
}
/* /Pages/CommonPages/MCAPage/ChatThread/MCAData.razor.rz.scp.css */
.data[b-87iw5y301u]{
    text-align:start;
    position:relative;
}

.mfiles-link[b-87iw5y301u] {
    position: absolute;
    right: -8px;
    top: 0px;
    
}

.mfiles-link  img[b-87iw5y301u]{
    height:30px;
    opacity:0.4;
}

.active-mfiles-link[b-87iw5y301u] {
    opacity: 1 !important;
    cursor: pointer;
}

.data-row[b-87iw5y301u] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

    .data-row strong[b-87iw5y301u] {
        width: 180px; /* fixed width for all labels */
        display: inline-block;
    }

    .data-row span[b-87iw5y301u] {
        cursor: pointer;
        margin-left:10px;
    }

        .data-row span:active[b-87iw5y301u] {
            color: orange;
        }
/* /Pages/CommonPages/MCAPage/ChatThread/Shared/FilesAndImages.razor.rz.scp.css */

.img-container[b-o9pacaa9ho] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.files-container[b-o9pacaa9ho] {
    padding-bottom: 10px;
    text-align: start;
    display:flex;
    flex-wrap:wrap;
    
}

.deleted-files[b-o9pacaa9ho]{
    color:darkgray;
    /*font-size:10px;*/
}

.file[b-o9pacaa9ho] {
    background-color: lightgray;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid lightgray;
    margin-top: 5px;
    margin-right: 5px;
    color: black;
    font-size: 11px;
}

.file:hover[b-o9pacaa9ho]{
    text-decoration:underline;
}


.img-wrapper[b-o9pacaa9ho] {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
    width: auto;
    height: 100px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background-color: rgba(180,180,180,0.4);
    border-radius: 5px;
}

    .img-wrapper img[b-o9pacaa9ho] {
        height: 100%;
        width: auto;
        object-fit: contain;
        cursor: pointer;
    }

    .img-wrapper a[b-o9pacaa9ho] {
        display: block;
        height: 40px;
        width: 40px;
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        background-color: rgba(200,200,200,0.2);
        backdrop-filter: blur(10px);
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .img-wrapper a:hover[b-o9pacaa9ho] {
            background-color: rgba(200,200,200,0.4);
        }


a[b-o9pacaa9ho] {
    font-size: 10px;
    cursor: pointer;
}

    a:hover[b-o9pacaa9ho] {
        text-decoration: underline !important;
    }
/* /Pages/CommonPages/MCAPage/ChatThread/Shared/MaximizedImage.razor.rz.scp.css */
.img-container[b-iqxxvoyaeq] {
    height: 80vh; 
    /*width: 80vw;*/  
    display: flex;
    justify-content: center;
    align-items: center;
}

    .img-container img[b-iqxxvoyaeq] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; /* keeps aspect ratio, prevents cropping */
    }
/* /Pages/CommonPages/MCAPage/McaPage.razor.rz.scp.css */
section[b-oqtz5775vo]{
    display:flex;
    flex-direction:column;
    height:calc(100vh - 110px);
    /*background-color:rebeccapurple;*/
}

    section > div:nth-child(1)[b-oqtz5775vo]{
        /*height: 30px;
        font-size:30px;*/
        padding-bottom:10px;
    }

    section > div:nth-child(2)[b-oqtz5775vo] {
        display: flex;
        height: calc(100vh - 140px);
        /*background-color:yellow;*/
    }


.timeline-container[b-oqtz5775vo] {
    width: 430px;
    padding: 3px 2px 20px 20px;
    /*border-top:1px solid rgba(1,1,1,0.05);*/
    max-height: 100%;
    overflow-y: auto;
}
h6[b-oqtz5775vo]{
    text-align:center;
    padding-top:20px;
}

.chat-container[b-oqtz5775vo] {
    height: 100%;
    overflow-y: auto;
    width: calc(100% - 400px);
    /*background-color: rgba(230,230,230,0.1);*/
    /*border-top: 1px solid rgba(1,1,1,0.05);*/
    /*border-left: 1px solid rgba(1,1,1,0.05);*/
    padding:3px 20px 20px 10px;
}


/* --- Responsive adjustments --- */
@media (max-width: 900px) {

    section[b-oqtz5775vo] {
        height: auto;
    }

        section > div:nth-child(2)[b-oqtz5775vo] {
            flex-direction: column;
            height: auto;
        }

    .timeline-container[b-oqtz5775vo] {
        width: 100%;
        max-height: none;
        padding: 10px 10px 10px 10px;
    }

    .chat-container[b-oqtz5775vo] {
        width: 100%;
        height: auto;
        padding: 10px;
    }
}
/* /Pages/Components/CookieConcentBanner.razor.rz.scp.css */
div[b-0qsfuaadk1]{
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: black;
    padding: 10px 20px;
    color: white;
    border-radius: 10px;
    display: flex;
    justify-content:center;
    align-items:center;
}

a[b-0qsfuaadk1]{
    text-decoration:underline;
    color:floralwhite;
}

span[b-0qsfuaadk1]{
    display:flex;
    justify-content:center;
    /*background-color:yellow;*/
    font-size:.8rem;
}

button[b-0qsfuaadk1]{
    margin-left:10px;
    padding:2px 8px;
    border-radius:5px;
    border:none;
    font-size:15px;
}
/* /Pages/Components/DownloadsSubTopicAdder.razor.rz.scp.css */
.main-container[b-h45bt1w4ip] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-h45bt1w4ip] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-h45bt1w4ip] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-h45bt1w4ip] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-h45bt1w4ip] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-h45bt1w4ip] {
    text-align: center;
}

input[b-h45bt1w4ip],
textarea[b-h45bt1w4ip] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-h45bt1w4ip] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-h45bt1w4ip] {
    display: flex;
    justify-content: center;
}

button[b-h45bt1w4ip] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-h45bt1w4ip] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-h45bt1w4ip] {
    background-color: #888887;
    color: white;
}

.limit-character[b-h45bt1w4ip] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/DownloadsSubTopicEditor.razor.rz.scp.css */
.main-container[b-9f8bf6sht8] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-9f8bf6sht8] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-9f8bf6sht8] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-9f8bf6sht8] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-9f8bf6sht8] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-9f8bf6sht8] {
    text-align: center;
}

input[b-9f8bf6sht8],
textarea[b-9f8bf6sht8] {
    /* width: 400px; */
    padding: 0 5px;
}

.input-line>div[b-9f8bf6sht8] {
    /* width: 30%; */
    /* text-align: right; */
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-9f8bf6sht8] {
    display: flex;
    justify-content: center;
}

button[b-9f8bf6sht8] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-9f8bf6sht8] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-9f8bf6sht8] {
    background-color: #888887;
    color: white;
}

.limit-character[b-9f8bf6sht8] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/DownloadsTopicAdder.razor.rz.scp.css */
.main-container[b-4s1racdc0z] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-4s1racdc0z] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-4s1racdc0z] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-4s1racdc0z] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-4s1racdc0z] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-4s1racdc0z] {
    text-align: center;
}

input[b-4s1racdc0z],
textarea[b-4s1racdc0z] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-4s1racdc0z] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-4s1racdc0z] {
    display: flex;
    justify-content: center;
}

button[b-4s1racdc0z] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-4s1racdc0z] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-4s1racdc0z] {
    background-color: #888887;
    color: white;
}

.limit-character[b-4s1racdc0z] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/DownloadsTopicEditor.razor.rz.scp.css */
.main-container[b-tnthfnu5z8] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-tnthfnu5z8] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-tnthfnu5z8] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-tnthfnu5z8] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-tnthfnu5z8] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-tnthfnu5z8] {
    text-align: center;
}

input[b-tnthfnu5z8],
textarea[b-tnthfnu5z8] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-tnthfnu5z8] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-tnthfnu5z8] {
    display: flex;
    justify-content: center;
}

button[b-tnthfnu5z8] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-tnthfnu5z8] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-tnthfnu5z8] {
    background-color: #888887;
    color: white;
}

.limit-character[b-tnthfnu5z8] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/EditNewsItem.razor.rz.scp.css */
.main-container[b-j3907uxlx4] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-j3907uxlx4] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-j3907uxlx4] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-j3907uxlx4] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-j3907uxlx4] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-j3907uxlx4] {
    text-align: center;
}

input[b-j3907uxlx4],
textarea[b-j3907uxlx4] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-j3907uxlx4] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-j3907uxlx4] {
    display: flex;
    justify-content: center;
}

button[b-j3907uxlx4] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-j3907uxlx4] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-j3907uxlx4] {
    background-color: #888887;
    color: white;
}

.limit-character[b-j3907uxlx4] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/EventEditor.razor.rz.scp.css */
.main-container[b-c0xr0pwhna] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-c0xr0pwhna] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-c0xr0pwhna] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-c0xr0pwhna] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-c0xr0pwhna] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-c0xr0pwhna] {
    text-align: center;
}

input[b-c0xr0pwhna],
textarea[b-c0xr0pwhna] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-c0xr0pwhna] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-c0xr0pwhna] {
    display: flex;
    justify-content: center;
}

button[b-c0xr0pwhna] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-c0xr0pwhna] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-c0xr0pwhna] {
    background-color: #888887;
    color: white;
}

.limit-character[b-c0xr0pwhna] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/Components/FileSelector.razor.rz.scp.css */


.drop-zone[b-in6apzrsu8] {
    position: relative;
    background-color: rgba(200,200,200,0.2);
    border-radius: 10px;
    height:fit-content;
    min-height: 60px;
    overflow: auto;
    margin: 10px 0;
    border: 1px dashed gray;
    padding:0 !important;
}

    .drop-zone:hover[b-in6apzrsu8] {
        background-color: rgba(200,200,200,0.4);
    }


.drag-drop-note[b-in6apzrsu8] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.paste-icon[b-in6apzrsu8]{
    position:absolute;
    right:0;
    height:50px;
    width:50px;
    z-index:2;
    margin:5px;
    border-radius:10px;
    border:1px solid gray;
    background-color:white;
    font-size:20px;
}




.files-container[b-in6apzrsu8],
.img-container[b-in6apzrsu8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.file[b-in6apzrsu8] {
    display: flex;
    justify-content:center;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    background-color: rgba(180,180,180,0.4);
    padding:3px 35px 3px 10px;
    border-radius:5px;
    height:30px;
    font-size:10px;
}

.img-file[b-in6apzrsu8] {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
    width: auto;
    height: 250px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background-color: rgba(180,180,180,0.4);
    border-radius: 5px;
}

    .img-file img[b-in6apzrsu8] {
        height: 100%; 
        width: auto;
        object-fit: contain; 
    }


.small-img[b-in6apzrsu8]{
    max-width:500px !important;
}

.remove-btn[b-in6apzrsu8] {
    color: white;
    height: 25px;
    width: 25px;
    line-height:25px;
    font-size: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    border-radius: 50%;
    background-color: rgba(255,0,0,0.6);
}

    .remove-btn:hover[b-in6apzrsu8] {
        background-color: rgba(255,0,0,1);
        color:white;
    }
/* /Pages/Components/FileUploadingModal.razor.rz.scp.css */
.modal-wrapper[b-busxoy18tu] {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    backdrop-filter:blur(5px);
    z-index:100;
    left:0;
    top:0;
    height:100dvh;
    width:100dvw;
    display:flex;
    justify-content:center;
    align-items:center;
}

.modal-wrapper > div:first-child[b-busxoy18tu]{
    background-color:white;
    padding:30px 30px;
    height:300px;
    width:700px;
    max-width:70vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.progress-bar[b-busxoy18tu] {
    background-color: lightgray;
    height: 5px;
    width:80%;
    width:80%;
}

.progress[b-busxoy18tu]{
    background-color:var(--rin-orange);
}

/* /Pages/Components/ImpersonateConfirmationModal.razor.rz.scp.css */
.background[b-799u38a84n] {
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.modal-box[b-799u38a84n] {
	max-width: 700px;
	width: 90%;
	padding: 30px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.modal-box > div[b-799u38a84n] {
	margin-top: 15px;
}

.div-error-conainer[b-799u38a84n] {
	display: flex;
	justify-content: center;
	color: red;
}

.btn-container[b-799u38a84n] {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

/* /Pages/Components/InviteConfirmationModal.razor.rz.scp.css */
.background[b-5zq2uufb1z] {
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.modal-box[b-5zq2uufb1z] {
	max-width: 500px;
	width: 90%;
	padding: 30px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.modal-box > div[b-5zq2uufb1z] {
	margin-top: 15px;
}

.btn-container[b-5zq2uufb1z] {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

.custom-btn[b-5zq2uufb1z] {
	padding: 8px 16px;
	background-color: #007bff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

.custom-btn:hover[b-5zq2uufb1z] {
	background-color: #0056b3;
}

.text-danger[b-5zq2uufb1z] {
	color: #dc3545;
	font-weight: bold;
}
/* /Pages/Components/LoginComponent.razor.rz.scp.css */
.notice[b-3e4zxmc4pa] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 30px;
	font-size: 1.2rem;
	background-color: black;
	color: white;
	padding: 20px;
	border-radius: 20px;
}



/*Main component*/
section[b-3e4zxmc4pa] {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	height: 100%;

}

/*styles of the left side div and it's content*/
section>div[b-3e4zxmc4pa] {
	width: 50%;
	flex-grow: 1;
}

.div-left[b-3e4zxmc4pa] {
	background-image: url("/img/login-left-background.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.div-left>div:nth-child(1)[b-3e4zxmc4pa] {
	font-size: 2rem;
	color: white;
	font-weight: bolder;
	width: 350px;
	text-align: center;
	margin-bottom: 20px;
}

.div-left>div:nth-child(2)[b-3e4zxmc4pa] {
	font-size: 2.5rem;
	color: rgba(255, 0, 0, 0.5);
	font-weight: bolder;
	padding: 5px 20px;
	border-radius: 30px;
	background-color: rgba(255, 255, 255, 0.5);
	margin-bottom: 20px;
}

.div-left>img[b-3e4zxmc4pa] {
	height: 60px;
}

ul[b-3e4zxmc4pa] {
	list-style-type: none;
	position: absolute;
	bottom: 0;
	left: 0;
}

li[b-3e4zxmc4pa] {
	font-size: 0.7rem;
	background-color: rgba(0, 0, 0, 0.48);
	color: rgba(255, 255, 255, 0.9);
	padding: 5px 10px;
	margin-top: 5px;
	border-radius: 10px;
	width: fit-content;
}



/*Styles of the right hand side div it's content*/
.div-right[b-3e4zxmc4pa] {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(249, 204, 172);
	background: linear-gradient(90deg, rgba(249, 204, 172, 1) 0%, rgba(255, 233, 217, 1) 13%, rgba(255, 250, 247, 1) 32%, rgba(255, 255, 255, 1) 100%);
}

h1[b-3e4zxmc4pa] {
	color: orange;
	font-size: 4rem;
}


.div-input-container[b-3e4zxmc4pa] {
	display: flex;
	flex-direction: column;
	padding: 0 90px;
	flex-wrap: wrap;
}

.div-input-container>div[b-3e4zxmc4pa] {
	outline: none;
	margin: 10px 0;
	font-size: 1rem;
	padding: 3px 30px;
	margin-top: 20px;
	height: 40px;
	border-radius: 20px;
	background: rgb(232, 119, 34);
	background: linear-gradient(90deg, rgba(232, 119, 34, 1) 0%, rgba(255, 168, 103, 1) 39%, rgba(255, 196, 151, 1) 100%);
	display: flex;
	align-items: center;
	box-shadow: gray 1px 1px 5px 2px;
}

.div-input-container>div>div[b-3e4zxmc4pa] {
	color: white;
	font-size: 25px;
	display: inline-block;
	width: 30px;
}

input[b-3e4zxmc4pa] {
	font-size: 1.3rem;
	flex-grow: 1;
	margin-left: 50px;
	background-color: transparent;
	outline: none;
	border: none;
	color: black;
}

input[b-3e4zxmc4pa]::placeholder {
	color: white;
}

.div-btn-container[b-3e4zxmc4pa] {
	display: flex;
	margin-top: 20px;
	justify-content: center;
}

button[b-3e4zxmc4pa] {
	border: none;
	font-size: 1rem;
	border-radius: 15px;
	padding: 5px 15px;
	background-color: var(--rin-orange);
	color: white;
}

.div-error-conainer[b-3e4zxmc4pa] {
	display: flex;
	justify-content: center;
}

.left-side-footer[b-3e4zxmc4pa] {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	padding: 20px 40px;
}

.left-side-footer>a[b-3e4zxmc4pa] {
	display: inline-block;
	text-align: center;
	color: rebeccapurple;
}

@media (max-width: 796px) {
	.div-left[b-3e4zxmc4pa] {
		display: none;
	}
}

@media (max-width: 500px) {
	.div-left[b-3e4zxmc4pa] {
		display: none;
	}

	h1[b-3e4zxmc4pa] {
		font-size: 2rem;
	}

	.div-input-container[b-3e4zxmc4pa] {
		padding: 0 30px;
	}

	input[b-3e4zxmc4pa] {
		font-size: 1rem;
		margin-left: 10px;
	}
}
/* /Pages/Components/Message.razor.rz.scp.css */
.rvo-message[b-4czygde148],.rinstrum-message[b-4czygde148]{
    display:flex;
    margin:10px 10px 10px 10px;
    /*background-color:yellow;*/
}

.rinstrum-message[b-4czygde148]{
    justify-content:end;
}

.topic[b-4czygde148] {
    display: inline-block;
    width: 100px;
    flex-shrink: 0;
    font-weight: bold;
}

.data-line[b-4czygde148] {
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 0px 10px;
}

.data-line > button[b-4czygde148] {
    margin-left: 20px;
    flex-shrink: 0;
    height: 30px;
}

.message-tile[b-4czygde148] {
    height: fit-content;
    margin: 0px 10px;
    flex-grow: 1;
    max-width:70%;
    padding: 10px;
    color: lightgray;
    position: relative;
    border-radius:10px;
}

.rvo-message-box[b-4czygde148] {
    /*border:1px solid black;*/
}

.rvo-message-box[b-4czygde148]::before, .rinstrum-message-box[b-4czygde148]::before {
    position: absolute;
    top: 10px;
    font-size: 30px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    /*background-color: black;*/
    color: black;
    transform: translateX(-110%);
}

.active-tile[b-4czygde148] {
    color:black;
    background-color:var(--white1);
}

.time[b-4czygde148] {
    height: fit-content;
    /*position: absolute;*/
    font-size:10px;
    /*background-color:gray;*/
    color:black;
    border-radius:10px;
    margin:5px;
    text-align:right;
    font-weight:bolder;
}


.message-tile img:not(.profile-pic)[b-4czygde148] {
    max-width: 100%;
    margin-bottom: 10px;
}

.profile-pic[b-4czygde148]{
    height:40px;
}
/* /Pages/Components/NewsLetterPreviewModal.razor.rz.scp.css */
.background[b-b4mvmrtjk5] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 1000;
}

.modal-box[b-b4mvmrtjk5] {
	background: white;
	border-radius: 6px;
	width: 600px;
	max-height: 80vh;
	/* limit modal height to viewport */
	display: flex;
	flex-direction: column;
	padding: 20px;
}

/* Make the content scrollable */
.modal-content[b-b4mvmrtjk5] {
	overflow-y: auto;
	flex-grow: 1;
	margin-bottom: 10px;
	/* space between content and buttons */
}

/* Buttons container sticks to the bottom */
.btn-container[b-b4mvmrtjk5] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
/* /Pages/Components/Obsolete/CompleteMCAConfirmationModal.razor.rz.scp.css */
.background[b-iw8ez66ycl] {
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.modal-box[b-iw8ez66ycl] {
	max-width: 500px;
	width: 90%;
	padding: 30px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.modal-box > div[b-iw8ez66ycl] {
	margin-top: 15px;
}

.btn-container[b-iw8ez66ycl] {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}


.text-danger[b-iw8ez66ycl] {
	color: #dc3545;
	font-weight: bold;
}
/* /Pages/Components/Obsolete/McaModal.razor.rz.scp.css */
section[b-s5k56hkj97] {
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	background-color:rgba(100,100,100,0.9);
	backdrop-filter:blur(px);
	z-index:2;
	display:flex;
	justify-content:center;
	align-items:center;
}

	section > div[b-s5k56hkj97] {
		position: relative;
		background-color: var(--white1);
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 200px;
		width: 60vw;
		padding: 20px;
		padding-top: 60px;
	}

		section > div > button[b-s5k56hkj97] {
			position: absolute;
			top: 0;
			right: 0;
			margin: 10px;
			z-index: 3;
			border: 0;
			background-color: inherit;
			height: 30px;
			width: 30px;
		}

		section > div > div  button[b-s5k56hkj97] {
			width:fit-content;
			min-width:100px;
			padding:4px 10px;
			border-radius:5px;
			margin-right:10px;
		}

		a[b-s5k56hkj97]{
			padding:8px 10px;
			margin-right:10px;
			border-radius:5px;
			text-decoration:none;
			color:black;
		}
/* /Pages/Components/PasswordReset.razor.rz.scp.css */
.background[b-23575vsple] {
	height:100vh;
	width:100vw;
	background-color:rgba(0,0,0,0.5);
	backdrop-filter:blur(5px);
	position:fixed;
	left:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.modal-box[b-23575vsple] {
	height: fit-content;
	width: fit-content;
	padding:20px 100px;
	border-radius:20px;
	background-color:var(--white1);
	z-index: 2;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.modal-box > div[b-23575vsple]{
	padding: 10px;
}

.btn-container[b-23575vsple]{
	display:flex;
	width:150px;
	justify-content:space-between;
}
/* /Pages/Components/StaffAdder.razor.rz.scp.css */
.main-container[b-94nh3kgjhl] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(128, 128, 128, 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.modal-window[b-94nh3kgjhl] {
    background-color: white;
    height: fit-content;
    width: fit-content;
    border-radius: 20px;
    padding: 20px 50px;
    /*display:flex;*/
    position: relative;
}

.error-text[b-94nh3kgjhl] {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}

h5[b-94nh3kgjhl] {
    text-align: center;
    margin-bottom: 30px;
    width: 600px;
}

.input-line[b-94nh3kgjhl] {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    width: 600px;
    /*background-color: yellow;*/
}

input[b-94nh3kgjhl] {
    text-align: center;
}

input[b-94nh3kgjhl],
textarea[b-94nh3kgjhl] {
    width: 400px;
    padding: 0 5px;
}

.input-line>div[b-94nh3kgjhl] {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    /*background-color: blue;*/
}

.button-line[b-94nh3kgjhl] {
    display: flex;
    justify-content: center;
}

button[b-94nh3kgjhl] {
    margin-left: 20px;
    outline: none;
    border: none;
}

button[b-94nh3kgjhl] {
    flex-grow: 0;
    background-color: rgb(216, 217, 218);
    border-radius: 10px;
    width: 15%;
    align-items: center;
    box-shadow: 0 4px 8px rgba(91, 69, 69, 0.1);
    border: 0.5px solid #b9babc;
}

button:hover[b-94nh3kgjhl] {
    background-color: #888887;
    color: white;
}

.limit-character[b-94nh3kgjhl] {
    margin-left: 90%;
    margin-bottom: -10px;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;

}
/* /Pages/ContactPage.razor.rz.scp.css */
/* /Pages/DownloadsPage.razor.rz.scp.css */
body[b-o9w3zm6unr] {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

.container[b-o9w3zm6unr] {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
}

h1[b-o9w3zm6unr] {
    color: #333;
}

.category[b-o9w3zm6unr] {
    margin-top: 30px;
    border-top: 2px solid #ccc;
    padding-top: 20px;
}

.category h2[b-o9w3zm6unr] {
    color: #0056b3;
}

ul[b-o9w3zm6unr] {
    list-style-type: none;
    padding-left: 0;
}

li[b-o9w3zm6unr] {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

li a[b-o9w3zm6unr] {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

li a:hover[b-o9w3zm6unr] {
    color: #0056b3;
}
.download-list[b-o9w3zm6unr] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-item[b-o9w3zm6unr] {
    margin-bottom: 12px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.download-link[b-o9w3zm6unr] {
    font-weight: 500;
    text-decoration: none;
    color: #0056b3;
}

.download-link:hover[b-o9w3zm6unr] {
    text-decoration: underline;
}

.filename[b-o9w3zm6unr] {
    font-size: 0.9em;
    color: #888;
    margin-left: 8px;
}

.modified-date[b-o9w3zm6unr] {
    display: block;
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
}


@media (max-width: 796px) {
    .container[b-o9w3zm6unr] {
        width: 95%;
        padding: 10px;
    }

    h1[b-o9w3zm6unr] {
        font-size: 24px;
    }

    .category h2[b-o9w3zm6unr] {
        font-size: 20px;
    }

    li[b-o9w3zm6unr] {
        font-size: 14px;
        padding: 8px;
    }

    li a[b-o9w3zm6unr] {
        font-size: 14px;
    }

    /* Optionally, reduce the margin between categories */
    .category[b-o9w3zm6unr] {
        margin-top: 20px;
    }
}
/* /Pages/ManageMcasPage.razor.rz.scp.css */
section[b-9xa1jebi9f] {
	/*background-color:yellow;*/
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 40px 40px 10px 40px;
	flex-wrap: wrap;
}

.cmbbox-smry-btn-container[b-9xa1jebi9f] {
	display: flex;
	height: 80px;
	/*background-color:blue;*/
	justify-content: space-between;
}

select[b-9xa1jebi9f] {
	width: 100px;
	padding: 10px;
	background-color: var(--white1);

}

select:focus[b-9xa1jebi9f] {
	outline: none;
}


.summary[b-9xa1jebi9f] {
	/*background-color:blue;*/
	height: 60px;
	width: 500px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.summary>div[b-9xa1jebi9f] {
	width: 50%;
	/*background-color:yellow;*/
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid black;
	height: 50%;
}

.summary>div:nth-child(1)[b-9xa1jebi9f],
.summary>div:nth-child(2)[b-9xa1jebi9f] {
	width: 50%;
	border-top: 1px solid black;
}

.summary>div>span:first-child[b-9xa1jebi9f] {
	display: inline-block;
	/*background-color:red;*/
	width: 70%;
	flex-grow: 1;
}

.summary>div>span[b-9xa1jebi9f] {
	padding: 0 10px;
}

.btn-new-mca[b-9xa1jebi9f] {
	width: 130px;
	font-weight: bolder;
	height: 40px;
}

.btn-new-mca:hover[b-9xa1jebi9f] {}

.tabs-container[b-9xa1jebi9f] {
	/*background-color:blue;*/
	display: flex;
	font-size: 16px;
}

.tabs-container button[b-9xa1jebi9f] {
	border: none;
	outline: none;
	margin: 0;
	padding: 5px 20px;
}

.tabs-container button:hover[b-9xa1jebi9f] {
	/*background-color: rgba(255,255,255,0.9);*/
}

.active-tab[b-9xa1jebi9f] {
	color: white;
	background-color: black;
}

.table-wrapper[b-9xa1jebi9f] {
	/* background-color:var(--white1); */
	flex-grow: 1;
	max-height: calc(100vh - 280px);
	overflow: auto;
	position: relative;
}

.table[b-9xa1jebi9f] {
	flex-grow: 0;
	margin: 0;
}

.table thead[b-9xa1jebi9f] {
	position: sticky;
	top: 0;
}

.table thead tr[b-9xa1jebi9f] {
	background-color: black;
	color: white;
}

.table tbody tr:hover:not(.selected-mca)[b-9xa1jebi9f] {
	background-color: lightgray;
	cursor: pointer;
}

.table tbody tr:hover.selected-mca[b-9xa1jebi9f] {
	background-color: #fadaa2;
}

.table tbody[b-9xa1jebi9f] {
	background-color: var(--white1);
}

.table td[b-9xa1jebi9f],
table th[b-9xa1jebi9f] {
	text-align: center;
	font-weight: bold;
}

/*.table-filler {
	height: 10px;
	flex-grow: 1;
	background-color: var(--white1);
}*/

.selected-mca[b-9xa1jebi9f] {
	background-color: #ffe4b5;
	cursor: pointer;
	/*border: 1px solid red;*/
	/*border:1px solid white;*/
}

@media (max-width: 855px) and (min-width: 691px) {
	.wf-class[b-9xa1jebi9f] {
		width: auto;
	}
	select[b-9xa1jebi9f] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-9xa1jebi9f] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-9xa1jebi9f] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-9xa1jebi9f] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}
	.table>:not(caption)>*>*[b-9xa1jebi9f] {
		padding: .2rem .1rem;
	}
}

@media (max-width: 691px) and (min-width: 543px) {
	section[b-9xa1jebi9f] {
		padding: 10px 10px 10px 10px !important;
	}
	.table-wrapper[b-9xa1jebi9f]{
		overflow: auto;
		width: 98vw;
	}

	.wf-class[b-9xa1jebi9f] {
		width: auto;
		font-size: 12px;
	}

	select[b-9xa1jebi9f] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-9xa1jebi9f] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-9xa1jebi9f] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-9xa1jebi9f] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}

	.table>:not(caption)>*>*[b-9xa1jebi9f] {
		padding: .1rem .1rem;
	}

	.table td[b-9xa1jebi9f],
	table th[b-9xa1jebi9f] {
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
}

@media (max-width: 543px) and (min-width: 471px) {
	section[b-9xa1jebi9f] {
		padding: 10px 10px 10px 10px !important;
	}

	.wf-class[b-9xa1jebi9f] {
		width: auto;
		font-size: 10px;
		padding: 5px;
	}

	.table th[b-9xa1jebi9f] {
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 0;
	}

	.table td[b-9xa1jebi9f] {
		text-align: center;
		font-weight: normal;
		font-size: 10px;
	}

	.tabs-container button[b-9xa1jebi9f] {
		padding: 1px 5px;
	}

	select[b-9xa1jebi9f] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-9xa1jebi9f] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-9xa1jebi9f] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-9xa1jebi9f] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}
}

@media (max-width: 471px) {
	section[b-9xa1jebi9f] {
		padding: 10px 10px 10px 10px !important;
	}

	.wf-class[b-9xa1jebi9f] {
		width: auto;
		font-size: 10px;
		padding: 5px;
	}

	.table-wrapper[b-9xa1jebi9f]{
		overflow: auto;
		width: 98vw;
	}

	.table th[b-9xa1jebi9f] {
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 0;
	}

	.table td[b-9xa1jebi9f] {
		text-align: center;
		font-weight: normal;
		font-size: 10px;
	}

	.tabs-container button[b-9xa1jebi9f] {
		padding: 1px 5px;
	}

	select[b-9xa1jebi9f] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-9xa1jebi9f] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
		width: 100vw;
	}

	.summary[b-9xa1jebi9f] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-9xa1jebi9f] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}

	.summary>div>span:first-child[b-9xa1jebi9f] {
		width: 75%;
		font-size: 12px;
	}

	.summary>div>span[b-9xa1jebi9f] {
		padding: 0 5px;
	}

	.summary>div>span[b-9xa1jebi9f] {
		padding: 0 5px;
		font-size: 11px;
	}
}
/* /Pages/NewMcaPage.razor.rz.scp.css */
section[b-3n64fu5u80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 70px 50px 70px;
    /*background-color: yellow;*/
    flex-grow: 1;
    max-height: calc(100vh - 135px);
    overflow: auto;
}

h3[b-3n64fu5u80] {
    margin-bottom: 10px;
}

section>div[b-3n64fu5u80] {
    align-self: stretch;
    background-color: var(--white1);
    padding: 20px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
}

.data-text[b-3n64fu5u80] {
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 40px;
}



section>div>span:first-child[b-3n64fu5u80] {
    display: inline-block;
    width: 30%;
    text-align: right;
    padding-right: 20px;
}

section>div>div[b-3n64fu5u80] {
    flex-grow: 1;
}

.btn-container[b-3n64fu5u80] {
    display: flex;
    justify-content: flex-end;
}

.custom-btn[b-3n64fu5u80] {
    background-color: var(--rin-orange);
    padding: 10px 20px;
    color: black;
    float: right;
}

select[b-3n64fu5u80] {
    width: 200px;
    font-size: 15px;
    padding: 5px;
}

option[b-3n64fu5u80] {
    text-align: center;
}

input[type='date'][b-3n64fu5u80] {
    width: 200px;
    font-size: 15px;
    padding: 5px;
}

@media (max-width: 921px) {}

@media (max-width: 629px) and (min-width: 518px ) {
    section>div>span:first-child[b-3n64fu5u80][b-3n64fu5u80] {
        width: 50%;
        text-align: left;
    }

    section[b-3n64fu5u80][b-3n64fu5u80] {
        padding: 20px;
    }
}
@media (max-width: 518px) {
    section>div>span:first-child[b-3n64fu5u80][b-3n64fu5u80] {
        width: 100%;
        text-align: left;
    }
    section[b-3n64fu5u80][b-3n64fu5u80] {
        padding: 20px;
    }

}
/* /Pages/NewsPage.razor.rz.scp.css */
/* Container for the news detail page */
.news-detail-container[b-m83yzafqft] {
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 20px;
    background-color: #f4f4f4;
}

/* News detail section */
.news-detail[b-m83yzafqft] {
    display: flex;
    flex-direction: column;
    align-items: left;
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

/* Image styling */
.news-image[b-m83yzafqft] {
    /* width: 100%; */
    max-width:500px;/* Limit the size of the image */
    height: auto;
    margin-bottom: 20px;
}

.news-image img[b-m83yzafqft] {
    /* width: 100%; */
    height: auto;
    border-radius: 8px;
}

/* Content section */
.news-content[b-m83yzafqft] {
    text-align: left;
}

.news-content h2[b-m83yzafqft] {
    font-size: 2rem;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.news-content p[b-m83yzafqft] {
    /* font-size: 1.2rem; */
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: justify;
}

/* Loading text */
.news-detail-container p[b-m83yzafqft] {
    /* font-size: 1.2rem; */
    color: #777;
    
}

.posted-date[b-m83yzafqft] {
    font-size: 12px !important;
    color: #777 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .news-detail[b-m83yzafqft] {
        padding: 15px;
    }

    .news-content h2[b-m83yzafqft] {
        font-size: 1.8rem;
    }

    .news-content p[b-m83yzafqft] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .news-detail[b-m83yzafqft] {
        padding: 10px;
    }

    .news-content h2[b-m83yzafqft] {
        font-size: 1.6rem;
    }

    .news-content p[b-m83yzafqft] {
        font-size: 0.9rem;
    }
}
/* /Pages/NewUserResetPassword.razor.rz.scp.css */
.background[b-6qh2whrd44] {
	height: 100vh;
	width: 100vw;
	/*background-color:rgba(0,0,0,0.5);*/
	/*backdrop-filter:blur(5px);*/
	background: linear-gradient(90deg, rgba(232, 119, 34, 1) 0%, rgba(255, 168, 103, 1) 10%, rgba(255, 255, 255, 1) 30%);
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.modal-box[b-6qh2whrd44] {
	height: fit-content;
	width: fit-content;
	padding:20px 100px;
	border-radius:20px;
	/*background-color:white;*/
	min-height:260px;
	z-index: 2;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.modal-box > div[b-6qh2whrd44]{
	padding: 10px;
}

.btn-container[b-6qh2whrd44]{
	display:flex;
	width:150px;
	justify-content:center;
}

input[b-6qh2whrd44] {
	font-size: 1.3rem;
	flex-grow: 1;
	margin-left: 50px;
	background-color: transparent;
	outline: none;
	border: none;
	color: black;
	outline: none;
	margin: 0px 0;
	font-size: 1rem;
	padding: 3px 30px;
	margin-top: 0px;
	height: 40px;
	border-radius: 20px;
	background: rgb(232, 119, 34);
	background: linear-gradient(90deg, rgba(232, 119, 34, 1) 0%, rgba(255, 168, 103, 1) 39%, rgba(255, 196, 151, 1) 100%);
	display: flex;
	align-items: center;
	box-shadow: gray 1px 1px 5px 2px;
}

	input[b-6qh2whrd44]::placeholder {
		color: white;
	}

button[b-6qh2whrd44] {
	border: none;
	font-size: 1rem;
	border-radius: 15px;
	padding: 5px 15px;
	background-color: var(--rin-orange);
	color: white;
}
/* /Pages/Obsolete/Clarification.razor.rz.scp.css */
section[b-ij8tqfbau5] {
    /*flex-grow:1;*/
    overflow: auto;
    position: relative;
    height: calc(100dvh - 135px);
    overflow: scroll;
    /*background-color:yellow;*/
}

.note[b-ij8tqfbau5]{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
}

.message-row[b-ij8tqfbau5] {
    display: flex;
    /*background-color:yellow;*/
    padding: 10px 80px;
}

.message-container[b-ij8tqfbau5] {
    display: flex;
}

.rinstrum-message[b-ij8tqfbau5] {
    justify-content: start;
}

.rvo-message[b-ij8tqfbau5] {
    justify-content: end;
}

.rinstrum-message img[b-ij8tqfbau5] {
    margin-right: 10px;
}

.rvo-message img[b-ij8tqfbau5] {
    margin-left: 10px;
}

.message[b-ij8tqfbau5] {
    display: flex;
}

.message>div[b-ij8tqfbau5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*background-color:orange;*/
    background-color: var(--white1);
    /*border:1px solid orange;*/
    border-radius: 20px;
    padding: 10px 20px;
    max-width: 65vw;
}

.message>div>div>span[b-ij8tqfbau5] {
    font-weight: bolder;
}

.timestamp[b-ij8tqfbau5] {
    display: flex;
    justify-content: end;
    font-size: 11px;
}

img:not(.img-attachment)[b-ij8tqfbau5] {
    height: 50px;
    border-radius: 50%;
    /*background-color:var(--white1);*/
    border: 1px solid var(--white1);
    padding: 4px;
}

.inputs-container[b-ij8tqfbau5] {
    padding: 10px 140px;
    background-color: white;
}

@media (max-width: 796px) {
    .message-row[b-ij8tqfbau5] {
        padding: 10px 20px;
    }

    img:not(.img-attachment)[b-ij8tqfbau5] {
        height: 30px;
    }

    .inputs-container[b-ij8tqfbau5] {
        padding: 10px 20px;
    }

    .paste-icon[b-ij8tqfbau5] {
        height: 30px;
        width: 30px;
        font-size: 10px;
        background-color: red;
    }

    .drag-drop-note[b-ij8tqfbau5]{
        padding: 10px;
        padding-right: 40px;
    }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
.title[b-bc88h1qk43] {
    color: orange;
    padding: 10px;
}
/* /Pages/RvoHome.razor.rz.scp.css */
section[b-htyldkk0xh] {
    display: flex;
    flex-direction: column;
    /*flex-grow:1;*/
    justify-content: space-around;
    align-items: center;
    overflow-y: auto;
    height: calc(100dvh - 105px);

}

.img-container[b-htyldkk0xh] {
    display: flex;
    /* justify-content: space-between; */
    width: 95%;
    height: 50dvh;
    margin-top: 20px;
    height: fit-content;
    flex-wrap: wrap;
}

.img-container>div[b-htyldkk0xh] {
    /* width: 40%; */
    /* margin-left: 10px; */
    /* padding: 0px 40px; */
    display: flex;
    flex-direction: column;
}

.rvo-details-container[b-htyldkk0xh] {
    background-color: black;
    color: white;
    display: flex;
    width: 22%;
    padding: 20px 40px;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 20px;
    align-items: center;
    border-radius: 10px;
    flex-wrap: wrap;
    /* font-family: Arial, sans-serif; */
}

.container2[b-htyldkk0xh],
.container3[b-htyldkk0xh] {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    max-height: 500px;
}

.container2[b-htyldkk0xh] {
    width: 40%;
    /* margin-left: 10px; */
    border-right: 1px solid #ccc;
}

.container3[b-htyldkk0xh] {
    width: 35%;
    /* min-width: 25%; */
    /* margin-right: 10px; */
    /* margin-left: 10px; */
}

.img-container h5[b-htyldkk0xh] {
    font-weight: bolder;
    font-size: 25px;
}

.title[b-htyldkk0xh] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.title2[b-htyldkk0xh] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.2;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.order-labels[b-htyldkk0xh] {
    flex-direction: column !important;
    /* font-family: Arial, sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-weight: 100 I !important;
}

.img-container>div>div:not(.rvo-state-container)[b-htyldkk0xh] {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    /* align-items: center; */
}

.container-box[b-htyldkk0xh] {
    background-color: #f9f9f9;
    /* Soft light background */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Softer, larger shadow */
    height: fit-content;
    padding: 5px 20px;
    /* More comfortable padding */
    font-size: 14px;
    /* Slightly larger text for readability */
    /* font-weight: 600; */
    display: flex;
    flex-direction: column;
    /* Stack the content vertically */
    gap: 10px;
    margin-bottom: 20px;
    /* Space below for separation */
    border-radius: 12px;
    /* Soft rounded corners */
    /* line-height: 1.6; */
    /* More comfortable line spacing */
    color: #333;
    /* Dark text for better contrast */

}

.container-box a[b-htyldkk0xh] {
    color: black;
    /* Set link color */
    text-decoration: none;
    /* Remove underline */
    font-weight: 600;
}

.container-box a:hover[b-htyldkk0xh] {
    text-decoration: underline;
    /* Add underline on hover for better interaction */
}

.event-card[b-htyldkk0xh] {
    border: 1px solid #ddd;
    border-radius: 12px;
    /* padding: 20px; */
    width: 35%;
    /* Make it full-width within the container */
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    /* Add shadow for 3D effect */
    /* transition: all 0.3s ease-in-out; */
    /* Smooth hover transition */
    position: relative;
    overflow: hidden;
}

.event[b-htyldkk0xh] {
    margin-bottom: 15px;
}

.event-date[b-htyldkk0xh] {
    /* font-size: 18px; */
    padding: 0px 20px;
    color: #ffffff;
    font-weight: bold;
    /* background-color: #ff9900; */
    background-color: var(--rin-orange);
    /* background-color: #50AEB5; */
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.event-title[b-htyldkk0xh] {
    padding: 0px 20px;
    padding-bottom: 5px;
    /* font-size: 10px; */
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    margin: 10px;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    text-align: center;
    /* Make the title stand out */
    letter-spacing: normal;
}

.event-content[b-htyldkk0xh] {
    font-size: 10px;
    padding: 0px 20px;
    margin: 10px;
    color: #706e6e;
    text-align: center
}

.event-card[b-htyldkk0xh]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(135deg, rgba(64, 64, 65, 0.2), rgba(138, 138, 140, 0.1)); */
    z-index: -1;
    border-radius: 12px;
}

.container-box p[b-htyldkk0xh] {
    /* text-align: center; */
    color: #999;
    font-size: 16px;
    /* font-family: Arial, sans-serif; */
}


.rvo-state-container>.active[b-htyldkk0xh] {
    background-color: green;
    padding: 5px 10px;
    border-radius: 8px;
}

.rvo-state-container>.inactive[b-htyldkk0xh] {
    background-color: red;
    padding: 5px 10px;
    border-radius: 8px;
}

.img-container>img[b-htyldkk0xh] {
    /*width:70%;*/
    width: calc(100% - 392px);
    /*border-radius:20px;*/
}

.news-table-btn-container[b-htyldkk0xh] {
    /*width: 1450px;*/
    width: 95%;
    max-width: 95%;
    flex-grow: 1;
    /*background-color:red;*/
    margin: 10px 0;
    display: flex;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    /*max-height: 230px;*/
    /*background-color: yellow;*/
}

.table-btn-container[b-htyldkk0xh] {
    /*background-color: blue;*/
    display: flex;
    flex-direction: column;
    width: 22%;
}

.table-btn-container>table[b-htyldkk0xh] {
    /*background-color:green;*/
    margin: 10px;
}

.news-table-btn-container tr[b-htyldkk0xh] {
    border-top: 1px solid black;
    border-bottom: 1px solid black;

}


.table-btn-container>div[b-htyldkk0xh] {
    flex-grow: 1;
    /*background-color:yellow;*/
    display: flex;
    flex-wrap: wrap;
}

.custom-btn[b-htyldkk0xh] {
    width: 40%;
    height: 35%;
    border-radius: 10px;
}

.table-btn-container>div[b-htyldkk0xh] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*background-color:green;*/
}

.news-container[b-htyldkk0xh] {
    /* flex-grow: 1; */
    /* font-size: 1.0rem; */
    padding: 40px 40px;
    padding-top: 5px;
    overflow-y: auto;
    flex-direction: column;
    width: 75%;
}


/* Small Button Styling */
.btn-primary[b-htyldkk0xh] {
    background-color: #ff9900;
    color: white;
    border: none;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.675rem;
    text-align: center;
    float: right;
}


.btn-primary:hover[b-htyldkk0xh] {
    background-color: #e78002;
    /* Darker blue on hover */
}

/* News List Styling */
.news-list[b-htyldkk0xh] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    /* Allow vertical scrolling */
    flex-grow: 1;
    /* Allow news list to take remaining space */
    max-height: 300px;
    /* Set max height for scrolling */
}

/* Individual News Item Styling */
.news-item[b-htyldkk0xh] {
    display: flex;
    /* Use Flexbox */
    justify-content: space-between;
    /* Distribute space between the elements */
    align-items: center;
    /* Vertically center the items */
    padding: 10px 10px;
    /* Add some padding around the item */
    margin-bottom: 10px;
    /* Add margin between news items */
    background-color: var(--white1);
    /* Background color */
    border-radius: 5px;
    /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;

}

.news-title[b-htyldkk0xh] {
    /* font-size: 1rem; */
    /* font-weight: bold; */
    /* Make the title bold */
    color: #343a40;
    /* Dark color for the title */
    margin: 0;
    /* Remove default margin */
}

.news-date[b-htyldkk0xh] {
    font-size: 0.875rem;
    /* Slightly smaller font size for the date */
    color: #6c757d;
    /* Light grey color for the date */
    margin: 0;
    cursor: pointer;
    /* Remove default margin */
}


.news-item p[b-htyldkk0xh] {
    margin: 0;
    /* font-size: 1rem; */
    line-height: 1.5;
}

.posted-date[b-htyldkk0xh] {
    font-size: 12px !important;
    float: right;
    color: #777 !important;
    margin-top: 5px;
}

.documents-container[b-htyldkk0xh] {
    max-height: 400px;
    /* adjust as needed */
    overflow-y: auto;
}

h1[b-htyldkk0xh] {
    color: #333;
}

.category[b-htyldkk0xh] {

    border-top: 2px solid #ccc;
    padding-top: 20px;
    width: 100%;
}

.category p[b-htyldkk0xh] {
    font-weight: 600;
}

ul[b-htyldkk0xh] {
    list-style-type: none;
    padding-left: 0;
}

li[b-htyldkk0xh] {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

li a[b-htyldkk0xh] {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

li a:hover[b-htyldkk0xh] {
    color: #0056b3;
}

a[b-htyldkk0xh],
.btn-link[b-htyldkk0xh] {
    color: #f8fbfd;
}

/* Responsive Design */
@media (max-width: 480px) {
    .btn-primary[b-htyldkk0xh] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-htyldkk0xh] {
        height: 40%;

    }

    .container2[b-htyldkk0xh],
    .container3[b-htyldkk0xh] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-htyldkk0xh] {
        width: 40%;

    }

    .event-title[b-htyldkk0xh] {
        padding: 0px;
    }

    .event-content[b-htyldkk0xh] {
        padding: 0px;
    }

    .container-box[b-htyldkk0xh] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-htyldkk0xh] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-htyldkk0xh] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-htyldkk0xh] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-htyldkk0xh] {
        /* padding: 10px; */
    }

    .btn-primary[b-htyldkk0xh] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-htyldkk0xh] {
        font-size: 14px;
    }
}

@media (max-width: 796px) and (min-width: 480px) {
    .btn-primary[b-htyldkk0xh] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-htyldkk0xh] {
        height: 40%;
    }

    .container2[b-htyldkk0xh],
    .container3[b-htyldkk0xh] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-htyldkk0xh] {
        width: 30%;

    }

    .event-title[b-htyldkk0xh] {
        padding: 0px;
    }

    .event-content[b-htyldkk0xh] {
        padding: 0px;
    }

    .container-box[b-htyldkk0xh] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-htyldkk0xh] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-htyldkk0xh] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-htyldkk0xh] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-htyldkk0xh] {
        /* padding: 10px; */
    }

    .btn-primary[b-htyldkk0xh] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-htyldkk0xh] {
        font-size: 14px;
    }
}

@media (max-width: 1060px) and (min-width:796px) {
    .rvo-details-container[b-htyldkk0xh] {
        justify-content: center;
        width: 41%;
    }

    .custom-btn[b-htyldkk0xh] {
        height: 40%;
    }

    .container2[b-htyldkk0xh] {
        width: 55%;
        margin-left: 0;
        /* padding-right: 10px; */
        border-right: none;
    }

    .container3[b-htyldkk0xh] {
        width: 100%;
        margin: 0px;

    }

    .category[b-htyldkk0xh] {
        border-top: 2px solid #ccc;
        padding-top: 20px;
        width: 100%;
    }

    .event-title[b-htyldkk0xh] {
        padding: 0px;
    }

    .news-item p[b-htyldkk0xh] {
        font-size: 14px;
    }

    .event-content[b-htyldkk0xh] {
        padding: 0px;
    }

    .news-container[b-htyldkk0xh] {
        padding: 5px 0px;
        width: 95%;
    }

    .news-table-btn-container[b-htyldkk0xh] {
        justify-content: space-around;
    }

    .table-btn-container[b-htyldkk0xh] {
        width: fit-content;
    }

}

@media (max-width:1590px) and (min-width: 1060px) {
    .container-box[b-htyldkk0xh] {
        /* line-height: 1.4; */
        margin-bottom: 10px;
    }

    .img-container[b-htyldkk0xh] {
        margin-top: 10px;
    }


    .news-item[b-htyldkk0xh] {
        padding: 5px 10px;

    }

    .container-box p[b-htyldkk0xh] {
        color: rgb(153, 153, 153);
        font-size: 14px;
    }

    .container2[b-htyldkk0xh] {
        padding-left: 40px;

    }

    .container3[b-htyldkk0xh] {
        padding-right: 0px;
        max-height: 350px;
    }

    .event-title[b-htyldkk0xh] {
        padding: 0;
        text-align: center;
    }

    .event-content[b-htyldkk0xh] {
        padding: 0;
    }

    .title[b-htyldkk0xh] {
        font-size: 20px;
    }

    .news-table-btn-container[b-htyldkk0xh] {
        justify-content: space-around;
    }

    .news-container[b-htyldkk0xh] {
        padding: 5px 40px;
        padding-right: 0px;
    }

}

@media (min-width:1590px) {
    .container2[b-htyldkk0xh] {
        padding-left: 40px;

    }

    .event-card[b-htyldkk0xh] {
        border: 1px solid #ddd;
        border-radius: 12px;
        /* padding: 20px; */
        width: 30%;
        /* Make it full-width within the container */
        background-color: #ffffff;
        box-sizing: border-box;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
        /* Add shadow for 3D effect */
        transition: all 0.3s ease-in-out;
        /* Smooth hover transition */
        position: relative;
        overflow: hidden;
    }

    .custom-btn[b-htyldkk0xh] {
        height: 30%;
    }

    .event[b-htyldkk0xh] {
        margin-bottom: 10px;

    }

    .event-date[b-htyldkk0xh] {
        font-size: 18px;
        padding: 0px 20px;
        /* White color for the date text */
        font-weight: bold;
        /* A vibrant color for the date */
        padding: 10px;
        /* border-radius: 6px; */
        margin-bottom: 10px;
    }

    .event-title[b-htyldkk0xh] {
        padding: 0px 10px;
        padding-bottom: 10px;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .event-content[b-htyldkk0xh] {
        font-size: 14px;
        padding: 0px 10px;
    }

    .container-box[b-htyldkk0xh] {
        padding: 20px 20px;
        font-size: 14px;
        /* line-height: 1.5; */
        margin-bottom: 10px;
    }

    .news-table-btn-container[b-htyldkk0xh] {
        justify-content: space-around;
    }

    .news-container[b-htyldkk0xh] {
        padding: 5px 40px;
        padding-right: 0px;
    }

    .container3[b-htyldkk0xh] {
        padding-right: 0px;
    }

}
/* /Pages/RVOListPage.razor.rz.scp.css */
td[b-vogxu4oiyr],th[b-vogxu4oiyr]{
    text-align:center ; 
}

tr:hover[b-vogxu4oiyr] {
    cursor:pointer;
}

/* /Pages/SettingsPage.razor.rz.scp.css */
body[b-qgdukqxcyb] {
}
/* /Pages/StaffPages/AllMcasPage/AllMcasPage.razor.rz.scp.css */

input[type= "text"][b-blb3lhwsmw]{
    background-color:white;
}

.tabs-container[b-blb3lhwsmw] {
    display: flex;
    font-size: 13px;
    padding-left: 3px;
}

    .tabs-container button[b-blb3lhwsmw] {
        padding: 10px 20px;
        border-radius: 6px 6px 0 0 ;
    }

        .tabs-container button:hover:not(.active-tab)[b-blb3lhwsmw] {
            background-color: rgba(200,200,200,0.2);
        }


        .exclamation-mark[b-blb3lhwsmw] {
            background-color: red;
            display: block;
            height: 18px;
            width: 18px;
            position: absolute;
            right: 2px;
            top: -1px;
            border-radius: 50%;
            line-height: 18px;
            color: white;
            font-weight: bolder;
            z-index:1;
        }

.active-tab[b-blb3lhwsmw] {
    font-weight: bolder;
    /*background-color: var(--white1) !important;*/
    background-color: white;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.table-wrapper[b-blb3lhwsmw] {
    /* background-color:var(--white1); */
    flex-grow: 1;
    /*padding:20px;*/
    max-height: calc(100vh - 280px);
    overflow: auto;
    position: relative;
}


.structured-td[b-blb3lhwsmw] {
    display: flex;
    flex-direction: column;
}

    .structured-td span:nth-child(2)[b-blb3lhwsmw] {
        font-size: 12px;
        color: gray;
    }

    .mud-th[b-blb3lhwsmw] {
        background-color: orange;
    }

.selected-mca[b-blb3lhwsmw] {
    background-color: #ffe4b5;
    cursor: pointer;
}






/* /Pages/StaffPages/DownloadsPageNew.razor.rz.scp.css */
section[b-g2qqxtlyew] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 30px;
    background-size: auto 100vw;
    background-position: -220px -600px;
}

.category[b-g2qqxtlyew] {
    margin-top: 30px;
    border-top: 2px solid #ccc;
    padding-top: 20px;
}

.file-uploader[b-g2qqxtlyew] {
    display: flex;
    align-items: center;
    /* width: 100%; */
    justify-content: right;


}

/* File input styling */
.file-uploader .form-control[b-g2qqxtlyew] {
    width: 50%;
    margin-right: 10px;
}

/* Upload button style */
.file-uploader button.btn[b-g2qqxtlyew] {
    padding: 8px 16px;
    font-size: 14px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for the upload button */
.file-uploader button.btn:hover[b-g2qqxtlyew] {
    background-color: #0056b3;
}

/* Pin icon container */
.file-uploader div[b-g2qqxtlyew] {
    margin-left: 10px;
    cursor: pointer;
}

/* Pin icon styling */
.file-uploader i[b-g2qqxtlyew] {
    font-size: 20px;
    color: #6c757d;
}

/* Pinned icon color change */
.file-uploader .bi-pin-fill[b-g2qqxtlyew] {
    color: #ffc107;
}

/* Delete button */
.btn-delete[b-g2qqxtlyew] {
    margin-left: 15px;
    cursor: pointer;
    color: #dc3545;
    font-size: 20px;
}

/* Delete button hover effect */
.btn-delete:hover[b-g2qqxtlyew] {
    color: #c82333;
}

/* Ensure the icons and content align properly */
.file-uploader div[b-g2qqxtlyew], .btn-delete[b-g2qqxtlyew] {
    display: flex;
    align-items: center;
}

.btn-edit:hover[b-g2qqxtlyew]{
    color: #6c757d;
    cursor: pointer;
}

.category h2[b-g2qqxtlyew] {
    color: #0056b3;
}

ul[b-g2qqxtlyew] {
    list-style-type: none;
    padding-left: 0;
}

li[b-g2qqxtlyew] {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

li a[b-g2qqxtlyew] {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

li a:hover[b-g2qqxtlyew] {
    color: #0056b3;
}

.custom-btn[b-g2qqxtlyew] {
    width: 40%;
    height: 40%;
}

/* Small Button Styling */
.btn-primary[b-g2qqxtlyew] {
    background-color: #ff9900;
    color: white;
    border: none;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1rem;
    text-align: center;
    float: right;
    width: fit-content;
    /* height: 5%; */
}


.btn-primary:hover[b-g2qqxtlyew] {
    background-color: #e78002;
    /* Darker blue on hover */
}

.view-btn[b-g2qqxtlyew] {
  display: inline-block;
  padding: 8px 16px;
  background-color: #aeb1b4;
  color: white;
  text-decoration: underline;
  border-radius: 4px;
}
/* /Pages/StaffPages/FileExplorer.razor.rz.scp.css */
section[b-xrzw8cjdv1]{
    padding:30px;
    margin-left:40px;
    /*margin-top:40px;*/
}

.file[b-xrzw8cjdv1],
.folder[b-xrzw8cjdv1]{
    width:25px;
    margin-right:10px;
    background-size:contain;
}

.file[b-xrzw8cjdv1] {
    /*background-color: blue;*/
    background-image: url(icons/file.png);
}

.folder[b-xrzw8cjdv1] {
    background-image: url(icons/folder.png);
}

.btn-container[b-xrzw8cjdv1]{
    height:40px;
}

button[b-xrzw8cjdv1]{
    background-color:transparent;
    border:none;
}

h5[b-xrzw8cjdv1]{
    margin-bottom:10px;
    border-bottom:1px solid black;
}

button:hover[b-xrzw8cjdv1]{
    text-decoration:underline;
}

.line[b-xrzw8cjdv1] {
    padding: 3px;
    padding-left: 10px;
    border:1px solid white;
}

.line:hover[b-xrzw8cjdv1]{
    /*background-color:lightgoldenrodyellow;*/
    cursor:pointer;
    border:1px solid gray;
}

.link-line:hover[b-xrzw8cjdv1]{
    background-color:aliceblue;
}
/* /Pages/StaffPages/ManageEvents.razor.rz.scp.css */
section[b-xe73p2w8le]{
    height:calc(100dvh - 102px);
    /*background-color:yellow;*/
    padding:20px 60px;
    overflow:auto;
}

.btn-delete[b-xe73p2w8le], .btn-save[b-xe73p2w8le], .btn-edit[b-xe73p2w8le] {
    border-radius: 5px;
    border: none;
    color: white;
     padding: 5px;
}

.btn-save[b-xe73p2w8le] {
    background-color: green;
}

.btn-delete[b-xe73p2w8le] {
    background-color: red;
}
.btn-edit[b-xe73p2w8le] {
    background-color: blue;
}



    td >button:hover[b-xe73p2w8le] {
        box-shadow: 1px 1px 5px 1px black;
    }

    td > button:active[b-xe73p2w8le] {
        box-shadow: 1px 1px 3px 1px black;
    }


    input[b-xe73p2w8le]{
        width:100%;
    }
/* /Pages/StaffPages/ManageNewsItemsPage.razor.rz.scp.css */
section[b-3dmu26no13]{
    height:calc(100dvh - 102px);
    /*background-color:yellow;*/
    padding:20px 60px;
    overflow:auto;
}

.btn-delete[b-3dmu26no13], .btn-save[b-3dmu26no13], .btn-edit[b-3dmu26no13] {
    border-radius: 5px;
    border: none;
    color: white;
    padding: 5px;
}

.btn-save[b-3dmu26no13] {
    background-color: green;
}

.btn-delete[b-3dmu26no13] {
    background-color: red;
}
.btn-edit[b-3dmu26no13] {
    background-color: blue;
}



    td >button:hover[b-3dmu26no13] {
        box-shadow: 1px 1px 5px 1px black;
    }

    td > button:active[b-3dmu26no13] {
        box-shadow: 1px 1px 3px 1px black;
    }


    input[b-3dmu26no13]{
        width:100%;
    }
/* /Pages/StaffPages/ManageUsersPage.razor.rz.scp.css */

th[b-l7nrg5wpff]{
    text-align:center;
}

td[b-l7nrg5wpff]{
    text-align:center;
}

.td-key[b-l7nrg5wpff]{
    text-align:center;
    cursor:pointer;
    /*background-color:yellow;*/
}

.td-key:hover[b-l7nrg5wpff]{
    color:red;
    /*background-color:blue;*/
}

.input-td[b-l7nrg5wpff] {
    cursor:pointer;
}

.custom-checkbox[b-l7nrg5wpff]{
    display:inline-block;
    border:2px solid gray;
    height:15px;
    width:15px;
}

.input-td:hover > .custom-checkbox[b-l7nrg5wpff] {
    border: 2px solid var(--rin-orange);
    
}


.checked[b-l7nrg5wpff] {
    /*background-color: var(--rin-orange);*/
    position:relative;
}

    .checked[b-l7nrg5wpff]::after {
        content: "✓";
        font-weight:bolder;
        color:black;
        position: absolute;
        top: -5px;
        left: -0px;
        
    }

    button:not(:disabled)[b-l7nrg5wpff] {
        cursor: pointer;
        float: right;
    }

    /* Base Invite Button */
.invite-btn[b-l7nrg5wpff] {
    /*background-color: red;*/
    background-color:transparent;
    color: black;
    border: none;
    text-decoration:underline;
    border-radius: 10px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    /*transition: background-color 0.3s, transform 0.2s;*/
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
  }
  
  /* Hover Effect */
  .invite-btn:hover[b-l7nrg5wpff] {
    /*background-color: darkred;*/  
    color:var(--rin-orange);
    transform: translateY(-1px);
  }
  
  /* Focus State */
  .invite-btn:focus[b-l7nrg5wpff] {
    outline: none;
    /*box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.3);*/
  }
  
  /* Disabled State */
  .invite-btn:disabled[b-l7nrg5wpff] {
    background-color: #ccc; /* Ash gray */
    color: #666;
    cursor: not-allowed;
    box-shadow: none;
  }


.inactive-rvo[b-l7nrg5wpff] {
    color: gray;
}

.inactive-rvo:hover[b-l7nrg5wpff]{
    color:gray;
    
}
/* /Pages/StaffPages/Obsolete/ScaleNumbersPage.razor.rz.scp.css */
section[b-n4qrbasd3t] {
    display: flex;
    flex-direction:column;
    flex-grow: 1;
    padding: 0 20px;
    overflow-y: auto;
    background-size: auto 100vw;
    background-position: -220px -600px;
    height:1dvh;
}


section > div[b-n4qrbasd3t]{
    height : 60px;
    padding:20px;
    display:flex;
    justify-content:space-between;
}

.selected-rvo-display[b-n4qrbasd3t]{
    display:inline-block;
    /*background-color:yellow;*/
    height:30px;
    width:400px;
    border-radius:5px;
    border:1px solid black;
    cursor:pointer;
    padding-left:20px;
    line-height:30px;
}

.dropdown[b-n4qrbasd3t] {
    position: absolute;
    z-index: 3;
    /*background-color:blue;*/
    max-height:300px;
    width:400px;
    box-shadow:1px 1px 2px 1px black;
    overflow:scroll;
}

    .dropdown > input[b-n4qrbasd3t] {
        width: 400px;
        padding-left:20px;
    }

ul[b-n4qrbasd3t] {
    list-style-type: none;
    padding-left: 0px; 
    margin: 0; 
    background-color:white;
}

li[b-n4qrbasd3t] {
    padding: 5px 20px;
    cursor:pointer;
}

li:hover[b-n4qrbasd3t]{
    background-color:var(--white1);
}

.input-quantity[b-n4qrbasd3t] {
    width: 80px;
}

.btn-create-new-scale-numbers[b-n4qrbasd3t] {
    width: 40px;
    margin-left: 10px;
}

.btn-create-new-scale-numbers[b-n4qrbasd3t] {
    border-radius: 5px;
    color: white;
    background-color: var(--rin-orange);
    border: none;
}

    .btn-create-new-scale-numbers:hover[b-n4qrbasd3t] {
        box-shadow: 1px 1px 5px 1px black;
    }

    .btn-create-new-scale-numbers:active[b-n4qrbasd3t] {
        box-shadow: 1px 1px 3px 1px black;
    }

thead[b-n4qrbasd3t] {
    position: sticky;
    top: 0px;
    background-color: black;
    color: white;
}


th[b-n4qrbasd3t], td[b-n4qrbasd3t]{
    text-align:center;
}

.checked-mark[b-n4qrbasd3t]{
    background-color:green;
    color:white;
    padding:2px;
    border-radius:50%;
}
.toggle[b-n4qrbasd3t] {
    background-color: red; /* Default color */
    color: white;
    border: none;
    border-radius: 5px;
}

/* Color when expanded */
.toggle.expanded[b-n4qrbasd3t] {
    background-color: green; /* Color when expanded */
}

/* Color when collapsed */
.toggle.collapsed[b-n4qrbasd3t] {
    background-color: red; /* Color when collapsed */
}

/* Hover and active states */
.toggle:hover[b-n4qrbasd3t] {
    box-shadow: 1px 1px 5px 1px black;
}

.toggle:active[b-n4qrbasd3t] {
    box-shadow: 1px 1px 3px 1px black;
}

td > button[b-n4qrbasd3t] {
    border-radius: 5px;
    color: white;
    background-color: red;
    border: none;
}

    td > button:hover[b-n4qrbasd3t] {
        box-shadow:1px 1px 5px 1px black;
    }

    td > button:active[b-n4qrbasd3t] {
        box-shadow: 1px 1px 3px 1px black;
    }

    /* Style for the sub-table */
.sub-table[b-n4qrbasd3t] {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
    background-color: #f9f9f9;
    line-height: normal;
    border: none;
}

.sub-table th[b-n4qrbasd3t], .sub-table td[b-n4qrbasd3t] {
    text-align: center;
    padding: 8px;
    /* border: 1px solid #ddd; */
}

.sub-table th[b-n4qrbasd3t] {
    background-color: #c2bfbf;
    color: #000;
    font-weight: bold;
}

.sub-table td[b-n4qrbasd3t] {
    background-color: #fafafa;
}

/* Add hover effect to rows inside the sub-table */
.sub-table tr:hover[b-n4qrbasd3t] {
    background-color: #e0e0e0;
}

/* Add a collapse effect to hide the sub-table */
.sub-table-hidden[b-n4qrbasd3t] {
    display: none;
}

/* Optional: Styling the sub-table's checkbox if needed */
.sub-table input[type="checkbox"][b-n4qrbasd3t] {
    width: 20px;
    height: 20px;
}
/* /Pages/StaffPages/Settings.razor.rz.scp.css */
.input-container[b-k1quyupgyv]{
    display:block;
}

.input-container > div[b-k1quyupgyv] {
    width: 500px !important;
}


/* /Pages/StaffPages/StaffHome.razor.rz.scp.css */
.clickable-tile[b-qeub9k7nbj] {
    color:red !important;
}
/* /Pages/TermsAndConditions.razor.rz.scp.css */
.title[b-sli9grilm4] {
    color: orange;
    padding: 10px;
}
/* /Pages/Tours/ManageMcasPage.razor.rz.scp.css */
section[b-prfbrvvpj9] {
	/*background-color:yellow;*/
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 40px 40px 10px 40px;
	flex-wrap: wrap;
}

.cmbbox-smry-btn-container[b-prfbrvvpj9] {
	display: flex;
	height: 80px;
	/*background-color:blue;*/
	justify-content: space-between;
}

select[b-prfbrvvpj9] {
	width: 100px;
	padding: 10px;
	background-color: var(--white1);

}

select:focus[b-prfbrvvpj9] {
	outline: none;
}


.summary[b-prfbrvvpj9] {
	/*background-color:blue;*/
	height: 60px;
	width: 500px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.summary>div[b-prfbrvvpj9] {
	width: 50%;
	/*background-color:yellow;*/
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid black;
	height: 50%;
}

.summary>div:nth-child(1)[b-prfbrvvpj9],
.summary>div:nth-child(2)[b-prfbrvvpj9] {
	width: 50%;
	border-top: 1px solid black;
}

.summary>div>span:first-child[b-prfbrvvpj9] {
	display: inline-block;
	/*background-color:red;*/
	width: 70%;
	flex-grow: 1;
}

.summary>div>span[b-prfbrvvpj9] {
	padding: 0 10px;
}

.btn-new-mca[b-prfbrvvpj9] {
	width: 130px;
	font-weight: bolder;
	height: 40px;
}

.btn-new-mca:hover[b-prfbrvvpj9] {}

.tabs-container[b-prfbrvvpj9] {
	/*background-color:blue;*/
	display: flex;
	font-size: 16px;
}

.tabs-container button[b-prfbrvvpj9] {
	border: none;
	outline: none;
	margin: 0;
	padding: 5px 20px;
}

.tabs-container button:hover[b-prfbrvvpj9] {
	/*background-color: rgba(255,255,255,0.9);*/
}

.active-tab[b-prfbrvvpj9] {
	color: white;
	background-color: black;
}

.table-wrapper[b-prfbrvvpj9] {
	/* background-color:var(--white1); */
	flex-grow: 1;
	max-height: calc(100vh - 280px);
	overflow: auto;
	position: relative;
}

.table[b-prfbrvvpj9] {
	flex-grow: 0;
	margin: 0;
}

.table thead[b-prfbrvvpj9] {
	position: sticky;
	top: 0;
}

.table thead tr[b-prfbrvvpj9] {
	background-color: black;
	color: white;
}

.table tbody tr:hover:not(.selected-mca)[b-prfbrvvpj9] {
	background-color: lightgray;
	cursor: pointer;
}

.table tbody tr:hover.selected-mca[b-prfbrvvpj9] {
	background-color: #fadaa2;
}

.table tbody[b-prfbrvvpj9] {
	background-color: var(--white1);
}

.table td[b-prfbrvvpj9],
table th[b-prfbrvvpj9] {
	text-align: center;
	font-weight: bold;
}

/*.table-filler {
	height: 10px;
	flex-grow: 1;
	background-color: var(--white1);
}*/

.selected-mca[b-prfbrvvpj9] {
	background-color: #ffe4b5;
	cursor: pointer;
	/*border: 1px solid red;*/
	/*border:1px solid white;*/
}

@media (max-width: 855px) and (min-width: 691px) {
	.wf-class[b-prfbrvvpj9] {
		width: auto;
	}
	select[b-prfbrvvpj9] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-prfbrvvpj9] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-prfbrvvpj9] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-prfbrvvpj9] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}
	.table>:not(caption)>*>*[b-prfbrvvpj9] {
		padding: .2rem .1rem;
	}
}

@media (max-width: 691px) and (min-width: 543px) {
	section[b-prfbrvvpj9] {
		padding: 10px 10px 10px 10px !important;
	}
	.table-wrapper[b-prfbrvvpj9]{
		overflow: auto;
		width: 98vw;
	}

	.wf-class[b-prfbrvvpj9] {
		width: auto;
		font-size: 12px;
	}

	select[b-prfbrvvpj9] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-prfbrvvpj9] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-prfbrvvpj9] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-prfbrvvpj9] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}

	.table>:not(caption)>*>*[b-prfbrvvpj9] {
		padding: .1rem .1rem;
	}

	.table td[b-prfbrvvpj9],
	table th[b-prfbrvvpj9] {
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
}

@media (max-width: 543px) and (min-width: 471px) {
	section[b-prfbrvvpj9] {
		padding: 10px 10px 10px 10px !important;
	}

	.wf-class[b-prfbrvvpj9] {
		width: auto;
		font-size: 10px;
		padding: 5px;
	}

	.table th[b-prfbrvvpj9] {
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 0;
	}

	.table td[b-prfbrvvpj9] {
		text-align: center;
		font-weight: normal;
		font-size: 10px;
	}

	.tabs-container button[b-prfbrvvpj9] {
		padding: 1px 5px;
	}

	select[b-prfbrvvpj9] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-prfbrvvpj9] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
	}

	.summary[b-prfbrvvpj9] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-prfbrvvpj9] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}
}

@media (max-width: 471px) {
	section[b-prfbrvvpj9] {
		padding: 10px 10px 10px 10px !important;
	}

	.wf-class[b-prfbrvvpj9] {
		width: auto;
		font-size: 10px;
		padding: 5px;
	}

	.table-wrapper[b-prfbrvvpj9]{
		overflow: auto;
		width: 98vw;
	}

	.table th[b-prfbrvvpj9] {
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 0;
	}

	.table td[b-prfbrvvpj9] {
		text-align: center;
		font-weight: normal;
		font-size: 10px;
	}

	.tabs-container button[b-prfbrvvpj9] {
		padding: 1px 5px;
	}

	select[b-prfbrvvpj9] {
		width: 60px;
		margin-right: 0;
		padding: 0;
	}

	.cmbbox-smry-btn-container[b-prfbrvvpj9] {
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 5px;
		width: 100vw;
	}

	.summary[b-prfbrvvpj9] {
		height: 60px;
		width: 100%;
		display: flex;
		font-size: 14px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}

	.btn-new-mca[b-prfbrvvpj9] {
		width: 100px;
		font-size: small;
		padding: 3px;
	}

	.summary>div>span:first-child[b-prfbrvvpj9] {
		width: 75%;
		font-size: 12px;
	}

	.summary>div>span[b-prfbrvvpj9] {
		padding: 0 5px;
	}

	.summary>div>span[b-prfbrvvpj9] {
		padding: 0 5px;
		font-size: 11px;
	}
}
/* /Pages/Tours/NewMcaPageTour.razor.rz.scp.css */
section[b-8kms2d0d51] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 70px 50px 70px;
    /*background-color: yellow;*/
    flex-grow: 1;
    max-height: calc(100vh - 135px);
    overflow: auto;
}

h3[b-8kms2d0d51] {
    margin-bottom: 10px;
}

section>div[b-8kms2d0d51] {
    align-self: stretch;
    background-color: var(--white1);
    padding: 20px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
}

.data-text[b-8kms2d0d51] {
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 40px;
}



section>div>span:first-child[b-8kms2d0d51] {
    display: inline-block;
    width: 30%;
    text-align: right;
    padding-right: 20px;
}

section>div>div[b-8kms2d0d51] {
    flex-grow: 1;
}

.btn-container[b-8kms2d0d51] {
    display: flex;
    justify-content: flex-end;
}

.custom-btn[b-8kms2d0d51] {
    background-color: var(--rin-orange);
    padding: 10px 20px;
    color: black;
    float: right;
}

select[b-8kms2d0d51] {
    width: 200px;
    font-size: 15px;
    padding: 5px;
}

option[b-8kms2d0d51] {
    text-align: center;
}

input[type='date'][b-8kms2d0d51] {
    width: 200px;
    font-size: 15px;
    padding: 5px;
}

@media (max-width: 921px) {}

@media (max-width: 629px) and (min-width: 518px ) {
    section>div>span:first-child[b-3n64fu5u80][b-8kms2d0d51] {
        width: 50%;
        text-align: left;
    }

    section[b-3n64fu5u80][b-8kms2d0d51] {
        padding: 20px;
    }
}
@media (max-width: 518px) {
    section>div>span:first-child[b-3n64fu5u80][b-8kms2d0d51] {
        width: 100%;
        text-align: left;
    }
    section[b-3n64fu5u80][b-8kms2d0d51] {
        padding: 20px;
    }

}
/* /Pages/Tours/TourClarification.razor.rz.scp.css */
section[b-ikd06lq9uw] {
    /*flex-grow:1;*/
    overflow: auto;
    position: relative;
    height: calc(100dvh - 135px);
    overflow: scroll;
    /*background-color:yellow;*/
}



.message-row[b-ikd06lq9uw] {
    display: flex;
    /*background-color:yellow;*/
    padding: 10px 80px;
}

.message-container[b-ikd06lq9uw] {
    display: flex;
}

.rinstrum-message[b-ikd06lq9uw] {
    justify-content: start;
}

.rvo-message[b-ikd06lq9uw] {
    justify-content: end;
}

.rinstrum-message img[b-ikd06lq9uw] {
    margin-right: 10px;
}

.rvo-message img[b-ikd06lq9uw] {
    margin-left: 10px;
}

.message[b-ikd06lq9uw] {
    display: flex;
}

.message>div[b-ikd06lq9uw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*background-color:orange;*/
    background-color: var(--white1);
    /*border:1px solid orange;*/
    border-radius: 20px;
    padding: 10px 20px;
    max-width: 65vw;
}

.message>div>div>span[b-ikd06lq9uw] {
    font-weight: bolder;
}

.timestamp[b-ikd06lq9uw] {
    display: flex;
    justify-content: end;
    font-size: 11px;
}

img:not(.img-attachment)[b-ikd06lq9uw] {
    height: 50px;
    border-radius: 50%;
    /*background-color:var(--white1);*/
    border: 1px solid var(--white1);
    padding: 4px;
}

.inputs-container[b-ikd06lq9uw] {
    padding: 10px 140px;
    background-color: white;
}

@media (max-width: 796px) {
    .message-row[b-ikd06lq9uw] {
        padding: 10px 20px;
    }

    img:not(.img-attachment)[b-ikd06lq9uw] {
        height: 30px;
    }

    .inputs-container[b-ikd06lq9uw] {
        padding: 10px 20px;
    }

    .paste-icon[b-ikd06lq9uw] {
        height: 30px;
        width: 30px;
        font-size: 10px;
        background-color: red;
    }

    .drag-drop-note[b-ikd06lq9uw]{
        padding: 10px;
        padding-right: 40px;
    }
}
/* /Pages/Tours/TourRvoHome.razor.rz.scp.css */
section[b-1gbm80ab8v] {
    display: flex;
    flex-direction: column;
    /*flex-grow:1;*/
    justify-content: space-around;
    align-items: center;
    overflow-y: auto;
    height: calc(100dvh - 105px);

}

.img-container[b-1gbm80ab8v] {
    display: flex;
    /* justify-content: space-between; */
    width: 95%;
    height: 50dvh;
    margin-top: 20px;
    height: fit-content;
    flex-wrap: wrap;
}

.img-container>div[b-1gbm80ab8v] {
    /* width: 40%; */
    /* margin-left: 10px; */
    /* padding: 0px 40px; */
    display: flex;
    flex-direction: column;
}

.rvo-details-container[b-1gbm80ab8v] {
    background-color: black;
    color: white;
    display: flex;
    width: 22%;
    padding: 20px 40px;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 20px;
    align-items: center;
    border-radius: 10px;
    flex-wrap: wrap;
    /* font-family: Arial, sans-serif; */
}

.container2[b-1gbm80ab8v],
.container3[b-1gbm80ab8v] {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.container2[b-1gbm80ab8v] {
    width: 40%;
    /* margin-left: 10px; */
    border-right: 1px solid #ccc;
}

.container3[b-1gbm80ab8v] {
    width: 35%;
    /* min-width: 25%; */
    /* margin-right: 10px; */
    /* margin-left: 10px; */
}

.img-container h5[b-1gbm80ab8v] {
    font-weight: bolder;
    font-size: 25px;
}

.title[b-1gbm80ab8v] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.title2[b-1gbm80ab8v] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.2;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.order-labels[b-1gbm80ab8v] {
    flex-direction: column !important;
    /* font-family: Arial, sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-weight: 100 I !important;
}

.img-container>div>div:not(.rvo-state-container)[b-1gbm80ab8v] {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    /* align-items: center; */
}

.container-box[b-1gbm80ab8v] {
    background-color: #f9f9f9;
    /* Soft light background */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Softer, larger shadow */
    height: fit-content;
    padding: 5px 20px;
    /* More comfortable padding */
    font-size: 14px;
    /* Slightly larger text for readability */
    /* font-weight: 600; */
    display: flex;
    flex-direction: column;
    /* Stack the content vertically */
    gap: 10px;
    margin-bottom: 20px;
    /* Space below for separation */
    border-radius: 12px;
    /* Soft rounded corners */
    /* line-height: 1.6; */
    /* More comfortable line spacing */
    color: #333;
    /* Dark text for better contrast */

}

.container-box a[b-1gbm80ab8v] {
    color: black;
    /* Set link color */
    text-decoration: none;
    /* Remove underline */
    font-weight: 600;
}

.container-box a:hover[b-1gbm80ab8v] {
    text-decoration: underline;
    /* Add underline on hover for better interaction */
}

.event-card[b-1gbm80ab8v] {
    border: 1px solid #ddd;
    border-radius: 12px;
    /* padding: 20px; */
    width: 35%;
    /* Make it full-width within the container */
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    /* Add shadow for 3D effect */
    transition: all 0.3s ease-in-out;
    /* Smooth hover transition */
    position: relative;
    overflow: hidden;
}

.event-card:hover[b-1gbm80ab8v] {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    /* Stronger shadow on hover */
    transform: translateY(-5px);
    /* Lift the card on hover */
}

.event[b-1gbm80ab8v] {
    margin-bottom: 15px;
}

.event-date[b-1gbm80ab8v] {
    /* font-size: 18px; */
    padding: 0px 20px;
    color: #ffffff;
    font-weight: bold;
    /* background-color: #ff9900; */
    background-color: var(--rin-orange);
    /* background-color: #50AEB5; */
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.event-title[b-1gbm80ab8v] {
    padding: 0px 20px;
    padding-bottom: 5px;
    /* font-size: 10px; */
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    margin: 10px;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    text-align: center;
    /* Make the title stand out */
    letter-spacing: normal;
}

.event-content[b-1gbm80ab8v] {
    font-size: 10px;
    padding: 0px 20px;
    margin: 10px;
    color: #706e6e;
    text-align: center
}

.event-card[b-1gbm80ab8v]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(64, 64, 65, 0.2), rgba(138, 138, 140, 0.1));
    z-index: -1;
    border-radius: 12px;
}

.event-card:hover[b-1gbm80ab8v]::before {
    background: linear-gradient(135deg, rgba(26, 26, 27, 0.4), rgba(197, 197, 199, 0.2));
}


.container-box p[b-1gbm80ab8v] {
    /* text-align: center; */
    color: #999;
    font-size: 16px;
    /* font-family: Arial, sans-serif; */
}


.rvo-state-container>.active[b-1gbm80ab8v] {
    background-color: green;
    padding: 5px 10px;
    border-radius: 8px;
}

.rvo-state-container>.inactive[b-1gbm80ab8v] {
    background-color: red;
    padding: 5px 10px;
    border-radius: 8px;
}

.img-container>img[b-1gbm80ab8v] {
    /*width:70%;*/
    width: calc(100% - 392px);
    /*border-radius:20px;*/
}

.news-table-btn-container[b-1gbm80ab8v] {
    /*width: 1450px;*/
    width: 95%;
    max-width: 95%;
    flex-grow: 1;
    /*background-color:red;*/
    margin: 10px 0;
    display: flex;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    /*max-height: 230px;*/
    /*background-color: yellow;*/
}

.table-btn-container[b-1gbm80ab8v] {
    /*background-color: blue;*/
    display: flex;
    flex-direction: column;
    width: 22%;
}

.table-btn-container>table[b-1gbm80ab8v] {
    /*background-color:green;*/
    margin: 10px;
}

.news-table-btn-container tr[b-1gbm80ab8v] {
    border-top: 1px solid black;
    border-bottom: 1px solid black;

}


.table-btn-container>div[b-1gbm80ab8v] {
    flex-grow: 1;
    /*background-color:yellow;*/
    display: flex;
    flex-wrap: wrap;
}

.custom-btn[b-1gbm80ab8v] {
    width: 40%;
    height: 35%;
    border-radius: 10px;
}

.table-btn-container>div[b-1gbm80ab8v] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*background-color:green;*/
}

.news-container[b-1gbm80ab8v] {
    /* flex-grow: 1; */
    /* font-size: 1.0rem; */
    padding: 40px 40px;
    padding-top: 5px;
    overflow-y: auto;
    flex-direction: column;
    width: 75%;
}


/* Small Button Styling */
.btn-primary[b-1gbm80ab8v] {
    background-color: #ff9900;
    color: white;
    border: none;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.675rem;
    text-align: center;
    float: right;
}


.btn-primary:hover[b-1gbm80ab8v] {
    background-color: #e78002;
    /* Darker blue on hover */
}

/* News List Styling */
.news-list[b-1gbm80ab8v] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    /* Allow vertical scrolling */
    flex-grow: 1;
    /* Allow news list to take remaining space */
    max-height: 300px;
    /* Set max height for scrolling */
}

/* Individual News Item Styling */
.news-item[b-1gbm80ab8v] {
    display: flex;
    /* Use Flexbox */
    justify-content: space-between;
    /* Distribute space between the elements */
    align-items: center;
    /* Vertically center the items */
    padding: 10px 10px;
    /* Add some padding around the item */
    margin-bottom: 10px;
    /* Add margin between news items */
    background-color: var(--white1);
    /* Background color */
    border-radius: 5px;
    /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;

}

.news-title[b-1gbm80ab8v] {
    /* font-size: 1rem; */
    /* font-weight: bold; */
    /* Make the title bold */
    color: #343a40;
    /* Dark color for the title */
    margin: 0;
    /* Remove default margin */
}

.news-date[b-1gbm80ab8v] {
    font-size: 0.875rem;
    /* Slightly smaller font size for the date */
    color: #6c757d;
    /* Light grey color for the date */
    margin: 0;
    cursor: pointer;
    /* Remove default margin */
}


.news-item p[b-1gbm80ab8v] {
    margin: 0;
    /* font-size: 1rem; */
    line-height: 1.5;
}

.posted-date[b-1gbm80ab8v] {
    font-size: 12px !important;
    float: right;
    color: #777 !important;
    margin-top: 5px;
}

.documents-container[b-1gbm80ab8v] {}

h1[b-1gbm80ab8v] {
    color: #333;
}

.category[b-1gbm80ab8v] {

    border-top: 2px solid #ccc;
    padding-top: 20px;
    width: 100%;
}

.category p[b-1gbm80ab8v] {
    font-weight: 600;
}

ul[b-1gbm80ab8v] {
    list-style-type: none;
    padding-left: 0;
}

li[b-1gbm80ab8v] {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

li a[b-1gbm80ab8v] {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

li a:hover[b-1gbm80ab8v] {
    color: #0056b3;
}

a[b-1gbm80ab8v],
.btn-link[b-1gbm80ab8v] {
    color: #f8fbfd;
}

/* Responsive Design */
@media (max-width: 480px) {
    .btn-primary[b-1gbm80ab8v] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-1gbm80ab8v] {
        height: 40%;

    }

    .container2[b-1gbm80ab8v],
    .container3[b-1gbm80ab8v] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-1gbm80ab8v] {
        width: 40%;

    }

    .event-title[b-1gbm80ab8v] {
        padding: 0px;
    }

    .event-content[b-1gbm80ab8v] {
        padding: 0px;
    }

    .container-box[b-1gbm80ab8v] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-1gbm80ab8v] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-1gbm80ab8v] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-1gbm80ab8v] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-1gbm80ab8v] {
        /* padding: 10px; */
    }

    .btn-primary[b-1gbm80ab8v] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-1gbm80ab8v] {
        font-size: 14px;
    }
}

@media (max-width: 796px) and (min-width: 480px) {
    .btn-primary[b-1gbm80ab8v] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-1gbm80ab8v] {
        height: 40%;
    }

    .container2[b-1gbm80ab8v],
    .container3[b-1gbm80ab8v] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-1gbm80ab8v] {
        width: 30%;

    }

    .event-title[b-1gbm80ab8v] {
        padding: 0px;
    }

    .event-content[b-1gbm80ab8v] {
        padding: 0px;
    }

    .container-box[b-1gbm80ab8v] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-1gbm80ab8v] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-1gbm80ab8v] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-1gbm80ab8v] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-1gbm80ab8v] {
        /* padding: 10px; */
    }

    .btn-primary[b-1gbm80ab8v] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-1gbm80ab8v] {
        font-size: 14px;
    }
}

@media (max-width: 1060px) and (min-width:796px) {
    .rvo-details-container[b-1gbm80ab8v] {
        justify-content: center;
        width: 41%;
    }

    .custom-btn[b-1gbm80ab8v] {
        height: 40%;
    }

    .container2[b-1gbm80ab8v] {
        width: 55%;
        margin-left: 0;
        /* padding-right: 10px; */
        border-right: none;
    }

    .container3[b-1gbm80ab8v] {
        width: 100%;
        margin: 0px;

    }

    .category[b-1gbm80ab8v] {
        border-top: 2px solid #ccc;
        padding-top: 20px;
        width: 100%;
    }

    .event-title[b-1gbm80ab8v] {
        padding: 0px;
    }

    .news-item p[b-1gbm80ab8v] {
        font-size: 14px;
    }

    .event-content[b-1gbm80ab8v] {
        padding: 0px;
    }

    .news-container[b-1gbm80ab8v] {
        padding: 5px 0px;
        width: 95%;
    }

    .news-table-btn-container[b-1gbm80ab8v] {
        justify-content: space-around;
    }

    .table-btn-container[b-1gbm80ab8v] {
        width: fit-content;
    }

}

@media (max-width:1590px) and (min-width: 1060px) {
    .container-box[b-1gbm80ab8v] {
        /* line-height: 1.4; */
        margin-bottom: 10px;
    }

    .img-container[b-1gbm80ab8v] {
        margin-top: 10px;
    }


    .news-item[b-1gbm80ab8v] {
        padding: 5px 10px;

    }

    .container-box p[b-1gbm80ab8v] {
        color: rgb(153, 153, 153);
        font-size: 14px;
    }
    .container2[b-1gbm80ab8v] {
        padding-left: 40px;

    }

    .container3[b-1gbm80ab8v] {
        padding-right: 0px;
    }

    .event-title[b-1gbm80ab8v] {
        padding: 0;
        text-align: center;
    }

    .event-content[b-1gbm80ab8v] {
        padding: 0;
    }

    .title[b-1gbm80ab8v] {
        font-size: 20px;
    }

    .news-table-btn-container[b-1gbm80ab8v] {
        justify-content: space-around;
    }

    .news-container[b-1gbm80ab8v] {
        padding: 5px 40px;
        padding-right: 0px;
    }

}

@media (min-width:1590px) {
    .container2[b-1gbm80ab8v] {
        padding-left: 40px;

    }

    .event-card[b-1gbm80ab8v] {
        border: 1px solid #ddd;
        border-radius: 12px;
        /* padding: 20px; */
        width: 30%;
        /* Make it full-width within the container */
        background-color: #ffffff;
        box-sizing: border-box;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
        /* Add shadow for 3D effect */
        transition: all 0.3s ease-in-out;
        /* Smooth hover transition */
        position: relative;
        overflow: hidden;
    }

    .custom-btn[b-1gbm80ab8v] {
        height: 30%;
    }

    .event-card:hover[b-1gbm80ab8v] {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
        /* Stronger shadow on hover */
        transform: translateY(-5px);
        /* Lift the card on hover */
    }

    .event[b-1gbm80ab8v] {
        margin-bottom: 10px;

    }

    .event-date[b-1gbm80ab8v] {
        font-size: 18px;
        padding: 0px 20px;
        /* White color for the date text */
        font-weight: bold;
        /* A vibrant color for the date */
        padding: 10px;
        /* border-radius: 6px; */
        margin-bottom: 10px;
    }

    .event-title[b-1gbm80ab8v] {
        padding: 0px 10px;
        padding-bottom: 10px;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .event-content[b-1gbm80ab8v] {
        font-size: 14px;
        padding: 0px 10px;
    }

    .container-box[b-1gbm80ab8v] {
        padding: 20px 20px;
        font-size: 14px;
        /* line-height: 1.5; */
        margin-bottom: 10px;
    }

    .news-table-btn-container[b-1gbm80ab8v] {
        justify-content: space-around;
    }

    .news-container[b-1gbm80ab8v] {
        padding: 5px 40px;
        padding-right: 0px;
    }

    .container3[b-1gbm80ab8v] {
        padding-right: 0px;
    }

}
/* /Pages/Tours/TourRvoHome2.razor.rz.scp.css */
section[b-zcmq6mvm2q] {
    display: flex;
    flex-direction: column;
    /*flex-grow:1;*/
    justify-content: space-around;
    align-items: center;
    overflow-y: auto;
    height: calc(100dvh - 105px);

}

.img-container[b-zcmq6mvm2q] {
    display: flex;
    /* justify-content: space-between; */
    width: 95%;
    height: 50dvh;
    margin-top: 20px;
    height: fit-content;
    flex-wrap: wrap;
}

.img-container>div[b-zcmq6mvm2q] {
    /* width: 40%; */
    /* margin-left: 10px; */
    /* padding: 0px 40px; */
    display: flex;
    flex-direction: column;
}

.rvo-details-container[b-zcmq6mvm2q] {
    background-color: black;
    color: white;
    display: flex;
    width: 22%;
    padding: 20px 40px;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 20px;
    align-items: center;
    border-radius: 10px;
    flex-wrap: wrap;
    /* font-family: Arial, sans-serif; */
}

.container2[b-zcmq6mvm2q],
.container3[b-zcmq6mvm2q] {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.container2[b-zcmq6mvm2q] {
    width: 40%;
    /* margin-left: 10px; */
    border-right: 1px solid #ccc;
}

.container3[b-zcmq6mvm2q] {
    width: 35%;
    /* min-width: 25%; */
    /* margin-right: 10px; */
    /* margin-left: 10px; */
}

.img-container h5[b-zcmq6mvm2q] {
    font-weight: bolder;
    font-size: 25px;
}

.title[b-zcmq6mvm2q] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.title2[b-zcmq6mvm2q] {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.2;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.order-labels[b-zcmq6mvm2q] {
    flex-direction: column !important;
    /* font-family: Arial, sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-weight: 100 I !important;
}

.img-container>div>div:not(.rvo-state-container)[b-zcmq6mvm2q] {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    /* align-items: center; */
}

.container-box[b-zcmq6mvm2q] {
    background-color: #f9f9f9;
    /* Soft light background */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Softer, larger shadow */
    height: fit-content;
    padding: 5px 20px;
    /* More comfortable padding */
    font-size: 14px;
    /* Slightly larger text for readability */
    /* font-weight: 600; */
    display: flex;
    flex-direction: column;
    /* Stack the content vertically */
    gap: 10px;
    margin-bottom: 20px;
    /* Space below for separation */
    border-radius: 12px;
    /* Soft rounded corners */
    /* line-height: 1.6; */
    /* More comfortable line spacing */
    color: #333;
    /* Dark text for better contrast */

}

.container-box a[b-zcmq6mvm2q] {
    color: black;
    /* Set link color */
    text-decoration: none;
    /* Remove underline */
    font-weight: 600;
}

.container-box a:hover[b-zcmq6mvm2q] {
    text-decoration: underline;
    /* Add underline on hover for better interaction */
}

.event-card[b-zcmq6mvm2q] {
    border: 1px solid #ddd;
    border-radius: 12px;
    /* padding: 20px; */
    width: 35%;
    /* Make it full-width within the container */
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    /* Add shadow for 3D effect */
    transition: all 0.3s ease-in-out;
    /* Smooth hover transition */
    position: relative;
    overflow: hidden;
}

.event-card:hover[b-zcmq6mvm2q] {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    /* Stronger shadow on hover */
    transform: translateY(-5px);
    /* Lift the card on hover */
}

.event[b-zcmq6mvm2q] {
    margin-bottom: 15px;
}

.event-date[b-zcmq6mvm2q] {
    /* font-size: 18px; */
    padding: 0px 20px;
    color: #ffffff;
    font-weight: bold;
    /* background-color: #ff9900; */
    background-color: var(--rin-orange);
    /* background-color: #50AEB5; */
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.event-title[b-zcmq6mvm2q] {
    padding: 0px 20px;
    padding-bottom: 5px;
    /* font-size: 10px; */
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    margin: 10px;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    text-align: center;
    /* Make the title stand out */
    letter-spacing: normal;
}

.event-content[b-zcmq6mvm2q] {
    font-size: 10px;
    padding: 0px 20px;
    margin: 10px;
    color: #706e6e;
    text-align: center
}

.event-card[b-zcmq6mvm2q]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(64, 64, 65, 0.2), rgba(138, 138, 140, 0.1));
    z-index: -1;
    border-radius: 12px;
}

.event-card:hover[b-zcmq6mvm2q]::before {
    background: linear-gradient(135deg, rgba(26, 26, 27, 0.4), rgba(197, 197, 199, 0.2));
}


.container-box p[b-zcmq6mvm2q] {
    /* text-align: center; */
    color: #999;
    font-size: 16px;
    /* font-family: Arial, sans-serif; */
}


.rvo-state-container>.active[b-zcmq6mvm2q] {
    background-color: green;
    padding: 5px 10px;
    border-radius: 8px;
}

.rvo-state-container>.inactive[b-zcmq6mvm2q] {
    background-color: red;
    padding: 5px 10px;
    border-radius: 8px;
}

.img-container>img[b-zcmq6mvm2q] {
    /*width:70%;*/
    width: calc(100% - 392px);
    /*border-radius:20px;*/
}

.news-table-btn-container[b-zcmq6mvm2q] {
    /*width: 1450px;*/
    width: 95%;
    max-width: 95%;
    flex-grow: 1;
    /*background-color:red;*/
    margin: 10px 0;
    display: flex;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    /*max-height: 230px;*/
    /*background-color: yellow;*/
}

.table-btn-container[b-zcmq6mvm2q] {
    /*background-color: blue;*/
    display: flex;
    flex-direction: column;
    width: 22%;
}

.table-btn-container>table[b-zcmq6mvm2q] {
    /*background-color:green;*/
    margin: 10px;
}

.news-table-btn-container tr[b-zcmq6mvm2q] {
    border-top: 1px solid black;
    border-bottom: 1px solid black;

}


.table-btn-container>div[b-zcmq6mvm2q] {
    flex-grow: 1;
    /*background-color:yellow;*/
    display: flex;
    flex-wrap: wrap;
}

.custom-btn[b-zcmq6mvm2q] {
    width: 40%;
    height: 35%;
    border-radius: 10px;
}

.table-btn-container>div[b-zcmq6mvm2q] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*background-color:green;*/
}

.news-container[b-zcmq6mvm2q] {
    /* flex-grow: 1; */
    /* font-size: 1.0rem; */
    padding: 40px 40px;
    padding-top: 5px;
    overflow-y: auto;
    flex-direction: column;
    width: 75%;
}


/* Small Button Styling */
.btn-primary[b-zcmq6mvm2q] {
    background-color: #ff9900;
    color: white;
    border: none;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.675rem;
    text-align: center;
    float: right;
}


.btn-primary:hover[b-zcmq6mvm2q] {
    background-color: #e78002;
    /* Darker blue on hover */
}

/* News List Styling */
.news-list[b-zcmq6mvm2q] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    /* Allow vertical scrolling */
    flex-grow: 1;
    /* Allow news list to take remaining space */
    max-height: 300px;
    /* Set max height for scrolling */
}

/* Individual News Item Styling */
.news-item[b-zcmq6mvm2q] {
    display: flex;
    /* Use Flexbox */
    justify-content: space-between;
    /* Distribute space between the elements */
    align-items: center;
    /* Vertically center the items */
    padding: 10px 10px;
    /* Add some padding around the item */
    margin-bottom: 10px;
    /* Add margin between news items */
    background-color: var(--white1);
    /* Background color */
    border-radius: 5px;
    /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;

}

.news-title[b-zcmq6mvm2q] {
    /* font-size: 1rem; */
    /* font-weight: bold; */
    /* Make the title bold */
    color: #343a40;
    /* Dark color for the title */
    margin: 0;
    /* Remove default margin */
}

.news-date[b-zcmq6mvm2q] {
    font-size: 0.875rem;
    /* Slightly smaller font size for the date */
    color: #6c757d;
    /* Light grey color for the date */
    margin: 0;
    cursor: pointer;
    /* Remove default margin */
}


.news-item p[b-zcmq6mvm2q] {
    margin: 0;
    /* font-size: 1rem; */
    line-height: 1.5;
}

.posted-date[b-zcmq6mvm2q] {
    font-size: 12px !important;
    float: right;
    color: #777 !important;
    margin-top: 5px;
}

.documents-container[b-zcmq6mvm2q] {}

h1[b-zcmq6mvm2q] {
    color: #333;
}

.category[b-zcmq6mvm2q] {

    border-top: 2px solid #ccc;
    padding-top: 20px;
    width: 100%;
}

.category p[b-zcmq6mvm2q] {
    font-weight: 600;
}

ul[b-zcmq6mvm2q] {
    list-style-type: none;
    padding-left: 0;
}

li[b-zcmq6mvm2q] {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

li a[b-zcmq6mvm2q] {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

li a:hover[b-zcmq6mvm2q] {
    color: #0056b3;
}

a[b-zcmq6mvm2q],
.btn-link[b-zcmq6mvm2q] {
    color: #f8fbfd;
}

/* Responsive Design */
@media (max-width: 480px) {
    .btn-primary[b-zcmq6mvm2q] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-zcmq6mvm2q] {
        height: 40%;

    }

    .container2[b-zcmq6mvm2q],
    .container3[b-zcmq6mvm2q] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-zcmq6mvm2q] {
        width: 40%;

    }

    .event-title[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .event-content[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .container-box[b-zcmq6mvm2q] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-zcmq6mvm2q] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-zcmq6mvm2q] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-zcmq6mvm2q] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-zcmq6mvm2q] {
        /* padding: 10px; */
    }

    .btn-primary[b-zcmq6mvm2q] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-zcmq6mvm2q] {
        font-size: 14px;
    }
}

@media (max-width: 796px) and (min-width: 480px) {
    .btn-primary[b-zcmq6mvm2q] {
        width: 100%;
        padding: 12px;
    }

    .custom-btn[b-zcmq6mvm2q] {
        height: 40%;
    }

    .container2[b-zcmq6mvm2q],
    .container3[b-zcmq6mvm2q] {
        width: 100%;
        /* Stacks containers vertically on smaller screens */
        margin-left: 0;
        padding-right: 10px;
        border-right: none;

    }

    .event-card[b-zcmq6mvm2q] {
        width: 30%;

    }

    .event-title[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .event-content[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .container-box[b-zcmq6mvm2q] {
        padding: 20px;
        font-size: 14px;
    }

    .rvo-details-container[b-zcmq6mvm2q] {
        justify-content: center;
        margin-right: 10px;
        width: 100%;
    }

    .table-btn-container[b-zcmq6mvm2q] {
        width: 100%;
        padding: 10px;

    }

    .news-container[b-zcmq6mvm2q] {
        width: 100%;
        padding: 20px;
    }

    .news-list[b-zcmq6mvm2q] {
        /* padding: 10px; */
    }

    .btn-primary[b-zcmq6mvm2q] {
        width: 15%;
        padding: 2px;
    }

    .news-item p[b-zcmq6mvm2q] {
        font-size: 14px;
    }
}

@media (max-width: 1060px) and (min-width:796px) {
    .rvo-details-container[b-zcmq6mvm2q] {
        justify-content: center;
        width: 41%;
    }

    .custom-btn[b-zcmq6mvm2q] {
        height: 40%;
    }

    .container2[b-zcmq6mvm2q] {
        width: 55%;
        margin-left: 0;
        /* padding-right: 10px; */
        border-right: none;
    }

    .container3[b-zcmq6mvm2q] {
        width: 100%;
        margin: 0px;

    }

    .category[b-zcmq6mvm2q] {
        border-top: 2px solid #ccc;
        padding-top: 20px;
        width: 100%;
    }

    .event-title[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .news-item p[b-zcmq6mvm2q] {
        font-size: 14px;
    }

    .event-content[b-zcmq6mvm2q] {
        padding: 0px;
    }

    .news-container[b-zcmq6mvm2q] {
        padding: 5px 0px;
        width: 95%;
    }

    .news-table-btn-container[b-zcmq6mvm2q] {
        justify-content: space-around;
    }

    .table-btn-container[b-zcmq6mvm2q] {
        width: fit-content;
    }

}

@media (max-width:1590px) and (min-width: 1060px) {
    .container-box[b-zcmq6mvm2q] {
        /* line-height: 1.4; */
        margin-bottom: 10px;
    }

    .img-container[b-zcmq6mvm2q] {
        margin-top: 10px;
    }


    .news-item[b-zcmq6mvm2q] {
        padding: 5px 10px;

    }

    .container-box p[b-zcmq6mvm2q] {
        color: rgb(153, 153, 153);
        font-size: 14px;
    }
    .container2[b-zcmq6mvm2q] {
        padding-left: 40px;

    }

    .container3[b-zcmq6mvm2q] {
        padding-right: 0px;
    }

    .event-title[b-zcmq6mvm2q] {
        padding: 0;
        text-align: center;
    }

    .event-content[b-zcmq6mvm2q] {
        padding: 0;
    }

    .title[b-zcmq6mvm2q] {
        font-size: 20px;
    }

    .news-table-btn-container[b-zcmq6mvm2q] {
        justify-content: space-around;
    }

    .news-container[b-zcmq6mvm2q] {
        padding: 5px 40px;
        padding-right: 0px;
    }

}

@media (min-width:1590px) {
    .container2[b-zcmq6mvm2q] {
        padding-left: 40px;

    }

    .event-card[b-zcmq6mvm2q] {
        border: 1px solid #ddd;
        border-radius: 12px;
        /* padding: 20px; */
        width: 30%;
        /* Make it full-width within the container */
        background-color: #ffffff;
        box-sizing: border-box;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
        /* Add shadow for 3D effect */
        transition: all 0.3s ease-in-out;
        /* Smooth hover transition */
        position: relative;
        overflow: hidden;
    }

    .custom-btn[b-zcmq6mvm2q] {
        height: 30%;
    }

    .event-card:hover[b-zcmq6mvm2q] {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
        /* Stronger shadow on hover */
        transform: translateY(-5px);
        /* Lift the card on hover */
    }

    .event[b-zcmq6mvm2q] {
        margin-bottom: 10px;

    }

    .event-date[b-zcmq6mvm2q] {
        font-size: 18px;
        padding: 0px 20px;
        /* White color for the date text */
        font-weight: bold;
        /* A vibrant color for the date */
        padding: 10px;
        /* border-radius: 6px; */
        margin-bottom: 10px;
    }

    .event-title[b-zcmq6mvm2q] {
        padding: 0px 10px;
        padding-bottom: 10px;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .event-content[b-zcmq6mvm2q] {
        font-size: 14px;
        padding: 0px 10px;
    }

    .container-box[b-zcmq6mvm2q] {
        padding: 20px 20px;
        font-size: 14px;
        /* line-height: 1.5; */
        margin-bottom: 10px;
    }

    .news-table-btn-container[b-zcmq6mvm2q] {
        justify-content: space-around;
    }

    .news-container[b-zcmq6mvm2q] {
        padding: 5px 40px;
        padding-right: 0px;
    }

    .container3[b-zcmq6mvm2q] {
        padding-right: 0px;
    }

}
/* /Pages/TrainingPresentationPage.razor.rz.scp.css */
section[b-wuqkfgvakj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 10px 10px;
    /*background-color: yellow;*/
    flex-grow: 1;
    height: calc(100vh - 100px);
    padding:20px;
    overflow: auto;
}

section > div[b-wuqkfgvakj]{
    font-size:18px;
}

iframe[b-wuqkfgvakj]{
    height:100%;
    width:100%;
}