/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled)
{
    cursor: pointer;
}

button, html [type="button"], [type="reset"], [type="submit"]
{
    -webkit-appearance: button;
}

.modal-backdrop
{
    --backdrop-zindex: 1040;
    --backdrop-bg: #000;
    --backdrop-opacity: .5;
    z-index: var(--backdrop-zindex);
    background-color: var(--backdrop-bg);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.modal-backdrop.fade
{
    opacity: 0
}

.modal-backdrop.show
{
    opacity: var(--backdrop-opacity);
}

.modal-header .btn-close
{
    padding: calc(var(--modal-header-padding-y)*.5)calc(var(--modal-header-padding-x)*.5);
    margin: calc(-.5*var(--modal-header-padding-y))calc(-.5*var(--modal-header-padding-x))calc(-.5*var(--modal-header-padding-y))auto;
}

.btn-close
{
    --btn-close-color: #000;
    --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --btn-close-opacity: .5;
    --btn-close-hover-opacity: .75;
    --btn-close-focus-shadow: 0 0 0 .25rem #2a69b740;
    --btn-close-focus-opacity: 1;
    --btn-close-disabled-opacity: .25;
    --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    color: var(--btn-close-color);
    background: transparent var(--btn-close-bg) center / 1em auto no-repeat;
    opacity: var(--btn-close-opacity);
    border: 0;
    border-radius: .25rem;
    width: 1em;
    height: 1em;
    padding: .25em;
}

.modal-body
{
    position: relative;
    flex: auto;
    padding: var(--modal-padding);
}

.modal .btn-secondary:not([href]):hover,.modal .btn-secondary:not([href]):focus
{
    color: var(--white);
    background: var(--secondary);
    border-color: var(--secondary)
}

.modal .btn-secondary:not([href])
{
    color: var(--template-text-dark);
    background: var(--white);
    /*border: 1px solid var(--template-text-dark);*/
    border: 1px solid #495057 !important;
}

.btn-secondary
{
    color: #fff;
    background-color: var(--white);
    border-color: #6c757d;
}

.modal .btn
{
    border-color: var(--whiteoffset);
    margin-inline-end:.5rem;
    padding: 0 22px !important;
    font-size: 1rem;
    line-height: 2.3rem;
    box-shadow: 1px 1px 1px #00000040;
}

.btn
{
    border-radius: 0.25rem !important;
}

.modal-footer
{
    padding: calc(var(--modal-padding) - var(--modal-footer-gap)*.5);
    background-color: var(--modal-footer-bg);
    border-top: var(--modal-footer-border-width)solid var(--modal-footer-border-color);
    border-bottom-right-radius: var(--modal-inner-border-radius);
    border-bottom-left-radius: var(--modal-inner-border-radius);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.modal-footer>* {
    margin: calc(var(--modal-footer-gap)*.5)
}

.modal.fade .modal-dialog
{
    transition: transform .3s ease-out;
    transform: translateY(-50px);
}

.modal-dialog
{
    margin: var(--modal-margin);
    pointer-events: none;
    width: auto;
    position: relative;
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog
{
    transform: none;
}

.modal.modal-static .modal-dialog
{
    transform: scale(1.02);
}

.modal-dialog-scrollable .modal-body
{
    overflow-y: auto
}

.modal-dialog-scrollable
{
    height: calc(100% - var(--modal-margin)*2);
}

.modal-dialog-centered {
    min-height: calc(100% - var(--modal-margin)*2);
    align-items: center;
    display: flex;
}

.modal-dialog-scrollable .modal-content
{
    max-height: 100%;
    overflow: hidden;
}

.modal-content
{
    color: var(--modal-color);
    pointer-events: auto;
    background-color: var(--modal-bg);
    border: var(--modal-border-width)solid var(--modal-border-color);
    border-radius: var(--modal-border-radius);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
}
       
h4.modal-title
{
    font-size: 1.38rem;
}

.modal-title
{
    line-height: var(--modal-title-line-height);
    margin-bottom: 0;
}

.modal-header
{
    padding: var(--modal-header-padding);
    border-bottom: var(--modal-header-border-width)solid var(--modal-header-border-color);
    border-top-left-radius: var(--modal-inner-border-radius);
    border-top-right-radius: var(--modal-inner-border-radius);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

@media (width>=576px) {
    .modal {
        --modal-margin: 1.75rem;
        --modal-box-shadow: var(--box-shadow);
    }

    .modal-dialog {
        max-width: var(--modal-width);
        margin-left: auto;
        margin-right: auto;
    }

    .modal-sm {
        --modal-width: 300px;
    }
}

@media (width>=992px) {
    .modal-lg,.modal-xl {
        --modal-width: 800px;
    }
}

@media (width>=1200px) {
    .modal-xl {
        --modal-width: 1140px;
    }
}

.modal-fullscreen .modal-body
{
    overflow-y: auto;
}

.modal-fullscreen .modal-content
{
    border: 0;
    border-radius: 0;
    height: 100%;
}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer
{
    border-radius: 0;
}

.modal-fullscreen
{
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

@media (width<=575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}

@media (width<=767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}

@media (width<=991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (width<=1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (width<=1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.modal
{
    --modal-zindex: 1050;
    --modal-width: 1342px;
    --modal-padding: 1rem;
    --modal-margin: .5rem;
    --modal-color: ;
    --modal-bg: var(--body-bg);
    --modal-border-color: var(--border-color-translucent);
    --modal-border-width: var(--border-width);
    --modal-border-radius: var(--border-radius-lg);
    --modal-box-shadow: var(--box-shadow-sm);
    --modal-inner-border-radius: calc(var(--border-radius-lg) - (var(--border-width)));
    --modal-header-padding-x: 1rem;
    --modal-header-padding-y: 1rem;
    --modal-header-padding: 1rem 1rem;
    --modal-header-border-color: var(--border-color);
    --modal-header-border-width: var(--border-width);
    --modal-title-line-height: 1.5;
    --modal-footer-gap: .5rem;
    --modal-footer-bg: ;
    --modal-footer-border-color: var(--border-color);
    --modal-footer-border-width: var(--border-width);
    z-index: var(--modal-zindex);
    outline: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden auto;
}

:root,[data-bs-theme=light] {
    --card-bg: #ffffffb3;
    --bluegray: #b2bfcd;
    --lightbluegray: #f6f9fc;
    --toolbar-bg: #fff;
    --success-border: var(--success);
    --info-border: var(--info);
    --warning-border: var(--warning);
    --danger-border: var(--danger);
    --login-main-bg: #0b1c32;
    --border: #cdcdcd;
    --white: #fff;
    --white-offset: #fefefe;
    --focus: #39f;
    --focus-shadow: #eaeaea;
    --toggle-color: #fff;
    --gray-100: #f8f9fa;
    --gray-200: #e8e8e8;
    --gray-300: #dee2e6;
    --gray-400: #cdcdcd;
    --gray-500: #adb5bd;
    --gray-600: #666e76;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #132f53;
    --secondary: #495057;
    --success: #457d54;
    --info: #2a69b8;
    --warning: #ffb514;
    --danger: #c52827;
    --light: #f8f9fa;
    --dark: #212529;
    --action: #132f53;
    --error: #3b0d0c;
    --primary-rgb: 19,47,83;
    --secondary-rgb: 73,80,87;
    --success-rgb: 69,125,84;
    --info-rgb: 42,105,184;
    --warning-rgb: 255,181,20;
    --danger-rgb: 197,40,39;
    --light-rgb: 248,249,250;
    --dark-rgb: 33,37,41;
    --action-rgb: 19,47,83;
    --error-rgb: 59,13,12;
    --action-text-emphasis: #081321;
    --error-text-emphasis: #180505;
    --primary-text-emphasis: #112a49;
    --secondary-text-emphasis: #292c2f;
    --success-text-emphasis: #1c3222;
    --info-text-emphasis: #112a4a;
    --warning-text-emphasis: #664808;
    --danger-text-emphasis: #4f1010;
    --light-text-emphasis: #495057;
    --dark-text-emphasis: #495057;
    --action-bg-subtle: #d0d5dd;
    --error-bg-subtle: #d8cfce;
    --primary-bg-subtle: #d4e1f1;
    --secondary-bg-subtle: #e0e2e4;
    --success-bg-subtle: #dae5dd;
    --info-bg-subtle: #d4e1f1;
    --warning-bg-subtle: #fff0d0;
    --danger-bg-subtle: #f3d4d4;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #cdcdcd;
    --action-border-subtle: #a1acba;
    --error-border-subtle: #b19e9e;
    --primary-border-subtle: #aac3e2;
    --secondary-border-subtle: #c2c5c8;
    --success-border-subtle: #b5cbbb;
    --info-border-subtle: #aac3e3;
    --warning-border-subtle: #ffe1a1;
    --danger-border-subtle: #e8a9a9;
    --light-border-subtle: #e8e8e8;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,#ffffff26,#fff0);
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #212529;
    --body-color-rgb: 33,37,41;
    --body-bg: #fff;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: #212529bf;
    --secondary-color-rgb: 33,37,41;
    --secondary-bg: #e8e8e8;
    --secondary-bg-rgb: 232,232,232;
    --tertiary-color: #21252980;
    --tertiary-color-rgb: 33,37,41;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248,249,250;
    --heading-color: var(--template-bg-dark);
    --link-color: #2a69b8;
    --link-color-rgb: 42,105,184;
    --link-decoration: none;
    --link-hover-color: #173a65;
    --link-hover-color-rgb: 23,58,101;
    --code-color: #971250;
    --highlight-color: #212529;
    --highlight-bg: #fff0d0;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dee2e6;
    --border-color-translucent: #0000002d;
    --border-radius: .25rem;
    --border-radius-sm: .2rem;
    --border-radius-lg: .3rem;
    --border-radius-xl: .3rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 .5rem 1rem #00000026;
    --box-shadow-sm: 0 .125rem .25rem #00000013;
    --box-shadow-lg: 0 1rem 3rem #0000002d;
    --box-shadow-inset: inset 0 1px 2px #00000013;
    --focus-ring-width: .25rem;
    --focus-ring-opacity: .25;
    --focus-ring-color: #2a69b740;
    --form-valid-color: #457d54;
    --form-valid-border-color: #457d54;
    --form-invalid-color: #c52827;
    --form-invalid-border-color: #c52827;
}